@charset 'utf-8';

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-variant-ligatures: no-common-ligatures;
    line-height: 1.9em
}

html {
    scroll-behavior: smooth;
}

.pc-hide {display: none !important;}
.mobile-on {display: none !important;}

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

@media screen and (max-width:660px) {
    .mobile-display-block {display: block !important;}
    .mobile-display-inline {display: inline !important;}
    .mobile-hide {display: none !important;}
    .mobile-text-left {text-align: left !important;}
    .mobile-on {display: block !important;}
    .mobile-off {display: none !important;}
}

.bold {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.text-center {
    text-align: center;
}

.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}

a {
    transition: opacity 0.3s ease-out;
}

a:hover {
    opacity: 0.7;
}

p {
    font-size: 16px;
    line-height: 1.4em;
}

p small {
    font-size: 12px;
}

/*==================================================*/

body {
    background-color: #1d1a16;
    color: #fff;
    line-height: 1.4em;
}

header {
    width: 100%;    
}

header .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 10px;
}

header h1 img {
    width: 158px;
}

div.hero {
    width: 100%;
    background-color: #000000;
}

div.hero .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

div.hero .inner img {
    display: block;
    width: 100%;
}

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

}

/*==================================================*/

div.container {
    width: 1100px;
    margin: 0 auto;
}

div.container .inner {
    width: 900px;
    margin: 0 auto;
}

div.container .inner.wide {
    width: 1100px;
}

.description {
    text-align: center;
    padding: 56px 10px;
    font-size: 16px;
    border-bottom: 1px solid #2e2a23;
    line-height: 1.6em;
}

p.pre-title {
    font-size: 18px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 8px;
}

.description p {
    margin-bottom: 16px;
}

.description p.pre-title {
    margin-top: 0px;
    margin-bottom: 8px;
}

h2 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 32px;
    text-align: center;
}

.description h2 {
	margin-bottom: 16px;
}

h3 {
    font-size: 22px;
    line-height: 1.2em;
}

.help-block {
    font-size: 14px;
}

a.btn {
    display: inline-block;
    background-color: #c1a06c;
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}

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

    div.container {
        width: 100%;
    }
    
    div.container .inner,
    div.container .inner.wide {
        width: calc(100% - 40px);
    }
    
    .description {
        padding: 40px 20px 30px;
    }

    .description p.pre-title {
        font-size: 18px;
    }
    
}

/*==================================================*/

.stores-wrapper {
    text-align: left;
    padding: 0;
	margin-bottom: 56px;
}

.stores-wrapper h4 {
    font-size: 24px;
    margin-bottom: 32px;
}

.stores {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}
 
.stores .store {
    width: 251px;
    background-color: #342f28;
    border-radius: 5px;
}
 
