body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


header, #top-main, #main1, .modaljs-modal, #main2, #main3, #g-b, #nav {
	margin: 0 auto;
	max-width: 1280px;
}


.only_mb{
		display:none;
	}


#top-main {
	display: inline;
}

header {
	display: block;
	margin-top: 30px;
}
header:after {
	content: "";
	display: table;
	clear: both;
}

.nav-wrapper{
	display:none;
}

#ul #nav_Skin, #nav_Tec, #nav_Beauty {
	list-style-type: none;
}
#end #ul {
	width: 650px;
	margin: auto;
}
#end #ul li {
	float: left;
	text-align: center;
}
#end #ul li a {
	height: 33px;
	width: 200px;
	overflow: hidden;
	display: block;
	padding-top: 8px;
}
#end #ul li a:hover {
	background-color: #DDDDDD;
}
#top {
	text-align: right;
}
#sen {
	border: none;
	border-bottom: 1px solid;
}
#ig {
	float: right;
}
#sk {
	font-size: 29px;
	margin: 0px;
}
#logo {
	display: inline-block;
}
#h-p {
	margin: 10px auto 0px auto;
	display: inline-block;
	font-size: 22px;
}
#end {
	margin-top: 2px;
	width: 100%;
	height: 40px;
	background-color: #C1C1C1;
}
footer {
	padding-top: 20px;
	color: #FFFFFF;
	background-color: #595757;
	text-align: center;
}
#f1 {
	max-width: 1280px;
	width: 100%;
	margin: 0px auto;
	display: block;
	text-align: left;
	height: 85px;
}
#f2 {
	max-width: 1138px;
	width: 100%;
	margin: 0px auto;
	text-align: right;
	height: 55px;
}
#small {
}
#f-m {
	margin-left: 40px;
	margin-bottom: 0px;
}
#f-m2 {
	margin: 0px;
	font-size: 18px;
}
#nav_Skin, #nav_Tec, #nav_Beauty {
	color: #000000;
}
a {
	text-decoration: none;
}
#main1 {
	display: block;
	padding-top: 25px;
	max-width: 1000px;
}
#m-b {
	display: inline-block;
	line-height: 40px;
	vertical-align: top;
}
#t1 {
	font-size: 20px;
	color: #E82A8E;
	margin-top: 40px;
}
#m-r {
	display: inline-block;
	margin-left: 75px;
}
#btn {
	width: 180px;
	height: 27px;
}
#skin {
	background-color: #F9EDF3;
	width: 100%;
	margin-top: 45px;
	padding-top: 10px;
	margin-bottom: -23px;
}
#endless, #endless2, #endless3 {
	max-width: 1280px;
	margin: 0 auto;
}
#skin, #skin2, #skin4 {
	width: 100%;
}
#skin1 {
	margin-top: -40px;
	margin-bottom: 37px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 80px;
	font-size: 26px;
	color: #EC7063;
	font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#b {
	width: 6px;
	height: 33px;
	background-color: #EC7063;
	margin-left: 55px;
}
#main2 {
	display: block;
	margin-bottom: 10px;
}
#hada {
	display: inline-block;
	width: 533px;
	height: 272px;
}
#hm {
	display: inline-block;
	vertical-align: top;
	max-width: 500px;
	width: 100%;
	padding-left: 100px;
}
#tisiki {
	font-size: 26px;
}
#tisiki1 {
	font-size: 21px;
	margin: 0px;
	color: #595757;
}
#tisiki2 {
	font-size: 21px;
	margin: 0px;
	color: #595757;
}
#v {
	background-color: #D4145A;
	margin-top: 40px;
	width: 226px;
	height: 37px;
	float: right;
}
#v1 {
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 7px;
}
.mr {
	margin-right: 10px;
}
#skin2 {
	background-color: #E8F5F9;
	width: 100%;
	padding-top: 12px;
	margin-bottom: -36px;
}
#main3 {
	display: block;
}
#tec1 {
	display: block;
}
#te1 {
	display: inline-block;
	width: 533px;
	height: 272px;
}
#skin3 {
	margin-top: -40px;
	margin-bottom: 50px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 80px;
	font-size: 26px;
	font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #2E4EA0;
}
#b2 {
	width: 6px;
	height: 33px;
	background-color: #2E4EA0;
	margin-left: 55px;
}
#te1 {
	display: inline-block;
}
#thi {
	font-size: 26px;
	margin-top: 43px;
}
#thi1 {
	font-size: 21px;
	margin: 0px;
	color: #595757;
}
#thi2 {
	font-size: 21px;
	margin-top: 3px;
	color: #595757;
}
#v2 {
	background-color: #2E3192;
	margin-top: 40px;
	width: 226px;
	height: 37px;
	float: right;
}
#hm1 {
	display: inline-block;
	vertical-align: top;
	max-width: 500px;
	width: 100%;
	padding-left: 100px;
}
#tec2 {
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}
#te2 {
	display: inline-block;
	width: 533px;
	height: 272px;
}
#tec {
	display: inline-block;
	vertical-align: top;
	max-width: 500px;
	width: 100%;
	padding-left: 100px;
}
#pama {
	margin-top: 50px;
}
#pam {
	font-size: 10px;
	margin: 0px;
	margin-left: 90px;
}
#pam2 {
	font-size: 26px;
	margin: 0px;
}
#pam3 {
	font-size: 21px;
	margin: 0px;
	margin-top: 31px;
	margin-left: -13px;
	color: #595757;
}
#pam4 {
	font-size: 21px;
	margin: 0px;
	margin-top: 8px;
	color: #595757;
}
#vm {
	background-color: #2E3192;
	margin-top: 28px;
	width: 226px;
	height: 37px;
	float: right;
}
#vm1 {
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 7px;
}
#skin4 {
	background-color: #F9F0CD;
	width: 100%;
	padding-top: 14px;
}
#skin5 {
	margin-top: -40px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 80px;
	font-size: 26px;
	font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #9B8105;
}
#b3 {
	width: 6px;
	height: 33px;
	background-color: #9B8105;
	margin-left: 55px;
}
.s-small {
	font-size: 10px;
}
#g-b {
	display: block;
	overflow: hidden;
}
#gallery_box2 {
	margin-top: 30px;
}
#gallery_box3 {
	margin-top: 1px;
}
figure {
	margin: 0 0 60px auto;
	float: left;
}
#figure2, #figure3, #figure4, #figure6, #figure7, #figure8, #figure10, #figure11, #figure12 {
	margin-left: 55px;
}
#g {
	font-size: 20px;
	text-align: center;
	color: #9B8105;
}
#g1 {
	font-size: 20px;
	text-align: center;
	color: #9B8105;
	margin-top: 5px;
}
#g12 {
	width: 261px;
	height: 221px;
}
#g13{
	display:none;
}
#g-p {
	font-size: 14px;
	text-align: center;
	color: #595757;
}
#g-p2 {
	font-size: 14px;
	text-align: center;
	color: #595757;
	margin-top: -14px;
}
#v3 {
	background-color: #9B8105;
	margin-top: 20px;
	margin-left: 50px;
	width: 166px;
	height: 27px;
}
#v4 {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 6px;
}
#v5 {
	background-color: #9B8105;
	margin-top: 19px;
	margin-left: 50px;
	width: 166px;
	height: 27px;
}
#z {
	margin-top: 100px;
	margin-left: 60px;
}
.mr2 {
	margin-right: 20px;
}
button {
	width: 180px;
	height: 27px;
}

