@charset "UTF-8";

/* ----------------------------------
 COMMON
---------------------------------- */
.eng { font-family: 'Noto Sans Japanese', sans-serif;}
.block-category-list--topic { margin: 0 0 20px 0;}

/* ----------------------------------
 SHOP TOP
---------------------------------- */
#shop_top { padding: 0; margin: 0 0 20px 0; text-align: center;}
#shop_top .shop-top-banner { padding: 0; margin: 0; text-align: center;}
#shop_top .shop-top-banner img { width: 60%;}

/* mainvisual */
#top_mainvisual { margin: 0 0 35px 0;}
#top_mainvisual .bx-wrapper .bx-controls-direction a { width: 32px; height: 32px; margin: 10px 0 0 0; position: absolute; top: 100%; outline: 0; text-indent: -9999px; z-index: 10 !important; background: none;}
#top_mainvisual .bx-wrapper .bx-controls-direction a::after { content: ""; width: 14px; height: 14px; border-right: 2px solid #111; border-top: 2px solid #111; position: absolute; right: 10px; top: calc(50% - 7px); display: block; transform: rotate(45deg);}
#top_mainvisual .bx-wrapper .bx-controls-direction a.bx-prev::after { transform: rotate(-135deg);}
#top_mainvisual .bx-wrapper .bx-controls-direction a { width: 32px; height: 32px; margin: 10px 0 0 0; position: absolute; top: 100%; outline: 0; text-indent: -9999px; z-index: 10 !important; background: none;}
#top_mainvisual .bx-wrapper .bx-controls-direction a::after { content: ""; width: 14px; height: 14px; border-right: 2px solid #111; border-top: 2px solid #111; position: absolute; right: 10px; top: calc(50% - 7px); display: block; transform: rotate(45deg);}
#top_mainvisual .bx-wrapper .bx-controls-direction a.bx-prev::after { transform: rotate(-135deg);}
#top_mainvisual .bx-wrapper .bx-pager { padding-top: 20px; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #E0E0E0;}
#top_mainvisual .bx-wrapper .bx-pager.bx-default-pager a { width: 12px; height: 12px; margin: 0 10px; outline: 0; border-radius: 12px; background: #E0E0E0; text-indent: -9999px; display: block;}
#top_mainvisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top_mainvisual .bx-wrapper .bx-pager.bx-default-pager a.active,
#top_mainvisual .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #111111;}
#top_mainvisual .bx-wrapper .bx-pager-item,
#top_mainvisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom;}
#top_mainvisual .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0;}

/* pickup */
#top_pickup { margin: 0 0 30px 0;}
#top_pickup .banners { margin: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#top_pickup .banners li { width: calc(50% - 7.5px);margin-bottom:10px;}

/* features */
#top_features { padding: 30px 15px 15px; margin: 0 0 30px 0; border-radius: 0; background: #F8F8F8; box-sizing: border-box;}
#top_features .headline { margin: 0 0 20px 0;}
#top_features .eng { padding: 0; margin: 0 0 8px 0; font-size: 28px; font-weight: bold; text-align: center; line-height: 1.0; color: #111111;}
#top_features .jpn { font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 0.25em; color: #666666;}
#top_features .banners { display: flex; justify-content: space-between; flex-wrap: wrap;}
#top_features .banners li { width: calc(50% - 7.5px); margin-bottom: 15px;}
#top_features .banners li img { vertical-align: top;}

/* ----------------------------------
 SHOP LEFT
---------------------------------- */
#left_connect { padding: 0 15px;}
#left_connect .banners { margin: 0 0 25px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#left_connect .banners li { width: calc(50% - 7.5px); margin: 0 0 15px 0; text-align: center;}

#shop_footer_banners { padding: 0 15px;}
#shop_footer_banners li { width: 100%; margin: 0 0 15px 0; text-align: center;}

/* ----------------------------------
 SHOP FOOTER
---------------------------------- */
#shop_footer { margin: 60px 0; background: none;}
#shop_footer .footer-inner { margin: 0 auto;}
#shop_footer .shop-footer-guide { margin: 0 auto 40px; border-top: #CCCCCC 1px solid;}
#shop_footer .shop-footer-guide .shop-nav-switch { height: 51px; padding: 0 15px; margin: 0; font-size: 14px; display: flex; align-items: center; box-sizing: border-box; position: relative;}
#shop_footer .shop-footer-guide .shop-nav-switch::before,
#shop_footer .shop-footer-guide .shop-nav-switch::after { content: ''; width: 14px; height: 2px; display: block; background: #976F11; position: absolute; top: calc(50% - 1px); right: 15px; transition: 0.3s;}
#shop_footer .shop-footer-guide .shop-nav-switch::after { transform: rotate(-90deg);}
#shop_footer .shop-footer-guide .shop-nav-switch.open::after { transform: rotate(0deg);}
#shop_footer .shop-footer-guide ul.shop-nav-list.list01 { display: none;}
#shop_footer .shop-footer-guide li a { height: 51px; padding: 0 0 0 20px; border-bottom: #CCCCCC 1px solid; font-size: 14px; font-weight: bold; display: flex; align-items: center; text-decoration: none; position: relative; box-sizing: border-box;}
#shop_footer .shop-footer-guide li:not(.child) a:after { content: ""; width: 8px; height: 8px; border-right: 2px solid #976F11; border-top: 2px solid #976F11; position: absolute; right: 15px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#shop_footer .shop-footer-guide li.child { padding: 0 15px; margin: 0; background: #F8F8F8;}
#shop_footer .shop-footer-guide li.child:last-child a { border-bottom: none;}
#shop_footer .shop-footer-guide li.child a { height: 41px; border-bottom: #CCCCCC 1px dashed; font-size: 12px; font-weight: normal;}
#shop_footer .shop-footer-guide ul.list02 { border-top: #CCCCCC 1px solid;}
#shop_footer .shop-footer-logo { padding: 0; margin: 0; text-align: center;}
#shop_footer .shop-footer-logo { padding: 0; margin: 0; text-align: center;}
#shop_footer .shop-footer-logo img { width: 174px; vertical-align: top;}