.stores .store .picture img {
    width: 100%;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
 
.stores .store .detail {
    position: relative;
    padding: 16px;
}
 
.stores .store .detail .label {
	position: absolute;
    font-size: 12px;
    color: #000;
    display: inline-block;
    background-color: #c1a06c;
    border-radius: 5px;
    font-weight: 600;
    padding: 5px;
    line-height: 1.0em;
    top: 0;
    transform: translate(0px, -50%);
}
 
.stores .store .detail .name {
    font-size: 16px;
    line-height: 24px;
}
 
.stores .store .detail .cat {
    font-size: 12px;
    line-height: 18px;
	color: #EFEDEA;
    margin-bottom: 16px;
}
 
.stores .store .detail .pl {
    font-size: 12px;
	line-height: 18px;
	color: #efedea;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_46_332)%22%3E%3Cpath%20d%3D%22M8.10514%201.38306V2.71639M8.10514%2013.3831V14.7164M2.77181%208.04972H1.43848M4.31455%204.25913L3.37174%203.31632M11.8957%204.25913L12.8385%203.31632M4.31455%2011.8431L3.37174%2012.7859M11.8957%2011.8431L12.8385%2012.7859M14.7718%208.04972H13.4385M11.4385%208.04972C11.4385%209.89067%209.94609%2011.3831%208.10514%2011.3831C6.26419%2011.3831%204.77181%209.89067%204.77181%208.04972C4.77181%206.20877%206.26419%204.71639%208.10514%204.71639C9.94609%204.71639%2011.4385%206.20877%2011.4385%208.04972Z%22%20stroke%3D%22%23EFEDEA%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_46_332%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0.105469%200.0498047)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left center;
    padding-left: 24px;
	margin: 0;
	color: #EFEDEA;
    margin-bottom: 4px;
}
 
.stores .store .detail .pd {
    font-size: 12px;
	line-height: 18px;
	color: #efedea;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_46_335)%22%3E%3Cpath%20d%3D%22M14.6663%2010.6316C13.7907%2011.0276%2012.8188%2011.248%2011.7953%2011.248C7.9432%2011.248%204.82044%208.12524%204.82044%204.27312C4.82044%203.24967%205.04088%202.2777%205.43686%201.4021C3.01685%202.49652%201.33301%204.9319%201.33301%207.76056C1.33301%2011.6127%204.45577%2014.7354%208.30788%2014.7354C11.1365%2014.7354%2013.5719%2013.0516%2014.6663%2010.6316Z%22%20stroke%3D%22%23EFEDEA%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_46_335%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.0688477)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left center;
    padding-left: 24px;
	margin: 0;
	color: #EFEDEA;
}
 
.stores .store .detail .tags {
    font-size: 12px;
    color: #c1a06c;
	margin-top: 16px;
}

.stores .store .detail .tags span {
    display: inline-block;
    margin-right: 12px;
	line-height: 18px;
    margin-bottom: 8px;

    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left center;
    padding-left: 20px;
}
 
.stores .store .detail .tags .award {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_30_2612)%22%3E%3Cpath%20d%3D%22M5.24577%2010.3756L4.66667%2014.7357L7.7256%2012.9003C7.82537%2012.8405%207.87525%2012.8105%207.9285%2012.7988C7.97561%2012.7885%208.02439%2012.7885%208.0715%2012.7988C8.12475%2012.8105%208.17463%2012.8405%208.2744%2012.9003L11.3333%2014.7357L10.7546%2010.3737M10.9506%202.9016C11.0536%203.15061%2011.2512%203.34854%2011.5%203.45188L12.3726%203.81333C12.6216%203.91649%2012.8195%204.11434%2012.9226%204.36337C13.0258%204.61241%2013.0258%204.89222%2012.9226%205.14125L12.5615%206.01325C12.4583%206.26239%2012.4581%206.54248%2012.5618%206.7915L12.9223%207.66324C12.9735%207.78658%2012.9998%207.91879%2012.9998%208.05232C12.9998%208.18584%2012.9736%208.31806%2012.9225%208.44142C12.8714%208.56478%2012.7965%208.67686%2012.702%208.77126C12.6076%208.86566%2012.4955%208.94053%2012.3721%208.99158L11.5002%209.35278C11.2512%209.45574%2011.0532%209.65337%2010.9499%209.90223L10.5885%2010.7749C10.4853%2011.0239%2010.2875%2011.2217%2010.0385%2011.3249C9.78943%2011.428%209.50963%2011.428%209.26061%2011.3249L8.38864%2010.9637C8.13961%2010.8608%207.85991%2010.861%207.61104%2010.9643L6.73845%2011.3252C6.48956%2011.4281%206.21001%2011.428%205.96118%2011.325C5.71236%2011.2219%205.51463%2011.0243%205.41141%2010.7755L5.04986%209.90264C4.9469%209.65363%204.74927%209.45569%204.50042%209.35236L3.62783%208.9909C3.37892%208.8878%203.18113%208.69007%203.07794%208.44118C2.97475%208.19229%202.97461%207.91261%203.07755%207.66362L3.43873%206.79162C3.54163%206.54258%203.54142%206.26287%203.43815%206.01399L3.07749%205.14074C3.02635%205.01739%203.00002%204.88518%203%204.75166C2.99998%204.61814%203.02627%204.48592%203.07736%204.36256C3.12846%204.2392%203.20336%204.12712%203.29778%204.03272C3.39221%203.93832%203.50431%203.86345%203.62768%203.8124L4.49965%203.4512C4.74844%203.34833%204.94624%203.15094%205.04965%202.90237L5.41109%202.02975C5.51424%201.78072%205.71209%201.58286%205.96111%201.47971C6.21013%201.37656%206.48993%201.37656%206.73896%201.47971L7.61092%201.8409C7.85995%201.9438%208.13965%201.94359%208.38853%201.84032L9.26149%201.48027C9.51048%201.37717%209.79022%201.37719%2010.0392%201.48033C10.2882%201.58346%2010.486%201.78126%2010.5892%202.03023L10.9507%202.90311L10.9506%202.9016Z%22%20stroke%3D%22%23C1A06C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_30_2612%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.0689697)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}