/* タブレット */
@media screen and (max-width: 1024px) {
/* タブレット用はこの中に記述 */

/*#main2, #main3 {
	max-width: 800px;
	margin: 0 auto;
}
#g-b {
	max-width: 880px;
	margin: 0 auto;
	margin-top: 10px;
}
#endless {
	display: block;
	max-width: 850px;
	height: 78px;
}
#b {
	display: inline-block;
	margin-top: 10px;
	margin-left: 0px;
	width: 9px;
	height: 51px;
}
#skin {
	margin-bottom: 0px;
}
#skin1 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 37px;
	height: 59px;
	vertical-align: bottom;
	margin-left: 10px;
}
#hada, #te1, #te2 {
	width: 100%;
	height: 350px;
	margin-top: 10px;
}
#hm {
	padding-left: 0px;
	max-width: 850px;
	text-align: center;
	margin-bottom: 10px;
}
#tisiki {
	font-size: 40px;
}
#tisiki1 {
	font-size: 33px;
}
#tisiki2 {
	font-size: 33px;
}
#v {
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 56px;
	float: none;
}
#v1 {
	font-size: 27px;
	padding-top: 5px;
}
#skin2 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 33px;
	height: 88px;
	vertical-align: bottom;
}
#endless {
	display: block;
	max-width: 850px;
	height: 78px;
}
#b2 {
	display: inline-block;
	margin-top: 19px;
	margin-left: 0px;
}
##skin3 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 33px;
	height: 48px;
	vertical-align: bottom;
	margin-left: 10px;
}
#endless2 {
	display: block;
	max-width: 850px;
	height: 78px;
}
#b2 {
	display: inline-block;
	margin-top: 19px;
	margin-left: 0px;
	width: 9px;
	height: 51px;
}
#skin3 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 37px;
	height: 66px;
	vertical-align: bottom;
}
#hm1 {
	padding-left: 0px;
	max-width: 850px;
	text-align: center;
	margin-bottom: 10px;
}
#tec {
	padding-left: 0px;
	max-width: 850px;
	text-align: center;
	margin-bottom: 10px;
}
#v2 {
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 56px;
	float: none;
}
#vm {
	width: 75%;
	display: block;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	height: 56px;
	float: none;
}
#vm1 {
	font-size: 27px;
	padding-top: 5px;
}
#thi {
	font-size: 40px;
}
#thi1, #thi2 {
	font-size: 33px;
}
#pam {
	font-size: 27px;
	margin: 0px;
}
#pam2 {
	font-size: 40px;
}
#pam3 {
	font-size: 33px;
}
#pam4 {
	font-size: 33px;
}
#skin4 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 33px;
	height: 88px;
	vertical-align: bottom;
}
#endless3 {
	display: block;
	max-width: 850px;
	height: 78px;
}
#b3 {
	display: inline-block;
	margin-top: 19px;
	margin-left: 0px;
	width: 9px;
	height: 51px;
}
#skin5 {
	display: inline-block;
	margin: auto;
	padding: 0px;
	font-size: 37px;
	height: 66px;
	vertical-align: bottom;
}
#figure2, #figure3, #figure5, #figure6, #figure8, #figure9, #figure11, #figure12 {
	margin-left: 40px;
}
#figure4, #figure7, #figure10 {
	margin-left: 0px;
}
#f1, #f2 {
	max-width: 880px;
}
#g {
	height: 32px;
	margin-top: 17px;
	margin-bottom: 0px;
	font-size: 22px;
}
#g-p #g-p2 {
	font-size: 15px;
}
#v3, #v5 {
	margin: 20px auto 0px auto;
	max-width: 225px;
	width: 100%;
	height: 35px;
}
#g1 {
	margin-top: -3px;
}
#v4 {
	font-size: 15px;
}
}

@media screen and (max-width:768px) {
#main2, #main3{
	max-width: 720px;
	margin: 0px auto;
}
#endless, #endless2, #endless3 {
	max-width: 720px;
}
#g-b {
	max-width: 700px;
}
figure {
	display: inline-table;
	max-width: 330px;
	height: 415px;
	width: 100%;
}
#g12 {
	width: 100%;
	height: auto;
}
#figure2, #figure4, #figure6, #figure8, #figure10, #figure12 {
	margin-left: 40px;
}
#figure1, #figure3, #figure5, #figure7, #figure9, #figure11 {
	margin: 0px;
}
#g {
	height: 52px;
	margin-top: 13px;
	margin-bottom: 0px;
	font-size: 26px;
}
#g-p {
	font-size: 18px;
	margin-top: 5px;
}
#v3 {
	margin-top: 35px;
}
#v3, #v5 {
	max-width: 250px;
	height: 40px;
}
#v4 {
	font-size: 17px;
	padding-top: 7px;
}
#g1 {
	font-size: 24px;
}
#g-p2 {
	font-size: 18px;
}
#f1, #f2 {
	max-width: 720px;
}
}
*/
/*header{
	position:relative !important;
}*/

#hm,#hm1,#tec{
	width:500px;
	padding-left:0;
	float:right;	
}

