@charset "UTF-8";
/*---- mainVisual ----*/
#mainVisual { background: url(../../img/mainVisual.jpg) no-repeat center center; background-size: cover; height: 600px; position: relative; background-attachment: fixed;}
#mainVisual h1 { position: absolute; top: 50%; margin-top: -34px; right: 40px; width: 25%;}
/*---- styleBox ----*/
#styleBox { background: #f6f4ee; font-family: 'Raleway', sans-serif;}
#styleBox ul { overflow: hidden;}
#styleBox ul li { float: left; width: 50%;}
#styleBox ul li:first-child { background: url(../../img/bg_style01.jpg) no-repeat center center; background-size: cover;}
#styleBox ul li:last-child { background: url(../../img/bg_style02.jpg) no-repeat center center; background-size: cover;}
#styleBox ul li div { padding: 146px 80px; text-align: center}
#styleBox ul li a span { display: block; line-height: 1; margin-bottom: 5px;}
#styleBox ul li a span.txtS { font-size: 60%}

#styleBox ul li a { border: 1px solid #fff; color: #fff; font-size: 240%; background: url(../../img/ic_arrow_style.png) no-repeat 95% 50%; height: 220px; padding-top: 2.4em;}
/*---- blankBox ----*/
#blankBox { background: url(../../img/img_blank.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; height: 312px;}
/*---- #snsLinkBox ----*/
#snsLinkBox { background: #f6f4ee; font-family: 'Raleway', sans-serif; text-align: center !important}
#snsLinkBox h2 { font-size: 30px; margin-bottom: 40px;}
#snsLinkBox ul { overflow: hidden; margin-bottom: 80px;}
#snsLinkBox ul li { float: left; padding: 10px; width: 50%;}
#snsLinkBox ul li div { background: #fff; border: 1px solid #d2c8ad; padding: 20px 50px;}
#snsLinkBox ul li h3 { font-size: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d2c8ad;}
#snsLinkBox ul li ul { margin: 0;}
#snsLinkBox ul li ul li { padding: 20px 30px; display: inline; float: none; width: auto;}
#snsLinkBox ul li ul li img { vertical-align: middle; width: auto}

#snsLinkBox ul.blogLink li a { display: block; background: #fff; border: 1px solid #d2c8ad; padding: 20px 0; font-size: 20px;}
#snsLinkBox ul.blogLink li a:hover { color: #fff !important; }
#snsLinkBox ul.blogLink li a:hover::after { top: 0; background-color: #d8c899 }
/*---- infoBtnBox ----*/
#infoBtnBox { background: url(../../img/bg_infobtn.jpg) no-repeat center center; background-size: cover; text-align: center; background-attachment: fixed;}
#infoBtnBox ul { overflow: hidden; font-family: 'Raleway', sans-serif;}
#infoBtnBox ul li { width: 50%; float: left;}
#infoBtnBox ul li div { padding: 146px 80px; text-align: center}
#infoBtnBox ul li a span { display: block; line-height: 1; margin-bottom: 5px;}

#infoBtnBox ul li a { border: 1px solid #fff; color: #fff; font-size: 240%; letter-spacing: 0.1em; background: url(../../img/ic_arrow_style.png) no-repeat 95% 50%; height: 220px; padding-top: 2.8em;}

/*---- productBox ----*/
#productBox { background: #fff; font-family: 'Raleway', sans-serif;}
#productBox ul { text-align: center; width: 500px; margin: 0 auto;}
#productBox ul li { display: inline;}
#productBox ul li a { color: #fff; padding: 20px 0; background: #d8c899; font-size: 22px }
#productBox ul li a strong { background: url(../../img/ic_product.png) no-repeat 0 50%; padding-left: 40px;}
#productBox ul li a:hover { color: #fff !important }
#productBox ul li a:hover::after { background-color: rgba(159,140,83,0.4); }

/*---- shopInfoBox ----*/
#shopInfoBox { background: url(../../img/bg_shopinfo.jpg) no-repeat center center; background-size: cover; text-align: center; background-attachment: fixed;}
#shopInfoBox h2 { font-family: 'Raleway', sans-serif; margin-bottom: 40px; color: #fff; font-size: 30px;}
#shopInfoBox ul { overflow: hidden; margin-bottom: 80px}
#shopInfoBox ul li { width: 50%; float: left; font-size: 16px; color: #fff;}
#shopInfoBox ul li:first-child { border-right: 1px solid #fff;}
#shopInfoBox ul li h3 { margin-bottom: 20px;}
#shopInfoBox ul li h3 img { width: auto;}
#shopInfoBox ul li h3 span { display: block; margin-top: 5px;}
#shopInfoBox p a { border: 1px solid #fff; color: #fff; font-size: 22px; width: 500px; padding: 20px 0; font-family: 'Raleway', sans-serif;}

/*---- contents ----*/
#contents { letter-spacing: 0.1em;}

@media screen and (max-width:1023px) {
#mainVisual,#blankBox,#infoBtnBox,#shopInfoBox { background-attachment:inherit !important;}
}