.stores .store .detail .tags .child {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.94706%205.06897C3.33333%205.66897%204.71792%205.66917%205.38413%205.66917C7.19662%205.66917%2010.3333%205.06897%2010.3333%202.66897M9.90039%204.46897C10.3914%205.42357%2011.9952%206.04894%2013.3955%205.78413M13.3955%205.78413C13.535%206.13241%2013.6436%206.49718%2013.7178%206.87479C13.7558%206.87094%2013.7943%206.86897%2013.8333%206.86897C14.4777%206.86897%2015%207.40623%2015%208.06897C15%208.73171%2014.4777%209.26897%2013.8333%209.26897C13.7943%209.26897%2013.7558%209.267%2013.7178%209.26315C13.1795%2012.0047%2010.8241%2014.069%208%2014.069C5.17589%2014.069%202.82051%2012.0047%202.28221%209.26316C2.2442%209.267%202.20566%209.26897%202.16667%209.26897C1.52233%209.26897%201%208.73171%201%208.06897C1%207.40623%201.52233%206.86897%202.16667%206.86897C2.20566%206.86897%202.2442%206.87094%202.28221%206.87478C2.82051%204.1332%205.17589%202.06897%208%202.06897C10.4351%202.06897%2012.5218%203.60373%2013.3955%205.78413Z%22%20stroke%3D%22%23C1A06C%22%2F%3E%3C%2Fsvg%3E');
}

