@charset "UTF-8";

.eng { font-family: 'Noto Sans Japanese', sans-serif;}

/* SHOP TOP */
#shop_top .shop-top-banner { margin: 0 0 40px 0; text-align: center;}

/* SHOP MAIN */
#top_mainvisual { margin: 0 0 80px 0;}
#top_mainvisual #slide_mv li { height: 310px;}
#top_pickup { margin: 0 0 60px 0;}
#top_pickup .banners { display: flex; flex-wrap: wrap;}
#top_pickup .banners li { width: 450px; margin: 0 30px 10px 0;}
#top_pickup .banners li:nth-child(2n) { margin: 0 0 10px 0;}
#top_features { padding: 40px 19px 20px; margin: 0 0 80px 0; border: #E0E0E0 1px solid; border-radius: 10px; background: #F8F8F8; box-sizing: border-box;}
#top_features .headline { margin: 0 0 30px 0;}
#top_features .eng { padding: 0; margin: 0 0 10px 0; font-size: 32px; font-weight: bold; text-align: center; line-height: 1.0; color: #111111;}
#top_features .jpn { font-size: 12px; font-weight: bold; text-align: center; color: #666666;}
#top_features .banners { display: flex; flex-wrap: wrap;}
#top_features .banners li { width: 290px; margin: 0 10px 10px 0;}
#top_features .banners li img { vertical-align: top;}
#top_features .banners li a { transition: 0.3s;}
#top_features .banners li a:hover { opacity: 0.7;}
#top_features .banners li:nth-child(3n) { margin: 0 0 10px 0;}

/* SHOP BOTTOM */
#footer_connect { padding: 60px 0 90px; background: #F8F8F8;}
#footer_connect .footer-inner { width: 1200px; margin: 0 auto;}
#footernav_connect_site    { margin: 0 0 45px 0;}
#footernav_connect_site h2 { padding: 0; margin: 0 0 30px 0; font-size: 32px; font-weight: bold; text-align: center; line-height: 1.0;}
#footernav_connect_site ul { border: #E0E0E0 1px solid; background: #fff; display: flex; flex-wrap: wrap;}
#footernav_connect_site li { width: 299.5px; height: 140px; border-left: #E0E0E0 1px solid; border-top: #E0E0E0 1px solid; background: #fff; box-sizing: border-box;}
#footernav_connect_site li:nth-child(1),
#footernav_connect_site li:nth-child(2),
#footernav_connect_site li:nth-child(3),
#footernav_connect_site li:nth-child(4){ border-top: none;}
#footernav_connect_site li:nth-child(4n+1) { border-left: none;}
#footernav_connect_site li a { width: 299.5px; height: 140px; display: flex; justify-content: center; flex-direction: column; align-items: center; text-decoration: none; transition: 0.3s;}
#footernav_connect_site li a:hover { opacity: 0.7;}
#footernav_connect_site li .site-logo { text-align: center;}
#footernav_connect_site li .name { margin: 10px 0 0 0; font-size: 14px; text-align: center;}
#footernav_official_app    { padding: 15px 30px 15px 14px; border: #CC0000 2px solid; border-radius: 10px; background: #fff;}
#footernav_official_app ul { display: flex; justify-content: space-between; align-items: center;}
#footernav_official_app ul .logo { width: 110px; height: 110px; border: #E0E0E0 1px solid; border-radius: 10px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden;}
#footernav_official_app ul .desc { width: 774px;}
#footernav_official_app ul .desc .title { padding: 0; margin: 0 0 10px 0; font-size: 24px; font-weight: bold; line-height: 1.0; color: #CC0000;}
#footernav_official_app ul .desc .text  { font-size: 14px; text-align: justify; letter-spacing: 0.1em;}
#footernav_official_app ul .qr-coad { width: 200px; display: flex; justify-content: space-between;}
#footernav_official_app ul .qr-coad .qr { width: 84px; text-align: center;}
#footernav_official_app ul .qr-coad .qr figcaption { font-size: 12px; font-weight: bold; text-align: center;}

/* SHOP LEFT */
#left_connect .banners {}
#left_connect .banners li { margin: 0 0 10px 0; text-align: center;}