@charset "utf-8";

@font-face {
	font-family: 'Antonio';
	src: url('../fonts/Antonio-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: 'Antonio';
	src: url('../fonts/Antonio-Light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Antonio';
	src: url('../fonts/Antonio-Bold.ttf') format('truetype');
	font-weight: 700;
}
.Antonio 				{ font-family: Antonio, sans-serif; }


html 					{ overflow-x: hidden; }
body					{ font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 300; line-height: 1; color: #000; background-color: #fff; position: relative; overflow-x: hidden; }
img 					{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif 					{ font-family: 'Noto Serif JP', serif; }
p 						{ line-height: 1.5em; }
hr 						{  }
figure 					{ margin: 0; }
.bickhamScriptPro 		{ font-family: bickham-script-pro-3, sans-serif; font-weight: 400; font-style: normal; }
.animated 				{ -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.fade-in,.fade-in-up,.fade-in-down,.fade-in-right,.fade-in-left,.fade-in-up40,.fade-in-down40,.fade-in-right40,.fade-in-left40{ opacity: 0; }
.delay-0_5s 			{ -webkit-animation-delay: .5s; animation-delay: .5s; }
.delay-1_5s 			{ -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-2_5s 			{ -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.loader 				{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 9999; mix-blend-mode: multiply; }


@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ font-size: 15px; }
.master 				{ width: 90%; max-width: 1200px; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .6; }

/*.btn 					{ width: 400px; height: 60px; margin: 0 auto 0; line-height: 60px; display: block; text-align: center; position: relative; z-index: 1; font-size: 20px; letter-spacing: -.15rem; background-color: #90143c; color: #fff!important; font-family: 'Noto Serif JP', serif; -webkit-transition: .5s; transition: .5s; }
.btn:hover 				{ opacity: 1; background-color: #000; }
.btn:after 				{ content: ''; width: 18px; height: 18px; background: url('../img/common/triangle-g.svg') 0 0 no-repeat; display: block; position: absolute; bottom: 0; right: 0; z-index: 2; }*/
.btn 					{ display: block; max-width: 400px; width: 90%; padding: 20px 0; margin: auto; color: #fff!important; background-color: #90143c; font-size: 20px; letter-spacing: -.15rem; position: relative; overflow: hidden; text-align: center; font-family: 'Noto Serif JP', serif; }
.btn:before 			{ content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #b69062 transparent; right: 0; bottom: 0; -webkit-transition: .3s; transition: .3s; z-index: 1; }
.btn:hover 				{ opacity: 1; }
.btn:hover:before 		{ border-width: 0 0 650px 650px; }
.btn span 				{ position: relative; z-index: 2; }

.mainImage 				{ width: 100%; height: 710px; position: relative; }
.mainImage .pageTitle 	{ width: 280px; height: 280px; position: absolute; bottom: -54px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); background-color: #000; }
.mainImage .pageTitle:after{ content: ''; width: 100%; height: 9px; display: block; position: absolute; bottom: 0; left: 0;
background: -webkit-gradient(linear, left top, right top, from(#926b1e),color-stop(30%, #cfa353),color-stop(65%, #cfa353),to(#926b1e));
background: linear-gradient(to right, #926b1e 0%,#cfa353 30%,#cfa353 65%,#926b1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#926b1e', endColorstr='#926b1e',GradientType=1 ); }
.mainImage .pageTitle h1{ width: 100%; font-size: 42px; font-weight: 500; color: #fff; text-align: center; line-height: 1.3; position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.mainImage .pageTitle h1 span{ margin-top: 12px; display: block; font-size: 16px; }
.mainImage .textBox .bickhamScriptPro span{ display: inline-block; }
.mainImage .textBox .bickhamScriptPro span:nth-of-type(1){ margin-right: 1rem; }

#main #link 			{ margin-top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main #link a 			{ width: 33%; margin-right: .5%; display: block; overflow: hidden; position: relative; }
#main #link a:before 		{ content: ''; width: 100%; height: 100%; display: block; background: url('../img/common/checkered.png') 0 0 repeat; background-size: 8px; position: absolute; top: 0; left: 0; z-index: 2; }
#main #link a:nth-of-type(3){ margin-right: 0; }
#main #link a:hover 	{ opacity: 1; }
#main #link a figure 	{ position: relative; }
#main #link a figure img{ transition: transform .2s linear, -webkit-transform .2s linear; }
#main #link a figure figcaption{ width: 100%; position: absolute; top: 44%; left: 0; color: #fff; text-align: center; font-size: 29px; -webkit-transform: translate(0,-50%;); transform: translate(0,-50%;); z-index: 3; }
#main #link a figure figcaption span{ margin-top: 13px; display: block; font-size: 17.5px; }
#main #link a:hover figure img{ -webkit-transform: scale(1.1); transform: scale(1.1); }

#header 				{ height: 90px; background-color: #fff; position: relative; z-index: 10000; }
#header .master 		{ max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#header .logo 			{ width: 500px; margin: 28px 0 0 27px; }
#header .entry 			{ width: 120px; height: 90px; line-height: 90px; display: block; position: absolute; top: 0; right: 0; font-size: 18px; text-align: center; color: #fff; background-color: #90143c; }
#header .mypage 		{ width: 120px; height: 90px; line-height: 90px; display: block; position: absolute; top: 0; right: 0; font-size: 18px; text-align: center; color: #fff; background-color: #000; }
.is-fixed 				{ padding-top: 90px; }
.is-fixed #header 		{ width: 100%; height: 70px; position: fixed; top: 0; left: 0; }
.is-fixed #header .logo { margin: 18px 0 0 27px; }
.is-fixed .drawer-hamburger{ width: 70px; height: 70px; }
.drawer-open .is-fixed .drawer-nav{ top: 70px; }
.is-fixed .drawer-nav 	{ height: calc(100% - 70px); }
.is-fixed #header .entry,.is-fixed #header .mypage{ height: 70px; line-height: 70px; }

.drawer-hamburger-icon 	{  }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 90px; }
.drawer-menu li 		{ text-align: center; }
.drawer-menu li a 		{ font-size: 15px; }
.drawer-menu>li:first-of-type{ padding-top: 80px; }
.drawer-menu>li.close 	{ margin-top: 30px; padding-bottom: 80px; }
.drawer-menu>li.close img{ cursor: pointer; }
.drawer-menu .entry 	{ margin-top: 50px; }
.drawer-menu .close img { width: 205px; cursor: pointer; }
#header .drawer-menu-item{ margin: 10px 0; padding: 15px 50px; color: #fff; text-align: center; font-weight: 500; display: inline-block; font-size: 18px; }
#header .drawer-menu-item:hover{ opacity: .6; }
#header .high .drawer-menu-item{ margin-top: 30px; padding: 0 50px; }
#header .entry .drawer-menu-item{ padding: 0 50px; }
#header .high .drawer-menu-item img,#header .entry .drawer-menu-item img{ width: 275px; }
#header .drawer-menu-item:hover{ text-decoration: none; }
.drawer-hamburger 		{ width: 70px; height: 90px; padding: 6px 20px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10002; -webkit-transition: .2s; transition: .2s; position: absolute; top: 0; right: 120px; }
.drawer-hamburger:hover{  }
.drawer-nav{ height: calc(100vh - 90px); background-color: transparent; -webkit-transition: .5s; transition: .5s; }
.drawer-open .drawer-nav{ background-color: rgba(144,20,60,.9); }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{  }
.drawer-hamburger-icon:after{ top: 10px; }
.drawer-hamburger-icon:before{ top: -10px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #000; }
.drawer-open .drawer-hamburger-icon:before{  }
.drawer-open .drawer-hamburger-icon:after{  }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }

drawer-submenu-item:before{ display: none; }
.drawer-submenu 		{ background-color: rgba(0,0,0,.5); color: #fff; border: 0; }
.drawer-submenu-item 	{ margin: 10px; /*text-align: left;*/ }
.drawer-submenu-item:before{ display: none; }

#pagetop 				{ position: fixed; bottom: 30px; right: 30px; z-index: 9; }

#footer 				{ padding: 71px 0 80px; text-align: center; background-color: #000; color: #fff; }
#footer .address 		{ margin-top: 12px; letter-spacing: .07rem; }
#footer .address a 		{ margin-left: 1rem; }
#footer .inner 			{ position: relative; display: inline-block; }
#footer .line 			{ position: absolute; top: -25px; right: -150px; }
#footer .instagram 		{ width: 127px; position: absolute; top: -25px; right: -300px; }
#footer nav 			{ margin-top: 50px; }
#footer nav ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#footer nav ul li:nth-of-type(1):after{ content: ' ｜ '; }
#footer nav ul li a 	{ font-size: 12px; }
#footer .copyright 		{ margin-top: 8px; font-size: 11px; letter-spacing: .02rem; }
}


@media screen and (max-width: 1000px) and (min-width: 751px) {
#header .logo 			{ width: 68%; }
}


@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ padding-top: 50px; font-weight: 300; font-size: 14px; }
.master 				{ width: 90%; margin: 0 auto; }

.btn 					{ width: 100%; max-width: 250px; height: 50px; margin: 0 auto 0; line-height: 50px; display: block; text-align: center; position: relative; z-index: 1; font-size: 15px; letter-spacing: -.15rem; background-color: #90143c; color: #fff!important; font-family: 'Noto Serif JP', serif; -webkit-transition: .5s; transition: .5s; }
.btn:hover 				{ opacity: 1; background-color: #000; }
.btn:after 				{ content: ''; width: 18px; height: 18px; background: url('../img/common/triangle-g.svg') 0 0 no-repeat; display: block; position: absolute; bottom: 0; right: 0; z-index: 2; }

.mainImage 				{ width: 100%; height: 300px; position: relative; }
.mainImage .pageTitle 	{ width: 100%; height: 90px; position: absolute; bottom: -90px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); background-color: #000; }
.mainImage .pageTitle:after{ content: ''; width: 100%; height: 7px; display: block; position: absolute; bottom: 0; left: 0;
background: -webkit-gradient(linear, left top, right top, from(#926b1e),color-stop(30%, #cfa353),color-stop(65%, #cfa353),to(#926b1e));
background: linear-gradient(to right, #926b1e 0%,#cfa353 30%,#cfa353 65%,#926b1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#926b1e', endColorstr='#926b1e',GradientType=1 ); }
.mainImage .pageTitle h1{ width: 100%; font-size: 20px; font-weight: 500; color: #fff; text-align: center; line-height: 1.3; position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.mainImage .pageTitle h1 span{ margin-top: 5px; display: block; font-size: 12px; }
.mainImage .textBox .bickhamScriptPro span{ display: inline-block; }
.mainImage .textBox .bickhamScriptPro span:nth-of-type(1){ margin-right: 1rem; }

#link 					{ margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#link a 				{ width: 100%; max-width: 710px; margin: 0 auto; display: block; position: relative; }
#link a:before 			{ content: ''; width: 100%; height: 100%; background: url('../img/common/checkered.png') 0 0 repeat; background-size: 8px; display: block; position: absolute; top: 0; left: 0; z-index: 2; }
#link a:hover 			{ opacity: 1; }
#link a:nth-of-type(2n) {  }
#link a:nth-of-type(n+2){ margin-top: 10px; }
#link figure 			{ overflow: hidden; }
#link figure img 		{ display: block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#link a:hover figure img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
#link figure figcaption { width: 100%; padding: 0 5%; text-align: center; position: absolute; top: 48.5%; left: 0; z-index: 3; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); color: #fff; font-size: 25px; letter-spacing: -.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
#link figure figcaption span{ margin-top: 15px; font-size: 12px; letter-spacing: 0; display: block; }

#header 				{ height: 50px; background-color: #fff; position: fixed; z-index: 10000; }
#header .master 		{ width: 94%; max-width: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#header .logo 			{ width: 57%; margin: 5px 0 0 0; font-size: 2em; }
#header .entry 			{ width: 55px; height: 50px; line-height: 50px; display: block; position: absolute; top: 0; right: 0; font-size: 10px; text-align: center; color: #fff; background-color: #90143c; }
#header .mypage 		{ width: 55px; height: 50px; line-height: 50px; display: block; position: absolute; top: 0; right: 0; font-size: 10px; text-align: center; color: #fff; background-color: #000; }

.drawer-hamburger-icon 	{  }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 50px; }
.drawer-menu li 		{ text-align: center; }
.drawer-menu li a 		{ font-size: 15px; }
.drawer-menu>li:first-of-type{ padding-top: 50px; }
.drawer-menu>li:last-of-type{ margin-top: 25px; padding-bottom: 50px; }
.drawer-menu .entry 	{ margin-top: 50px; }
.drawer-menu .close img { width: 205px; cursor: pointer; }
#header .drawer-menu-item{ margin: 8px 0; padding: 10px 50px; color: #fff; text-align: center; font-weight: 500; display: inline-block; font-size: 14px; }
#header .drawer-menu-item:hover{ opacity: .6; }
#header .high .drawer-menu-item{ margin-top: 30px; padding: 0 50px; }
#header .entry .drawer-menu-item{ padding: 0 50px; }
#header .high .drawer-menu-item img,#header .entry .drawer-menu-item img{ width: 275px; }
#header .drawer-menu-item:hover{ text-decoration: none; }
.drawer-hamburger 		{ width: 50px; height: 50px; padding: 6px 10px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10002; -webkit-transition: .2s; transition: .2s; position: absolute; top: 0; right: 60px; }
.drawer-hamburger:hover{  }
.drawer-nav{ height: calc(100vh - 50px); background-color: transparent; -webkit-transition: .5s; transition: .5s; }
.drawer-open .drawer-nav{ background-color: rgba(144,20,60,.9); }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{  }
.drawer-hamburger-icon:after{ top: 8px; }
.drawer-hamburger-icon:before{ top: -8px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #000; }
.drawer-open .drawer-hamburger-icon:before{  }
.drawer-open .drawer-hamburger-icon:after{  }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }

drawer-submenu-item:before{ display: none; }
.drawer-submenu 		{ background-color: rgba(0,0,0,.5); color: #fff; border: 0; }
.drawer-submenu-item 	{ margin: 10px; /*text-align: left;*/ }
.drawer-submenu-item:before{ display: none; }

#pagetop 				{ width: 45px; position: fixed; bottom: 10px; right: 10px; z-index: 9; }

#footer 				{ padding: 50px 5% 60px; background-color: #000; color: #fff; text-align: center; }
#footer .logo 			{  }
#footer .address 		{ margin-top: 12px; }
#footer .address a 		{ margin-top: 5px; display: block; }
#footer .line 			{ margin-top: 10px; }
#footer .instagram 		{ width: 83px; margin: 5px auto; display: block; }
#footer nav 			{ margin-top: 30px; }
#footer nav ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#footer nav ul li:nth-of-type(1):after{ content: ' ｜ '; }
#footer nav ul li a 	{ font-size: 12px; }
#footer .copyright 		{ margin-top: 8px; font-size: 11px; text-align: center; }
}