@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family:'optima';
	src:url("../font/OPTIMA.ttf") format('truetype');
    font-style: normal;
}
@font-face {
	font-family: 'Quickpen';
	font-style: normal;
	font-weight: normal;
	src:url("../font/Trial by Cupcakes - Quickpen.woff") format('woff');
}
@font-face {
	font-family: 'Antro_Vectra';
	font-style: normal;
	font-weight: normal;
	src:url("../font/antro_vectra/Antro_Vectra.otf") format('opentype');
}

html,body {font-family:YakuHanJP,"Hiragino Sans","ヒラギノ角ゴ Pro W3",'Noto Sans JP',"Yu Gothic","游ゴシック Medium", uGothic,"游ゴシック体","メイリオ", sans-serif;font-size:15px;line-height:2.5em;font-weight:300;letter-spacing:0.1em;color:#434343;}
#wrap {width:100%;position:relative;overflow:hidden;}

a {color:#434343;text-decoration:none;}
img {display:block;width:100%;}
u {text-decoration:none;}

.inner {max-width:1200px;padding:0 50px;margin:0 auto;position:relative;}
.pc {display:block;}
.sp {display:none !important;}

.left {float:left;}
.right {float:right;}

.font_min {font-family:a-otf-ryumin-pr6n, serif;
font-weight: 300;font-style: normal;}

/*message*/
.message {text-align:center;font-size:12px;line-height:1.5em;padding:1.5em 0;font-family:a-otf-gothic-bbb-pr6n;background:#fff;}

/*header*/
header {width:100%;padding-top:60px;position:absolute;left:0;top:0;z-index:10;font-family:"futura-pt";}
header.active {position:fixed;padding-top:20px;}
header .inner,
header .menu_box {display:flex;justify-content:space-between;align-items:center;}
#logo {width:184px;transition:width 0.3s;}
header .menu_box {width:calc(100% - 234px);}
header .menu_box .box_logo {display:none;}
header .menu > ul,
header .account > ul {display:flex;}
header .menu > ul {position:relative;}
header .menu > ul > li {margin-right:50px;}
header .menu > ul > li > a {display:inline-block;position:relative;}
header .menu > ul > li > a:after {content:"";display:block;width:0;height:1px;background:#707070;position:absolute;left:0;bottom:0;transition:0.5s;}
header .menu > ul > li > a:hover:after {width:100%;}
header .menu .sub_menu {display:none;position:absolute;left:0;top:100%;padding:10px 0;}
header .menu .sub_menu li a {display:block;padding:0 20px;background:rgba(255,255,255,0.3);}
header .menu .sub_menu li a:hover {color:#fff;background:#E09E9E;}
header .account li {width:28px;}
header .account li a {display:block;width:100%;}
header .account li:first-child {margin-right:20px;}
header .menu .close,
#menu_button {display:none;}

/*breadcrumb*/
#breadcrumb {width:100%;position:absolute;left:0;top:120px;z-index:9;font-family:"futura-pt"}
#breadcrumb li {display:inline-block;font-size:13px;font-weight:300;}
#breadcrumb li:after {content:'>';display:inline-block;padding:0 0.5em;}
#breadcrumb li:last-child:after {display:none;}

/*contents*/
#contents {position:relative;}

/*footer*/
footer {padding:90px 0 50px;font-family:"futura-pt";}
/*footer .inner {max-width:calc(100% - 60px);}*/
footer nav {max-width:calc(100% - 200px);margin:0 auto 85px;}
footer nav > ul {width:100%;display:flex;justify-content:space-between;}
footer nav > ul > li {min-width:calc(25% - 2em);padding-left:2em;}
footer nav > ul > li:first-child {padding-left:0;}
footer nav > ul > li > a,
footer nav > ul > li > span {display:block;font-size:18px;margin-bottom:50px;}
footer nav > ul > li > ul > li {font-size:14px;line-height:1.3em;margin-bottom:1.5em;}
footer nav .instagram {display:inline-block;padding-left:34px;background:url("../images/instagram.svg") no-repeat left center;background-size:28px auto;line-height:28px;}
footer small {display:block;text-align:right;}

.newsletter:before {content:"";display:inline-block;width:1.5em;height:1.5em;background:url("../images/mailmagazine.png") no-repeat center;background-size:contain;position:relative;top:0.2em;margin-right:6px;}

.fadeShow {opacity:0;transform:translateY(50px);transition:opacity 5s 0.5s cubic-bezier(0.075,0.82,0.165,1),transform 5s 0.5s cubic-bezier(0.075,0.82,0.165,1);}
.showOn {opacity:1 !important;transform:translateY(0);}

.popShow {transform:scale(0.7);transition:transform 5s 0.5s cubic-bezier(0.075,0.82,0.165,1);}
.popOn {transform:scale(1) !important;}


/*mainvisual*/
#mainvisual {position:relative;margin-bottom:150px;}
#mainvisual .text {width:400px;position:absolute;left:60%;top:55%;transform:translateY(-50%);}
#mainvisual h1 {font-family:'optima';font-size:30px;line-height:1.2em;margin-bottom:37px;}
#mainvisual h1 span {display:block;font-size:13px;line-height:1.5em;font-family:a-otf-gothic-bbb-pr6n;margin-top:1em;}
#mainvisual .lede {font-size:18px;}
#mainvisual .cart_btn {margin-top:50px;}

.min_title {display:inline-block;font-family:a-otf-ryumin-pr6n;font-size:25px;line-height:2em;position:relative;margin-bottom:50px;}

.cart_btn {width:250px;}
.cart_btn a,
.cart_btn span,
.cart_btn button {display:block;width:100%;text-align:center;font-size:15px;line-height:50px;color:#fff;background:#E09E9E;border:none;cursor:pointer;}
.cart_btn span {background:#aaa;}

.antro {font-family:'Antro_Vectra';font-size:75px;line-height:1em;color:#a3a3a3;}

.input_txt {display:inline-block;font-size:13px;line-height:1.5em;font-weight:bold;
color:#E09E9E;background:#FFF0F0;padding:5px 14px;margin-top:14px;}
.sub_link {display:inline-block;text-decoration:underline;font-weight:bold;/*padding:0 4px;background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;*/}





@media screen and (min-width:769px){
	footer nav > ul > li > ul,
    footer nav > ul > li > div {display:block !important;}
    
    #shadow {display:none !important;}
}

@media screen and (max-width:1200px){
	.inner {padding:0 4.16vw;}
    #logo {width:160px;}
	footer nav {max-width:calc(100% - 8.33vw);}
    
    
    
    article {font-size:1.16vw;line-height:2.5em;letter-spacing:0.1em;}
        
    /*mainvisual*/
	#mainvisual {margin-bottom:12.5vw;}
	#mainvisual .text {width:33.33vw;}
	#mainvisual h1 {font-size:2.5vw;margin-bottom:3.08vw;}
    #mainvisual h1 span {font-size:1.08vw;line-height:1.5em;margin-top:1em;}
    #mainvisual .lede {font-size:1.5vw;}
    #mainvisual .cart_btn {margin-top:4.16vw;}
    
    .min_title {margin-bottom:4.16vw;font-size:2.08vw;line-height:2em;}
    
    .cart_btn {width:20.83vw;}
    .cart_btn a,
    .cart_btn span,
    .cart_btn button {font-size:1.25vw;line-height:4.16vw;}

    .antro {font-size:6.25vw;line-height:1em;}
    
    .input_txt {font-size:1.08vw;line-height:1.5em;padding:0.41vw 1.16vw;margin-top:1.16vw;}
}

@media screen and (max-width:768px){
	.pc {display:none !important;}
	.sp {display:block !important;}
	.left,
	.right {float:none;}
	.inner {padding:0 5vw;}
	
	/*header*/
	header {padding-top:25px;}
    header.active {padding-top:25px;}
	header .inner {justify-content:flex-end;position:static;}
    #logo {width:28.4vw;position:absolute;left:50%;transform:translateX(-50%);}
    header .menu_box {width:auto;}
    header .menu_box .box_logo {display:block;width:140px;margin:45px auto 25px;}
	header .menu {width:80%;height:100vh;position:fixed;left:-80%;top:0;overflow:hidden;background:#fff;transition:left 0.5s;z-index:20;}
	header .menu.active {left:0;}
	header .menu > ul {display:block;padding:0 5vw 10px;}
	header .menu > ul > li {border-bottom: solid 1px #707070;margin:0;}
	header .menu > ul > li > a,
	header .menu > ul > li > div {display:block;line-height:5em;margin-bottom:0;padding: 0 5vw;position:relative;cursor:pointer;}
	header .menu > ul > li.ns > a:after {display:none !important;}
	header .menu > ul > li.ps > a:before,
	header .menu > ul > li.ps > a:after {content:"";display:block;width:4.2vw;height:1px;background:#707070;position:absolute;right:6vw;left:inherit;top:50%;transform:translateY(-50%);}
	header .menu > ul > li.ps > a:after {transform:translateY(-50%) rotate(90deg);}
	header .menu > ul > li.ps > a:hover:after {width:4.2vw;}
	header .menu > ul > li.ps.active > a:after {transform:translateY(-50%) rotate(0deg);}
	
	header .menu .sub_menu {display:none;position:static;background:none;}
	header .menu .sub_menu li {font-size:12px;line-height:1.5em;border-top:dotted 1px #aaa;}
	header .menu .sub_menu li a {display:block;padding:1em 0 1em 5vw;}
	header .menu .close {display:none;width:8.4vw;height:8.4vw;position:absolute;right:/*5vw*/9vw;cursor:pointer;}
    header .menu .close:before,
    header .menu .close:after {content:"";display:block;width:4.2vw;height:1px;background:#707070;position:absolute;left:2.1vw;top:50%;}
    header .menu .close:before {transform:rotate(-45deg);}
    header .menu .close:after {transform:rotate(45deg);}
	
	#menu_button {display:block;width:42px;height:42px;position:absolute;left:5vw;bottom:-7px;cursor:pointer;z-index:20;}
	#menu_button:before,
	#menu_button:after {content:"";display:block;width:42px;height:1px;background: #707070;position:absolute;left:0;transition:0.5s;}
	#menu_button:before {top:16px;}
	#menu_button:after {top:26px;}
	#menu_button.active:before {top:21px;transform:rotate(45deg);}
	#menu_button.active:after {top:21px;transform:rotate(-45deg);}
	
	
	/*message*/
	.message {font-size:2.8vw;line-height:1.3em;padding:20px 0;}
	
	#breadcrumb {display:none;}
	
	/*footer*/
	footer {padding-bottom:14.5vw;}
	footer .inner {max-width:inherit;padding:0 5vw;}
	footer nav {max-width:inherit;margin:0 0 14.5vw;}
	footer nav > ul {display:block;}
	footer nav > ul > li {width:auto;padding-left:0;border-bottom:solid 1px #707070;}
	footer nav > ul > li > a,
	footer nav > ul > li > span {line-height:17vw;margin-bottom:0;padding:0 5vw;position:relative;cursor:pointer;}
	footer nav > ul > li > a:before,
	footer nav > ul > li > a:after,
	footer nav > ul > li > span:before,
	footer nav > ul > li > span:after {content:"";display:block;width:4.2vw;height:1px;background:#707070;position:absolute;right:6vw;top:50%;transform:translateY(-50%);}
	footer nav > ul > li > a:before,
	footer nav > ul > li > span:before {transform:translateY(-50%) rotate(90deg);transition:0.5s;}
    footer nav > ul > li.active > a:before,
	footer nav > ul > li.active > span:before {transform:translateY(-50%) rotate(0);}
	footer nav > ul > li > ul,
	footer nav > ul > li > div {display:none;}
	footer nav > ul > li > ul > li {margin-bottom:0;}
	footer nav > ul > li > ul > li > a {display:block;border-top:dotted 1px #aaa;padding:1.5em 0;}
	footer nav .instagram {display:block;margin:1.5em 0;}
	footer small {text-align:left;}
    
    
    article {font-size:3vw;line-height:2em;}
    
    /*mainvisual*/
	#mainvisual {margin-bottom:15vw;}
	#mainvisual h1 {font-size:6vw;}
	#mainvisual h1 span {font-size:2.6vw;}
	#mainvisual .lede {font-size:3.6vw;}
	#mainvisual .text {width:auto;left:5vw;top:53%;}
    #mainvisual .cart_btn {margin-top:22vw;}
	
    .min_title {font-size:4vw;}
	.min_title {margin-bottom:5vw;}
    
    .cart_btn {width:40vw;}
    .cart_btn a,
    .cart_btn span,
    .cart_btn button {font-size:3vw;line-height:12vw;}
    
    .antro {font-size:14vw;line-height:1em;}
	
    .input_txt {font-size:2.6vw;padding:0.41vw 1.16vw;margin-top:2vw;}
    
    #shadow {display:none;width:100vw;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,0.3);z-index:8;}
}