.stores .store .detail .tags .en {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.66667%205.73564H8M4.66667%208.06897H10M4.66667%2012.069V13.626C4.66667%2013.9812%204.66667%2014.1588%204.73949%2014.25C4.80282%2014.3294%204.89885%2014.3755%205.00036%2014.3754C5.11708%2014.3753%205.25578%2014.2643%205.53317%2014.0424L7.12348%2012.7702C7.44834%2012.5103%207.61078%2012.3803%207.79166%2012.2879C7.95213%2012.206%208.12295%2012.146%208.29948%2012.1098C8.49845%2012.069%208.70646%2012.069%209.1225%2012.069H10.8C11.9201%2012.069%2012.4802%2012.069%2012.908%2011.851C13.2843%2011.6592%2013.5903%2011.3533%2013.782%2010.977C14%2010.5491%2014%209.98907%2014%208.86897V5.26897C14%204.14886%2014%203.58881%2013.782%203.16099C13.5903%202.78466%2013.2843%202.4787%2012.908%202.28696C12.4802%202.06897%2011.9201%202.06897%2010.8%202.06897H5.2C4.0799%202.06897%203.51984%202.06897%203.09202%202.28696C2.71569%202.4787%202.40973%202.78466%202.21799%203.16099C2%203.58881%202%204.14886%202%205.26897V9.4023C2%2010.0223%202%2010.3323%202.06815%2010.5866C2.25308%2011.2768%202.79218%2011.8159%203.48236%2012.0008C3.7367%2012.069%204.04669%2012.069%204.66667%2012.069Z%22%20stroke%3D%22%23C1A06C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.stores .store .detail .tags .vege {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2014.069V10.069C14%205.65069%2010.4183%202.06897%206%202.06897H2V6.06897C2%2010.4872%205.58172%2014.069%2010%2014.069H14ZM14%2014.069L9.71429%209.78326M6.28571%206.35468L9.71429%209.78326M9.71429%209.78326V7.21183M9.71429%209.78326H7%22%20stroke%3D%22%23C1A06C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
  
@media screen and (max-width:660px) {

    .stores-wrapper {
    }
    
    .stores-wrapper h4 {
        text-align: center;
        line-height: 1.4em;
        margin-bottom: 30px;
    }
    
    .stores {
        display: block;
    }
     
    .stores .store {
        margin: 0 auto 32px;
        width: calc(100% - 32px);
    }
}

/*==================================================*/

.premium {
    background-color: #342f28;
    height: 230px;
    margin-bottom: 56px;
}

.premium .inner {
    width: 1100px;
    height: 230px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 630px 230px;
    position: relative;
}

.premium .inner .premium-wrapper {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.premium .inner .premium-wrapper h2 {   
    font-size: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.premium .inner .premium-wrapper .discover-wrapper {
    display: flex;
    justify-content: space-between;
}

.premium .inner .premium-wrapper .discover-wrapper div:nth-of-type(1) {
    text-align: left;
    width: 68%;
    align-self: center;
}

.premium .inner .premium-wrapper .discover-wrapper div:nth-of-type(2) {
    text-align: right;
    width: 30%;
    align-self: center;
    font-size: 15px;
}

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

    .premium {
        width: 100%;
        height: auto;
        /*height: 230px;*/
        margin-bottom: 0px;
    }
    
    .premium .inner {
        width: 100%;
        height: auto;
        /*height: 230px;*/
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    
    .premium .inner .premium-wrapper {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: static;
        transform: translate(0, 0);
        padding: 32px 40px;
    }
    
    .premium .inner .premium-wrapper h2 {   
    }
    
    .premium .inner .premium-wrapper .discover-wrapper {
        display: block;
    }
    
    .premium .inner .premium-wrapper .discover-wrapper div:nth-of-type(1) {
        text-align: center;
        width: 100%;
    }
    
    .premium .inner .premium-wrapper .discover-wrapper div:nth-of-type(2) {
        text-align: center;
        width: 100%;
    }

    .premium .inner .premium-wrapper a.btn {
        margin-top: 32px;
    }
}

/*==================================================*/

footer {
    width: 100%;    
}

footer .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

footer .inner .ftr-u .logo {
    margin-bottom: 14px;
}

footer .inner .ftr-u .logo img {
    width: 160px;
	display: block;
}

footer .inner .ftr-u .sns {
    margin-bottom: 30px;
}

footer .inner .ftr-u .sns img {
	width: 18px;
	height: auto;
    margin-right: 10px;
}

footer .inner .ftr-d {
	border-top: 1px solid rgba(115,107,96,1.0);
	display: flex;
	justify-content: space-between;
	font-size: 0.75rem;
	line-height: 1.0rem;
	font-weight: 400;
	padding: 20px 0;
}

footer .inner .ftr-d .links a {
	margin-left: 2rem;
}

footer .inner .ftr-d .links a:first-of-type {
	margin-left: 0rem;
}
  
@media screen and (max-width:660px) {
	
	footer .inner {
	    width: 100%;
	    max-width: 100%;
	    margin: 0 auto;
		padding: 56px 10px 20px;
	}
	
	footer .inner .ftr-u .logo {
		width: 50%;
		border-bottom: 1px solid rgba(115,107,96,1.0);
	    margin: 0 auto 20px;
	}
	
	footer .inner .ftr-u .logo img {
		margin: 0 auto 20px;
	}
	
	footer .inner .ftr-u .sns {
		width: 50%;
	    margin: 0 auto 20px;
		text-align: center;
	}
	
	footer .inner .ftr-d {
		border-top: 1px solid rgba(115,107,96,1.0);
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		padding: 20px 0 0;
		text-align: center;
	}

	footer .inner .ftr-d .links {
		border-bottom: 1px solid rgba(115,107,96,1.0);
		padding-bottom: 20px;
	}

	footer .inner .ftr-d .copy {
		padding-top: 20px;
		padding-bottom: 0px;
	}

}

/*==================================================*/