#tec{
	float:left;
}


.main_back_video video {
    height: 100%;
    width: auto;
    left: 0 !important;
}

#gallery_box{
width: 100%;
    display: flex;
    flex-wrap: wrap;
	align-items:flex-start;
	justify-content:space-between;
    padding: 10px 50px;
    box-sizing: border-box;	
}

figure{
	margin:0;
	width:30%;
	margin-bottom:20px;
}

#figure2, #figure3, #figure4, #figure6, #figure7, #figure8, #figure10, #figure11, #figure12{
	margin:0;
}

figure p{
	margin:0;
	line-height:1.3;
}

figcaption{
	margin-bottom:10px;
}

footer{
	padding:10px 20px;
}

@media screen and (max-width: 768px) {
.header_menu ul li {
    padding: 20px 10px !important;
}

#sk{
	font-size:20px;
}

#t1 {
    font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
    font-size: 18px !important;
}

}
@media screen and (max-width: 599px) {
/* スマホはこの中に記述 */

	.only_pc{
		display:none !important;
	}
	
	.only_mb{
		display:block;
	}

body.noscroll{
  overflow: hidden;
}

header{
	height:93px;
}

#top-main{
	display: flex !important;
}

.page_logo {
    width: 100%;
}

#logo {
    margin-top: 5px;
    width: 93%;
}

#sk {
    font-size: 1rem !important;
}

#main1 {
    margin-top: 93px;
}
	
/*ハンバーガーメニュー*/
.burger-btn {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 3;
    border: none;
    top: 10px;
    right: 10px;
}
   
.bar{      
  width: 100%;      
  height: 1px;        
  display: block;      
  position: absolute;      
  left: 50%;      
  transform: translateX(-50%);      
  background-color: #fff;    
}    
.bar_top{   
  top: 10px;
}
.bar_mid{    
  top: 50%;
  transform: translate(-50%,-50%);
}
.bar_bottom{
  bottom: 10px;
}

.burger-btn.close .bar_top{      
  transform: translate(-50%,10px) rotate(45deg);      
  transition: transform .3s;    
}    
.burger-btn.close .bar_mid{      
  opacity: 0;       
  transition: opacity .3s;    
}    
.burger-btn.close .bar_bottom{      
transform: translate(-50%,-13px) rotate(-45deg);      
transition: transform .3s;    
}

.nav-wrapper{      
  display: none;      
  width: 100vw;      
  height: 100vh;      
  position: fixed;      
  top: 0;      
  left: 0;       
  z-index: 2;     
}     
.header-nav{        
  width: 100%;        
  height: 100%;        
  background-color:#1B1310;        
  z-index: 2;
  color: #fff;
    box-sizing: border-box;	
    padding: 20% 10%;
    overflow: scroll;     
}     
.header-nav .nav-list{        
  display: block;        
  /*position: absolute;        
  top: 50%;        
  left: 50%;        
  transform: translate(-50%,-50%);        
  text-align: center;*/
  padding:0;    
}      
.header-nav .nav-item{        
  margin-right: 0;        
  margin-bottom: 30px;
  list-style:none;      
}

.header-nav .nav-item a{
	color:#fff !important;
}

.header-nav .nav-list .nav-item .sub li{
	line-height:2;
}


/*↑ここまでハンバーガーメニュー*/
	
	#skin{
		margin-top:10px;
		padding-top:0px;
	}
	#endless, #endless2, #endless3 {
    max-width: 375px;
	height: 50px;
}
#b{
	vertical-align: top;
    margin-left: 5px;
    width: 6px;
    height: 32px;
}
#skin1{
	    font-size: 26px;
    height: 36px;
}
#main2, #main3 {
    max-width: 393px;
}
#hada, #te1, #te2 {
    height: 178px;
}
/*#hm{
	display: inline;
    max-width: 360px;
}*/
#tisiki {
    font-size: 26px;
    margin: 10px auto;
}
#tisiki1 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#tisiki2 {
    font-size: 16px;
}
#v{
    margin-top: 20px;
    height: 30px;
    width: 45%;
}
#v1{
    font-size: 14px;
    padding-top: 4px;
}
#skin2{
    padding-top: 0px;
	height:50px;
	margin-top: 30px;
}
#b2{
    vertical-align: top;
    margin-left: 5px;
    width: 6px;
    height: 32px;
	margin-top: 9px;
}
#skin3{
    font-size: 26px;
    height: 36px;
	vertical-align:baseline;
	margin-left: 5px;
}
#thi{
    font-size: 26px;
    margin: 10px auto;
}
#thi1,#pam3{
    margin-top: 25px;
    font-size: 16px;
}
#thi2,#pam4{
    margin: 0px;
    margin-top: 10px;
    font-size: 16px;
}
#v2{
    margin-top: 20px;
    height: 30px;
    width: 45%;
}
#pama{
	margin:0px;
	margin-top: 10px;
}
#pam{
    font-size: 14px;
    margin: 0px;
}
#pam2{
	font-size: 24px;
}
#vm{
    margin-top: 20px;
    height: 30px;
    width: 45%;
}
#vm1{
    font-size: 14px;
    padding-top: 4px;
}
#tec {
    margin-bottom: 20px;
}
#skin4{
	padding-top: 0px;
    height: 50px;
}
#b3{
	vertical-align: top;
    margin-left: 5px;
    width: 6px;
    height: 32px;
    margin-top: 9px;
}
#skin5{
	font-size: 26px;
    height: 36px;
    vertical-align: baseline;
    margin-left: 5px;
}
#g-b {
    max-width:330px;
}
#figure2, #figure4, #figure6, #figure8, #figure10, #figure12 {
    margin-left:0px;
}
#g{
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    height: 35px;
}
/*#g12{
	display:none;
}
#g13{
	display:block;
}*/
#g-p{
	font-size: 14px;
    margin: 0px;
}
#v3,#v5{
	max-width: 162px;
    height: 28px;
    margin: 0 auto;
}
#figure1, #figure2, #figure3, #figure4, #figure5, #figure6,#figure7, #figure8, #figure9, #figure10, #figure11, #figure12{
	margin-bottom:30px;
	height:auto;
}
figure{
	    margin-bottom: 30px;
}
#v4{
	margin:0px;
	    margin-top: 15px;
		padding-top: 3px;
		font-size:14px;
}
#g1{
	margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    height: 80px;
}
#g-p2{
	font-size: 14px;
    margin: 0px;
}
#f1, #f2 {
    max-width: 360px;
}

.img_box{
    position: relative;
    width: 100%;
    height: 30vh;
    overflow: hidden;
}

.img_box img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


	#b,#b2,#b3{
		margin-left:10px;
	}
	#main2, #main3 {
    max-width: 350px;
}
/*#g-b {
    max-width: 320px;
}*/

#f1, #f2 {
    width: 100%;
	text-align:center;
}

#f-m {
    margin-left: 0;
}



}
@media screen and (max-width:375px) {

}
@media screen and (max-width:320px) {
	#main2, #main3 {
    max-width: 300px;
}
#hada, #te1, #te2 {
    height: 150px;
}
#tisiki,#thi,#pam2{
    font-size: 20px;
}
#tisiki1,#tisiki2,#thi1,#thi2,#pam3,#pam4{
	font-size:12px;
}
#v,#v2,#vm{
    height: 25px;
}
#v1,#vm1{
    font-size: 12px;
}
#pam {
    font-size: 10px;
}
#g-b {
    max-width: 280px;
}
#g,{
	font-size:20px;
	margin-bottom: 5px;
}
#g1 {
    font-size: 20px;
    margin-bottom: 0px;
    height: 75px;
}
#figure1, #figure2, #figure3, #figure4, #figure5, #figure6, #figure7, #figure8, #figure9, #figure10, #figure11, #figure12 {
    margin-bottom: 30px;
}
figure {
    height: 385px;
}
#v3, #v5 {
    max-width: 145px;
    height: 25px;
}
#v4 {
	padding-top:4px;
    font-size: 12px;
}
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}