@charset "euc-jp";
html{box-sizing: border-box;}
*, *::after, *::before{box-sizing: inherit;}

.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} 
.op{-moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.op:hover{opacity: .6;}
.fL{float: left;}
.fR{float: right;}
.tC{text-align: center;}
.mt80{margin-top: 80px;}
.mb40{margin-bottom: 40px;}
.mb100{margin-bottom: 100px;}
.w40{width:40%;}
.w56{width: 56%;}
.h-img{margin-bottom: 40px;}
.h-txt01{font-size: 2.5em; font-weight: 500; margin-bottom: 1.1em;}
.h-txt02{border-bottom: solid 1px #000;	font-size: 1.28571428571em;	font-weight: 700; padding-bottom: .5em;	margin-bottom: 1.5em;}
.h-txt02 span{font-size: .89em;	font-weight: 500;}
.h-list{font-size: 1.28571428571em;	font-weight: 500; margin: 10px 0 0;}
.h-list + p{margin-top: 10px;}
.list01{box-sizing: border-box; margin: -30px 0 0 -15px!important; width: calc(100% + 30px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.list02{box-sizing: border-box; margin: -40px 0 0 -20px!important; width: calc(100% + 30px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.list01 >*,.list02 >*{box-sizing: border-box; list-style: none;}
.list01 img,.list02 img{width: 100%; margin-bottom: .6em;}
.flow01{margin:0 auto 40px!important;}
.flow01	li{display: block; list-style: none;}
.flow01	li:nth-child(n+2){margin-top: 55px;}
.flow01	.textbox{box-sizing: border-box; font-size: 1.28571428571em; line-height: 1.72;	padding-left: 45px;	position: relative;	max-width: 54%;}
.flow01	.textbox::before{content: attr(data-text); font-size: 2em; position: absolute; left: 0; top: -.5em;}
.flow01	li::after{content: ""; clear: both;	display: table;}
.flow01 img{float: right; width: 43%;}
.flow02{margin:0 auto 40px!important;}
.flow02	li{	background: #ffffff; border:solid 3px #4a2665; list-style: none; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center !important; -moz-align-items: center !important; -ms-align-items: center !important; align-items: center !important;}
.flow02	li:nth-child(n+2){margin-top: 10px;}
.flow02	.title{background: #4a2665; color: #fff; margin: 1px .5em 1px 1px; font-size: 1.61em; font-weight: 500; min-width: 9em; padding: .5em 0 .5em .5em; width: 9em;}
.catch01{border-bottom: solid 1px #000000; border-top: solid 1px #000000; font-size: 22px; line-height: 2; margin: 0 auto 40px;	padding: 1.3em 0; text-align: center; width: 592px;}
.catch02{font-size: 1.28571428571em; line-height: 1.72;}
.dl01{background: #fff;	border:solid 3px #4a2665; font-size: 1.28571428571em; padding: 1.5em;}
.dl01 dt{border-bottom:solid 3px #000; padding-bottom: .7em; margin-bottom: .7em;}
.dl01 dd{line-height: 1.72;}
.dl01 dd + dt{margin-top: 2.5em;}

 /* 220310 add */
.box01{font-size: 1.2em; max-width: 750px; line-height: 1.7; padding: 0; margin: 0 auto;}
.box01::after{content: ""; display: table; clear: both;}
.h-set01::after{content: ""; display: table; clear: both;}
.h-set01_text{font-size: 2.4em;	line-height: 1.4; color: #454545;}
.h-set01_img{float: left; width: 188px;	margin-right: 1em;}
.h-group01{color: #4a2665; font-size: 1.44em; padding: 0; margin:2em auto 1em; border-bottom: solid 2px #4a2665;}
.h-group02{color: #4a2665; font-size: 1.6em; font-weight: 500; margin:.5em auto;}
.h-group02 span{display: inline-block; padding: .6em 1.5em;	font-size: .5em; color: #FFF; background: #4a2665; border-radius: .5em; text-align: center;	margin-right: 1em; vertical-align: bottom;}
.catch03{ padding: 0 2em 2em;	line-height: 2;}
.set01{background:url("https://img11.shop-pro.jp/PA01143/746/etc/bg-set01.jpg?cmsp_timestamp=20220310163905") left top / cover no-repeat;font-size: .85em; padding: 80px 30px 0px; margin-top: 30px; min-height: 401px;}
.set01_title{font-size: 2em; font-weight: 500; line-height: 1.4; color: #4a2665; margin: 0 auto .5em;}
.set01_text{max-width: 420px; line-height: 2;}
.set02{line-height: 1.7; margin: 30px auto 40px;}
.set02::after{content: ""; display: table; clear: both;}
.set02_box1{margin: 0 auto 30px;}
.set02_box2{float: left; width: 40%;}
.set02_box3{float: right; width: 56%; line-height: 2;}
.set02_title{font-size: 1.44444444444em; font-weight: 500; line-height: 1.3; margin:.3em auto .6em;}
@media screen and (min-width: 769px) {
.list01 >*{width: 33.3333%;	padding: 30px 15px 0;}
.list01 >*:nth-child(n+4){margin-top: 15px;}
.list02 >*{width: 50%;	padding: 40px 20px 0;}
.list02 >*:nth-child(n+3){margin-top: 10px;}
}
@media screen and (max-width: 768px) {
 #gnavi-1{display: none;}
 .sp-w100{width: 100%!important;}
 .sp-mb10{margin-bottom: 10px!important;}
 .mt80{margin-top: 40px;}
 .mb40{margin-bottom: 20px;}
 .mb100{margin-bottom: 50px;}
 .h-img{margin-bottom: 20px;}
 .h-txt01{font-size: 1.5em;}
 .h-txt02{font-size: 1.16em;}
 .h-list{font-size: 1em;	margin-top: 5px;}
 .h-list + p{font-size: .93em; margin-top: 5px;}
 .list01,.list02{margin: -20px 0 0 -5px!important; width: calc(100% + 10px);}
 .list01 >*,.list02 >*{width: 50%!important;	padding: 20px 5px 0!important;}
 .flow01{margin:0 auto 20px!important;}
 .flow01 li:nth-child(n+2){margin-top: 30px;}
 .flow01 .textbox{box-sizing: border-box; font-size: 1em; max-width: 100%; padding-left: 2em; width: 100%;}
 .flow01 img{float: none; width: 100%; margin-bottom: 10px;}
 .flow02{margin:0 auto 20px!important;}
 .flow02 li{padding: 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .flow02	.title{box-sizing: border-box;font-size: 1em; margin: 0 auto 10px; padding: .5em; width: calc(100% + 20px);}
 .catch01{font-size: 1.1em; margin: 0 auto 20px; width: 100%;}
 .catch02{font-size: 1em;}
 .dl01{font-size: 1em; padding: 1em;}
 /* 220310 add */.box01{font-size: 1em;}
 .h-set01_text{font-size: 1.8em;	text-align: center;}
 .h-set01_img{display: block; float: none; width: 150px; margin:0 auto 1em;}
 .h-group01{ font-size: 1.8em; padding: 0; margin:2em auto 1em;}
 .h-group02{font-size: 1.6em;}
 .catch03{ padding: 0 0 1em;}
 .set01{font-size: 1em;	padding: 50px 20px 30px; min-height: 0; text-shadow: 0 0 3px #fff, 0 0 3px #fff;}
 .set01_title{ font-size: 1.6em;}
 .set02_box2{width: 100%; text-align: center; margin-bottom: 20px;}
 .set02_box2 img{width: 50%;}
 .set02_box3{float: none; width: 100%;}
 .set02_title{text-align: center;}
}
/*data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAABTCAYAAABAk8iqAAAACXBIWXMAAAsSAAALEgHS3X78AAABJklEQVR4nO3UMQHAIBDAwKdiEIMP/EsoKrLdSciQdfb9ByD0iQvUjAbIGQ2QMxogZzRAzmiAnNEAOaMBckYD5IwGyBkNkDMaIGc0QM5ogJzRADmjAXJGA+SMBsgZDZAzGiBnNEDOaICc0QA5owFyRgPkjAbIGQ2QMxogZzRAzmiAnNEAOaMBckYD5IwGyBkNkDMaIGc0QM5ogJzRADmjAXJGA+SMBsgZDZAzGiBnNEDOaICc0QA5owFyRgPkjAbIGQ2QMxogZzRAzmiAnNEAOaMBckYD5IwGyBkNkDMaIGc0QM5ogJzRADmjAXJGA+SMBsgZDZAzGiBnNEDOaICc0QA5owFyRgPkjAbIGQ2QMxogZzRAzmiAnNEAOaMBckYD5IwGaM3MA3AyAno06ZEJAAAAAElFTkSuQmCC*/

body{font-family: "Shippori Mincho", serif; font-size: 16px; font-weight: 500; -webkit-font-smoothing: antialiased; color: #333; background: url(https://img11.shop-pro.jp/PA01143/746/etc_base64/c2lkZS1uYXZfYmc.jpg?cmsp_timestamp=20251015132840) repeat;}
a{color: #000;}
a:hover{color: #666; text-decoration: none;}
ul, ol, form, p {margin: 0;}
button{background: none; border: none;font-family: "Shippori Mincho", serif;}

/* layout */
.wrapper{position: relative;}
.gnavi{width: 100%;}
.footer{background: #ece3c9; width: 100%;}
.container {max-width: 1200px; margin: 0 auto; position: relative;}
.container::after{clear: both; content: ""; display: table;}

/* module */
.section__title-h2{margin: 0 0 20px 0;; font-size: 28px; font-weight: 200; border-bottom: 1px solid #4a2665; padding: 0 0 8px 0;}
.section__suffix{font-size: 0.71429em;}
.menu__section{background: white; margin: 0 0 30px;}
.menu__title-h2{padding: 10px 0 10px 18px; color: #ffffff; background: #4a2665; font-weight: 200; font-size: 18px;}
.menu__suffix{padding-left: 10px;}
.menu-list{list-style-type: none;}
.menu-list__link{padding: 10px 20px; height: 100%; width: 100%; display: table; table-layout: fixed;}
.menu-list__text{font-size: 1.14286em; padding-right: 20px; height: 100%; width: 90%; display: table-cell; vertical-align: middle;}
.menu-list__icon{height: 100%; width: 10%; display: table-cell; vertical-align: middle; text-align: right;}

.side_category-list{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px;}
.side_category-list li a{padding: 3px; background: white; border: 1px solid #eee; display: block; border-radius: 3px;}
.side_category-list li a img{width: 100%; display: block;}
.side_category-list li a p{color: #3a3333; font-size: 14px; position: relative; background: white; padding: 0.15em 0.25em;}
.side_category-list li a p::after{content: ""; display: inline-block; width: 7px; height: 7px; vertical-align: middle; border-right: 1px solid #baa051; border-bottom: 1px solid #baa051; margin-right: 3px; position: absolute; right: 0; top: 50%; transform: rotate(-45deg) translateY(-50%);}

.product-list{height: auto; width: 100%; margin: 0; list-style-type: none; letter-spacing: -.4em; display: inline-block;}
.product-list__title{width: 65%; display: block;}
.product-list__unit{margin: 0 0 30px; position: relative; letter-spacing: normal; display: inline-block; vertical-align: top; float: none; text-align: center; padding: 5px;}
.product-list__image{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px;}
.product-list__image:hover{opacity: .8;}
.product-list__name{display: block; line-height: 1.3; font-size: 16px; color: #3a3333; text-align: left; margin-top: 5px;}
.product-list__name:hover{text-decoration: underline; color: #3a3333}
.product-list__text{display: block; text-align: left; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 13px; margin: 10px 0; font-weight: 500;}
.product-list__expl{margin: 10px 0 0; font-size: 0.71429em;}
.product-list__prices{margin: 10px 0 0;}
.product-list__price-regular{text-decoration: line-through;}
.product-list__price-soldout{color: #ff0000;}
.product-list__discount-rate{color: #ff0000;}
.rank__box{position: absolute; top: 0; left: 0; z-index: 1;}
.rank__box--upper{position: absolute; top: 10px; left: 10px;}
.rank__number{padding: 0.25em 0.75em; position: absolute; color: #000000; background: rgba(249,245,245,0.9); display: block; text-align: center; font-size: 14px;}
.rank__number-color--1{background: rgba(208,176,77,1); color: #fff;}
.rank__number-color--2{background: rgba(121,122,177,1); color: #fff;}
.rank__number-color--3{background: rgba(185,100,53,1); color: #fff;}
.contents__suffix{padding-left: 10px;}
.side__section{background: #fff; margin: 0 0 30px; border-radius: 5px; padding: 20px; position: relative; border: 2px solid #4a2665;}
.side__title-h2{font-size: 14px; padding: 12px 20px; color: #000; background: #e0d20d; z-index: 100; line-height: 1;}

.breadcrumb{margin-bottom: 30px;}
.breadcrumb-list{margin-bottom: 5px; font-size: 0.85714em;}

.product__breadcrumbs{margin: 20px 0; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 12px;}
.product__breadcrumbs .breadcrumbs{display: flex; list-style: none;}
.product__breadcrumbs .breadcrumbs li{margin-right: 10px;}
.product__breadcrumbs .breadcrumbs li a{display: inline-block; padding: 0.25em 0; color: #3a3333;}
.product__breadcrumbs .breadcrumbs li::after{content: ""; display: inline-block; vertical-align: middle; margin-left: 5px; width: 5px; height: 5px; border-right: 1px solid #3a3333; border-bottom: 1px solid #3a3333; transform: rotate(-45deg);}
.product__breadcrumbs .breadcrumbs li:last-child::after{display: none;}

.btn-primary{color: #ffffff; background: #000000; border: 1px solid #000000;}
.btn-primary:hover{color: #ffffff; background: #333333; border: 1px solid #333333;}
.btn-secondary{color: #ffffff; background: #a39055; border: 1px solid #a39055;}
.btn-secondary:hover{color: #ffffff; background: #ae9c64; border: 1px solid #ae9c64;}
.txt--sm{font-size: 0.71429em;}
.txt--md{font-size: 0.85714em;}
.txt--lg{font-size: 1.14286em;}
.txt--c{text-align: center;}
.txt--l{text-align: left;}
.txt--r{text-align: right;}
.txt--red{color: #ff0000;}
.border--none{border: none;}
.pad-t--20{padding-top: 20px;}
.pad-r--10{padding-right: 10px;}
.pad-r--20{padding-right: 20px;}
.pad-l--20{padding-left: 20px;}
.mar--0{margin: 0;}
.mar-t--20{margin-top: 20px;}
.mar-b--0{margin-bottom: 0;}
.mar-b--10{margin-bottom: 10px;}
.mar-b--20{margin-bottom: 20px;}
.mar-b--40{margin-bottom: 40px;}
.mar-b--60{margin-bottom: 60px;}
.w--23per{width: 23%;}
.w--31per{width: 31%;}
.hide{display: none;}
.pos--rel{position: relative;}
.pos--abs{position: absolute;}

/* snavi */
.snavi{z-index: 15;}
.snavi__inner{background: #fff; border-bottom: 2px solid #333; z-index: 16;}
.snavi__suffix{padding-left: 10px;}
.snavi-list{position: relative;}
.snavi-list__unit{padding: 0; text-align: center;}
.snavi-list__link{padding: 15px 0; display: block; color: #333;}
.snavi-list__link:hover{color: #fff;}
.snavi-list__link--menu{position: relative; color: #fff; background: #333;}
.snavi-list__triangle{position: absolute; right: 50%; bottom: -2px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fcfcfc transparent; z-index: 60;}
.mnavi{position: absolute; top: 51px; left: 0; width: 100%; background: #fff; border: 2px solid #333; z-index: 50; display: none;}
.mnavi-list{padding: 39px; list-style-type: none; text-align: left;}
.mnavi-list__unit{padding: 10px;text-align: left; width: 31%; display: inline-block; vertical-align: top;}
.mnavi-list__link{display: block; width: 100%;}
.mnavi-bottom{border-top: 2px solid #333;}
.mnavi-bottom-list{margin: 0; padding: 20px 0; float: right;}
.mnavi-bottom-list__unit{padding: 0 10px;}
.text-pr{margin: 0; padding: 17px 0; font-size: 0.92857em; float: left;}
.fixed{position: fixed; top: 0; left: 0; width: 100%;}

/* header */
header{width: 100%; height: 80px; z-index: 1; display: flex; justify-content: space-between; background: #4a2664; padding: 0; margin: 0;position: fixed; top: 0; right: 0;}
header h1.header-logo{width: 180px; margin: 0 0 0 20px; padding: 0; position: relative;}
header h1.header-logo a{width: 100%; position: absolute; bottom: 0; left: 15px;}
.header__right{display: flex; align-items: center;}
.header-tools{font-size: 14px; display: flex; align-content: center; align-items: center; list-style: none;}
.header-tools li{padding: 0 10px;}
.header-tools li a{display: flex; align-items: center;}
.header-tools li a svg{fill: white; margin-right: 2px;}
.header-tools li a span{color: white;}
#kuroho_newmember-icon { width: 30px;}
#kuroho_account-icon {width: 28px;}
.header-tools__unit-cart{margin: 0; margin-left: 12px;}
.header-tools__unit-cart a{position: relative;}
.header-tools__count{position: absolute; font-size: 14px; top: -20px; right: -15px; background: #e63935; color: white; width: 22px; height: 22px; border-radius: 50%; z-index: 2; text-align: center;}
#kuroho_x5F_cart-icon {width: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-60%, -40%);}
#header-searchBtn{background: none; border: none;}
#kuroho_search-icon{width: 26px; fill: white;}
.header-search-form{display: none; position: fixed; top: 80px; left: 0; background: rgba(50,50,50,.8); margin:0; padding: 0; z-index: 800; width: 100%; height: 90vh;}
.header-search-form.header-formopen{display: block; transition: all 1s;}
.header-search-form .header-search-wrap{background: white; width: 50%; padding: 1.5em 0.5em; position: relative; margin: 80px auto 0;}
.header-search{display: inline-flex; width: 100%; padding: 0 15px;}
.header-search__select{border: none; border-radius: 3px; color: #3a3333; margin-right: 10px; font-size: 16px; height: 35px; width: 10em; background: #efe9d8;}
.header-search__select option{background: white; padding: 2px 5px;}
.header-search__box{border: none; border-radius: 0; box-shadow: none; padding: 0 5px; height: 35px; width: 55%; margin: 0; border-bottom: 1px solid #3a3333; font-size: 18px;}
.header-search__btn{background: none; border: none; border-radius: 0;}
#kuroho_search-icon02 {width: 25px; fill: gray;}
#search-box-close{background: #3a3333; border: none; position: absolute; bottom: -50px; right: 0; width: 100%; height: 50px; color: white; font-size: 18px;}
.global-navmenu {width: 80px; height: 80px; display: block; background: none; padding: 10px; text-align: center;}
.global-navmenu button{width: 60%; height: 100%; padding: 0; appearance: none; cursor: pointer;}
.global-navmenu button i{width: 100%; height: 1px; background: #fff; display: block; transition: all .3s; z-index: 901;}
.global-navmenu button i:nth-child(1){transform: translate(0, -10px);}
.global-navmenu button i:nth-child(3){transform: translate(0, 10px);}
/*ハンバーガーメニュー*/
nav{position: fixed; top: 0; right: -420px; width: 420px; height: 100%; padding: 60px 20px 0; z-index: 5; background: white; overflow-x: hidden; transition: all .5s;}
nav.open-menu {right: 0;}
nav button#navCloseBtn{width: 50px; height: 50px; position: absolute; top: 10px; right: 10px; cursor: pointer;}
nav button#navCloseBtn i{width: 100%; height: 1px; background: black; display: block;}
nav button#navCloseBtn i:nth-child(1){transform: rotate(45deg);}
nav button#navCloseBtn i:nth-child(2){transform: rotate(135deg);}
.global-navmenu-list ul{list-style: none;}
.global-navmenu-list ul li a{color: #3a3333;}
.global-navmenu-list ul li a.global-nav-login{display: inline-block; background: #be4c49; color: white; border-radius: 25px; padding: 0.5em 1.2em;}
.global-navmenu-list ul li a.global-nav-acount{display: inline-block; margin: 0 0.5em;}
.global-navmenu-list ul li a.global-nav-acount:hover{text-decoration: underline;}
.gnav-search{margin: 20px 0;}
input.gnav-search__box{width: 85%; border: 1px solid #cac5b6; padding: 1.2em 0.5em;}
#kuroho_search-icon04{width: 25px; fill: #333;}
.gnav_sns-box{display: flex; list-style: none; margin: 0 auto; justify-content: center;}
.gnav_sns-box li{margin: 10px 5px;}
.gnav_sns-box li a{padding: 5px;}
#sns-icons_line02{width: 35px; fill: #3a3333;}
#sns-icons_instagram02{width: 35px; fill: #3a3333;}
#sns-icons_facebook02{width: 35px; fill: #3a3333;}
.gnav_keyword{list-style: none; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px; line-height: 1.5;}
.gnav_keyword li{display: inline-block; margin: 0 5px 10px 0;}
.gnav_keyword li a{display: block; text-align: center; padding: 0.2em 1em; color: #3a3333; border: 1px solid #baa051; border-radius: 15px;}
.global-navmenu-list ul li.global-navmenu-list__unit{width: 100%; padding: 10px 0 10px 10px; cursor: pointer; margin: 5px 0;}
.global-navmenu-list ul li button{padding: 0; text-align: left;}
.global-navmenu-list ul li.global-navmenu-list__unit a::before{content: "";display: inline-block; width: 5px; height: 1px; margin-right: 5px; background: #4a2664; vertical-align: middle;}
.global-navmenu-list ul li a.global-nav-inquiry{display: block; text-align: center; color: white; background: #baa051; padding: 10px; border-radius: 3px;}
.global-nav-cart{position: relative; padding: 0 10px;}
#kuroho-global-nav_cart-icon{width: 35px; fill: #3a3333; position: absolute; top: 50%; transform: translateY(-50%);}
.details {margin: 5px 0; padding: 10px 0; }
.details[open] {transition: all 1s;
	margin: 10px 0;
} 
.details-summary {
	display: block;
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #cac5b6;
	&:hover {
		cursor: pointer;
	}
	&::after{
		content: "+";
		font-size: 20px;
		color: #333;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}
	[open] &::after {
		content: "";
		width: 12px;
		height: 1px;
		background: #333;
	}
}
.details-summary::-webkit-details-marker{display: none; margin-top: -10px;}
.global-navmenu-list_category{padding: 10px 0 0 1em;}
.global-navmenu-list_category li{width: 100%; position: relative; margin: 10px 0;}
.global-navmenu-list_category li a{width: 100%; padding: 20px 0;}
.global-navmenu-list_category li a::after{content: "";display: flex; position: absolute; top: 50%; right: 0;  width: 8px; height: 8px; color: #cac5b6; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg) translateY(-50%);justify-content: flex-end;}
@media screen and (max-width: 480px){
	nav{width: 100%; right: -1000px;}
	.header-tools li{padding: 0; text-align: right;}
	.header-tools li:nth-child(1),.header-tools li:nth-child(2),.header-tools li:nth-child(4){display: none;}
	header h1.header-logo{margin: 0 0 0 5px;}
	header h1.header-logo img{min-width: 160px;}
	#kuroho_x5F_cart-icon {width: 40px;}
}
/* 検索窓下オススメワード */
.recommend-category{padding: 1em 15px 0;}
#recommend-category-list{list-style: none; display: inline-block;}
#recommend-category-list .recommend-category-list__unit{display: inline-block; background: #f5e4b2; padding: 2px 10px; border-radius: 15px; margin: 5px 5px 5px 0; text-align: center;}
#recommend-category-list .recommend-category-list__unit a{color: #3a3333;}

.main-content__wrap{margin-top: 80px;}

/* slider */
.slider .bx-wrapper .bx-viewport #slider img{transition:1s all; z-index: 9999;}
.slider .bx-wrapper .bx-viewport #slider img:hover{transform:scale(1.02);}
.slider{padding-top: 20px; padding-bottom: 20px; position: relative; background-color: ;}
.slider__inner{height: auto; width: 96%; max-width: 70em; margin: 0 auto; position: relative;}
.bx-wrapper{z-index: 0; overflow:hidden;}
.bx-wrapper img{width: 100%; height: auto;}
.slider .bx-wrapper{z-index: 0; margin-bottom: 0;}
.slider .bx-wrapper .bx-viewport{-moz-box-shadow: none !important; -webkit-box-shadow: none !important;
 box-shadow: none !important; left: 0 !important; border: none !important; overflow:visible!important;}
.slider .bx-wrapper .bx-caption{background: #000; background: rgba(0, 0, 0, 0.6);}
.slider .bx-wrapper .bx-caption span{display: none;padding: 10px; font-size: 1.28571em;}
.bx-wrapper .bx-pager .bx-default-pager a{background: #bababa!important;}

/* main */
.main__section{margin: 20px auto;}
.main__section--top{padding-top: 25px;}
.main__section--top-slideshow{padding-top: 65px;}
.main__section--free{margin: 0 auto; width: 100%; padding: 0 20px;}
.main__inner{margin: 0 auto; width: 1200px; padding: 80px 0 0; display: flex; flex-direction: row-reverse;}
@media screen and (max-width: 980px){
	.main__inner{width: 100%;}
}

/* sidebar */
#sidebar{padding: 0; margin: 0 20px; width: 25%;}
.side__menu{padding: 0 20px; margin-top: 50px; position: relative;}
.side__menu::after{content: ""; display: block; height: 100%; width: 1px; background: #a7a397; position: absolute; top: 0; right: 0;}
.side__pick-up{list-style: none;}
.side__pick-img{position: relative; display: block; width: 100%; height: 100%;}
.side__pick-img::before{content: "おすすめ"; display: block; background: #baa051; color: white; padding: 0 0.5em; position: absolute; top: -5px; left: -5px; font-size: 14px;}
.side__pick-up-text{display: none;}
.sidebar-search{margin-bottom: 20px;}
.sidebar-search__select{background: #baa051; color: white; margin-bottom: 10px; border: none;}
input.sidebar-search__box{padding: 1.2em 0.5em; border: 1px solid #a7a397;}
.sidebar-search__btn{width: 25px; height: 25px;}
#kuroho_search-icon03{width: 25px; fill: #3a3333;}
.side__title-h3{font-weight: 300; color: #b29335; padding: 10px 0 5px; font-size: 18px; margin: 0 0 5px; border-bottom: 1px solid #baa051;}
.side__ranking-title{font-weight: 300; color: #b29335; padding: 5px 0; font-size: 18px; margin: 0 0 5px;}
#kuroho_rank-icon{width: 15px; fill: #baa051;}
.side__ranking{list-style: none; width: 100%;}
.side__ranking li{position: relative;}
.side__ranking li.side__ranking-inner{display: none;}
#side__ranking-btn{visibility: collapse;}
.side__ranking-btn-label{display: flex; align-items: center; justify-content: center; cursor: pointer;
  border: 1px solid #3a3333; padding: 1em;}
#side__ranking-btn + .side__ranking-btn-label::after{content: "ランキングをすべて表示"; color: #3a3333;}
#side__ranking-btn:checked + .side__ranking-btn-label::after{content: "閉じる"; color: #3a3333;}
.side__menu-list{list-style: none; padding: 0; margin: 0 0 10px;}
.side__menu-list li{margin: 3px 0; padding: 0;}
.side__menu-list li a{color: #3a3333;}
.subcategory-list{padding: 0; display: none;}
.subcategory-list a.menu-list__link{padding-left: 0.5em; font-size: 0.8em;}
.subcategory-list__unit a.menu-list__link span.menu-list__text{padding: 0 0 0 1em;}
.side__menu_keyword{list-style: none; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 16px;}
.side__menu_keyword li{display: inline-block; margin: 0 5px 10px 0;}
.side__menu_keyword li a{display: block; text-align: center; padding: 0.1em 0.75em; color: #3a3333; border: 1px solid #baa051; border-radius: 12px; font-size: 0.8em;}
/*営業日カレンダー*/.side_cal{padding: 20px 10px 0; width: 100%; font-size: 14px;}
.tbl_calendar-caption{display: inline-block; background: #eadeba; color: #e63935; padding: 0 15px;}
.side_cal table{width: 100%; text-align: center;}
.tbl_calendar{margin-bottom: 20px; display: table; border-collapse: separate;}
.tbl_calendar caption{padding-bottom: 5px; font-size: 1.2em;}
.tbl_calendar th{padding: 3px 0; background-color: #eceae4;}
.tbl_calendar td{padding: 5px 0; border: 1px solid #eee; border-radius: 2px; background-color: white;}
.seller-list-left{margin: 0;}
.seller-list-left__wrap{padding: 20px 20px 0;}
.seller-list-left__name--downer{margin: 2px 0 0 30px;}
.sidebar-banner-list__unit{margin: 0 0 30px;}

/* contents */
#contents{padding: 0 10px; width: 75%; margin: 0 auto;}
.contents-main{padding: 0 20px 0 0;}
.info-list{margin: 0; list-style-type: none;}
.info-list__unit{padding-bottom: 20px;}
.info-list__date{padding-bottom: 10px; display: block;}
.free-space__section,.info__section,.arrival__section,.recommend__section,.eyecatch__section,.together__section,
.history__section{margin-bottom: 60px;}
.contents-sub{padding: 0 0 0 20px;}
.push-list__unit{margin: 0;}
.seller-list-right__unit:last-child{margin-bottom: 0;}
.seller-list-right__name{margin-left:0; letter-spacing: normal;}

h3.sub-content__title{font-weight: 100; width: 100%; font-size: 20px; padding-left: 8px; position: relative;}
h3.sub-content__title::before{width: 4px; height: 22px; content: ""; background: #baa051; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 1px;}
.top_browsing-history-area{max-width: 1200px; margin: 0 auto;}
.top_browsing-history-list{scroll-snap-type: x mandatory;list-style: none;  display: flex; overflow-x: scroll; margin: 0 auto; width: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.top_browsing-history-list::-webkit-scrollbar{background: none; width: 100%; height: 5px;}
.top_browsing-history-list::-webkit-scrollbar-thumb{background: #baa051; height: 2px; border-radius: 1px; transition: all 0.8s;}
.top_browsing-history-list li{scroll-snap-align: center;width: 180px; margin: 0 10px; flex-shrink: 0;}

/* footer */
#top_sns-area{width: 100%; text-align: center;}
#top_sns-area ul{list-style: none; display: flex; justify-content: center; margin: 20px auto;}
#top_sns-area ul li{margin: 5px;}
#top_sns-area ul li a{display: block; padding: 10px;}
#sns-icons_line{width: 35px; color: #3a3333;}
#sns-icons_instagram{width: 35px; color: #3a3333;}
#sns-icons_facebook{width: 35px; color: #3a3333;}

#footer{padding: 50px 0;}
h4.fotter_guide-title{font-weight: 500; font-size: 20px; position: relative; margin: 5px 0 20px;}
h4.fotter_guide-title::after{content: ""; width: 15px; height: 1px; background: #bc98d6; position: absolute; left: 0; bottom: -10px;}

.footer_contents-wrap{max-width: 1200px; margin: 0 auto; display: flex; height: auto; justify-content: space-around;}
.footer_address{width: calc(100% - 10px / 3); position: relative;}

.footer_address img {display: block; max-width: 280px; width: 100%; margin-bottom: 20px;}
.footer_address-phone{font-size: 32px;}
a.footer_address-inquiry-btn{display: inline-block; text-align: center; color: #3a3333; border: 1px solid #3a3333; padding: 0.5em 3em; margin: 0.5em auto; transition: all 1s;}
a.footer_address-inquiry-btn:hover{background: #3a3333; color: white;}

.footer_guide-link-list{list-style: none; display: flex;}
.footer_guide-link-list li{margin: 15px 30px 15px 0;}
.footer_guide-link-list li a{color: #3a3333;}
.footer_guide-link-list li.footer_guide-link-list_title::before{display: inline-block; vertical-align: middle; content: ""; width: 8px; margin-right: 3px; height: 1px; background: #4a2664;}
.footer_guide-link-list li a:hover{text-decoration: underline;}
.footer_guide-link-list li ul{list-style: none;}
.footer_guide-link-list li > ul > li{margin-top: 10px; padding-left: 10px; font-size: 0.9em;}

.footer_store-info{max-width: 250px;}
.footer_store-info-list{list-style: none;}
.footer_store-info-list li{margin: 0 auto 30px;}
.footer_store-info-list li a img {width: 100%;}
.footer_store-info-text{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px; line-height: 1.4; margin-top: 5px;}


.mail-mag{background: #eee; text-align: center;}
.mail-mag__inner{padding: 30px 0;}
.mail-mag__title-h2{padding-bottom: 20px; color: #000; font-size: 1.28571em; line-height: 1.3;}
.mail-mag__suffix{padding-left: 10px; font-size: 0.71429em;}
.mail-mag i{padding-right: 20px;}
.mail-mag__box{border: 2px solid #000; border-radius: 5px; box-shadow: none; margin-right: 20px; padding: 13px; height: auto; width: 75%;}
.mail-mag__box:focus{outline: none; border-color: #666;}
.mail-mag__btn{height: auto; width: 10%; padding: 13px 0; border-radius: 5px; font-size: 1.14286em;}
.mail-mag br{display: none;}
.guide{background: #333; color: #fff;}
.guide__inner{border-bottom: 2px solid #fff; padding: 60px 0;}
.guide__h2{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff;}
.guide__name{padding-bottom: 10px;}
.guide__other{padding-bottom: 30px; margin: 0; color: #999;}
.guide__other:last-child{padding-bottom: 0;}
.shop-owner{overflow: hidden;}
.shop-owner__image{margin-right: 20px; margin-bottom: 20px; float: left;}
.shop-owner__info{float: left;}
.shop-owner__name{font-weight: bold;}
.shop-owner__memo{line-height: 1.8;}
.shop-owner__memo a{color: #fff;}
.shop-owner__memo a:hover{color: #999;}
.sns-list{display: table; margin: 0 auto;}
.sns-list__unit{display: table-cell;}
.pagetop__section{padding: 0;}
.pagetop__btn{margin: 2px 0; padding: 13px 0; border-radius: 0; width: 100%; color: #fff; background: none; border: none;}
.pagetop__btn:hover{color: #333; background: #fff; border: none;}
.fnavi-list{padding-top: 30px; font-size: 0.92857em; color: #fff; text-align: center;}
.fnavi-list__unit{display: inline-block;}
.fnavi-list__link{color: #fff;}
.fnavi-list__link:hover{color: #999;}
.copyright{margin: 0 0 10px;}
.copyright__section{padding: 50px 0 20px; font-size: 0.71429em; text-align: center;}
.copyright__image{margin: 0 0 5px 5px; height: 18px; width: 200px;}
.copyright__link{color: #fff;}
.copyright__link:hover{color: #999;}

/* product list */
.product-list__section{position: relative; padding: 0;}
.product-list__freespace-top{padding-bottom: 30px;}
.product-list__freespace-bottom{padding-bottom: 60px;}
.product-list__noitem{padding-bottom: 60px;}
.sort__section{margin-bottom: 20px; border: none; display: inline-block; float: right;}
.sort__section::after{clear: right; display: block; content: ""; width: 100%; height: 1px;}
.sort__sub-layer{border: 1px solid #dad4c1; border-radius: 5px; box-shadow: none; height: 37px; width: 200px; font-size: 14px;}
.sub-list{height: auto; width: 100%; display: inline-block; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px;}
.sub-list__unit{margin-bottom: 20px; display: inline-block; vertical-align: top; margin-right: 0.5em;}
.sub-list__unit a{display: block; color: #3a3333; border: 1px solid #baa051; border-radius: 15px; padding: 0.2em 1em;}
.sub-list__image{display: block;}
.more__btn{padding-top: 10px; padding-bottom: 10px; font-size: 0.85714em;}

/* pagenation */
.pagenation{text-align: center;}
.pagenation-top{margin: 0 auto; display: inline-block; font-size: 12px;}
.pagenation-bottom{margin: 20px 0 60px;}
.pagenation-pos{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px; color: #6a6868;}
.pagenation-pos span{padding-right: 3px; padding-left: 3px; font-size: 1.2em;}
.pagenation-list{margin: 20px 0 0; display: flex; list-style: none; justify-content: center; align-items: center;}
.pagenation-list__unit{box-sizing: border-box; margin: 5px;}
.pagenation-list__unit a{color: #767171; display: block; border: 1px solid #bfb9b0; padding: 8px 15px; border-radius: 3px; transition: all 1s;}
.pagenation-list__unit a:hover{background: #bfb9b0; color: #fff;}
.pagenation-list__unit span{border: 1px solid #bfb9b0; padding: 8px 15px; background: #bfb9b0; border-radius: 3px; color: white;}
.pagenation-list__navi-end a{display: flex; align-items: center; padding: 0 20px;}
.pagenation-list__navi-end a i{border-bottom: 1px solid #3a3333; border-right: 1px solid #3a3333; height: 12px; width: 12px; display: inline-block;}
.pagenation-list__navi-end a i.pager-next{transform: rotate(-45deg);}
.pagenation-list__navi-end a i.pager-preview{transform: rotate(135deg);}

/* banner */
.contents-sub-banner-list,.contents-main-banner-list,.contents-accent-banner-list{margin-bottom: 60px;}

/* free page */
.contents-free{padding-bottom: 60px;}
.contents-free ul,.contents-free ol{margin: 0 0 10px 25px; padding: 0;}
.contents-free__seciton{width: 100%; margin: 0 auto;}
.free-content__title{text-align: left; font-weight: 200; font-size: 32px; margin: 30px 0;}
.free-content__subtitle{font-size: 20px; font-weight: 300; margin: 30px 0; border-bottom: 1px solid #cbc7b9; padding: 0 0 5px;}
#contents-free ul,#contents-free ol{margin: 10px auto; padding: 0;}
.recipe-ingredients_title{margin: 1em 0;}
.recipe-ingredients{list-style: none; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#contents-free ol li{margin-top: 30px;}
.recipe-ingredients li img{width: 20%;}
.free-content__alert-text{color: #e63935; text-decoration: underline;}
.recipe_subtitle{margin: 15px 0 10px; background: #baa051; padding: 0.25em 0 0.25em 10px; color: white; font-size: 0.8em;}
#contents-free dl{padding: 0;}
#contents-free dl dt{font-weight: 500; font-size: 20px; color: #a39055; margin-bottom: 0.25em;}
#contents-free dl dt::before{content: ""; width: 12px; height: 1px; background: #a39055; display: inline-block; vertical-align: middle; margin-right: 3px;}
#contents-free dl dd{margin: 0; padding: 0 0 0 15px;}
.free__about-wrapping{list-style: none; display: flex; justify-content: space-between; padding: 0; margin: 0;}
.free__about-wrapping li{padding: 0; margin: 0 10px; width: 30%;}
#contents-free figure{padding: 0; margin: 0;}
#contents-free figure figcaption{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 12px; padding: 0.5em 0;}
.free__wrapping-noshi-list figure img{width: 100%;}
.free__wrapping-noshi-list{display: flex; align-items: center; margin: 10px 0;}
.free__wrapping-noshi-list p{padding: 0 0 0 30px; font-size: 0.8em;}
.free__wrapping-noshi-img{display: block; margin: 0 auto; width: 100%; text-align: center;}
.free__wrapping-noshi-img img{width: 100%;}
.free__wrapping-noshi-subtitle{font-size: 12px;}
.free__wrapping-noshi-subtitle span{display: block; font-weight: 500; font-size: 1.2em; margin: 10px 0;}
.free__wrapping-noshi-title{font-weight: 200; font-size: 32px; margin: 10px 0 0; text-align: center;}
.free__wrapping-noshi-title img{width: 50%; display: block; margin: 0 auto;}
.free__wrapping-noshi-title + p {text-align: center; font-size:14px;}
.free__wrapping-noshi_bg{background: white; padding: 20px; width: 80%; margin: 50px auto; border-radius: 5px;}
.free__wrapping-noshi-title::after{display: block; content: ""; width: 95%; height: 1px; background: #cbc7b9; margin: 10px auto;}
.free__wrapping-noshi-kinds{width: 90%; margin: 0 auto; list-style: none;}
.free__wrapping-noshi-kinds li{padding: 5px 0;}
.free__wrapping-noshi-kinds li::before{content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 1px; background: #554361; margin-right: 5px;}
.free_shopping-guide-link-list{list-style: none; width: 100%; display: grid; grid-template-columns: repeat(auto-fill, 220px); grid-gap: 5px; margin: 0 auto 50px;}
.free_shopping-guide-link-list li a{width: 100%; display:block; color: #3a3333; padding: 1em 0.5em; border: 1px solid #cbc7b9; border-radius: 2px; background: white;}
.free_shopping-guide-link-list li a.free_shopping-guide-link-active{background: #baa051; color: white; border: 1px solid #baa051;}
.free_shopping-guide{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.free_shopping-guide-title{background: white; padding: 0.7em 0.5em; border-radius: 2px; font-size: 18px; border: 1px solid #cbc7b9; line-height: 1;}
.free_shopping-guide-title span{font-size: 16px; width: 30px; height: 30px; display: inline-flex; align-items: center; padding: 0 0.7em 0; margin: 0 10px; background: #baa051; color: white; font-weight: 200;}
.free_shopping-guide p{line-height: 1.5; margin: 0.25em 0;}
.free_shopping-guide a{color: #3a3333; text-decoration: none;}
.free_shopping-guide a::before{content: ""; display: inline-block; width: 6px; height: 1px; background: #746c79; margin-right: 3px; vertical-align: middle;}
.free_shopping-guide a:hover{text-decoration: underline;}
.free_shopping-guide-subtitle{font-weight: bold; margin: 30px 0 5px;}
.free_shopping-guide-subtitle span{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; display: inline-block; margin: 0 10px; font-weight: 200; font-size: 0.9em;}
.free_about-delivery p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; margin: 0.25em 0;}
.free_about-delivery table{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; border: 1px solid #baa051; text-align: left; width: 100%; background: white;}
.free_about-delivery table caption{font-size: 1.2em; padding: 0.5em 0; font-weight: bold;}
.free_about-delivery table tr{border-bottom: 1px solid #baa051;}
.free_about-delivery table tr th{background: #f9f2df;}
.free_about-delivery table tr th span{font-weight: 200; font-size: 0.8em; display: block;}
.free_about-delivery table tr th,.free_about-delivery table tr td{border-right: 1px solid #baa051; padding: 10px;}
.free_about-delivery table tr th:last-child,.free_about-delivery table tr td:last-child{border-right: none;}
.free_about-delivery-map{width: 90%; height: 350px; display: block; margin: 0 auto;}
.free_about-delivery-map iframe{width: 100%; height: 100%;}
.free_about-delivery ul{list-style: none; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.free_about-delivery ul li{padding: 0.25em 0;}
.free_about-delivery h5{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 14px; margin: 0.25em 0 0;}
.free_about-delivery a{color: #3a3333; display: inline-flex; align-items: center;}
.free_about-delivery a img{width: 12px; margin-right: 5px;}
.free_about-delivery a p:hover{text-decoration: underline;}


@media screen and (max-width: 980px){
  #contents{width: 100%;}
  #base_gmoWrapp,#gmo_CMSPbar{overflow: hidden; min-width: 100%!important; width: 100% !important;}
  /* layout */.container{width:100%;}
  /* module */.menu__section{margin-bottom: 0; border-radius: 0; border: none;}
  .menu__title-h2{padding: 13px 0 13px 18px; color: #fff; background: #a39055;}
  .menu__suffix{padding-left: 10px;}
  .product-list__title{width: 100%;}
  .breadcrumb-list{font-size: 12px;}
  /* header */
	.header-tools li a .header-tools__unit-text{display: none;}
	.header-search-form .header-search-wrap{width: 90%;}
	.header-search{display: inline-block;}
	.header-search__select{width: 100%;}
	.header-search__box{width: 80%; margin-top: 10px;}
  /* global navigation */.gnavi{display: none;}
  /* slider */.slider{padding-top: 0; padding-bottom: 0;}
  .slider__inner{height: auto; width: 100%;}
  /* main */.main__section{padding-top: 20px;}
  .main__section--top {padding-top: 20px;}
  .main__inner{padding: 0 10px; display: block;}
 /* sidebar */
#sidebar{padding: 0 20px; margin: 20px 0; width: 100%;}
  .side__ranking li.side__ranking-inner{display: block;}
  .side__ranking-btn-label{display: none;}
	.side__menu::after{display: none;}
	.side__pick-up{margin-bottom: 30px; display: block;}
	.side__pick-up::after{display: block; content: ""; width: 100%; height: 1px; background: #baa051;}
	.side__pick-up li a img{width: 50%;}
	.side__pick-up-text{display: inline-block; padding: 0 10px;}
	input.sidebar-search__box{width: 80%; padding: 1.5em 1em;}
	.side__ranking{scroll-snap-type: x mandatory; display: flex; overflow-x: scroll; margin: 0 auto; width: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
	.side__ranking li{width: 280px; margin: 0 10px; flex-shrink: 0;}
  .seller-list-left__name--downer{margin-top: 10px; margin-left: 0;}
  .sidebar-banner-list{padding: 60px 20px 0;}
  .sidebar-banner-list__unit{margin: 0 0 30px;}
  /* contents */
  .contents-main{padding: 0;}
  .contents-sub{display: none;}
.contents-free__seciton{max-width: 100%;}
  /* footer */.mail-mag__inner{padding-right: 20px; padding-left: 20px;}
  .mail-mag__box{margin-right: 0; margin-bottom: 10px; padding: 8px; height: auto; width: 100%;}
  .mail-mag__btn{height: auto; width: 49%; padding: 8px 0; font-size: 0.85714em;}
  .guide{padding: 0 20px;}
  /* product list */.sort__section{padding-bottom: 30px; position: static;}
  .sort__sub-layer{width: 100%;}
}
@media screen and (max-width: 768px){
  .slider.bx-wrapper.bx-caption span{padding: 10px 20px; font-size: 1em;}
	.main__inner{margin: 0 auto; width: 100%; padding: 0; display: block;}
	#sidebar{margin: 0 auto; padding: 0; width: 100%;}
	.side__ranking li{width: 200px; margin: 0 10px; flex-shrink: 0;}
  .top-page-area-wrap{padding: 0 10px;}
  /* footer */
	.footer_contents-wrap{max-width:100%; padding: 10px; display: block;}
	.footer_store-info{max-width: 100%; display: block;}
	.footer_store-info-list{display: flex;}
	.footer_store-info-list li{width: 45%;}
	.footer_store-info-list li a img {width: 100%;}
	.footer_address img{display: block; margin:0 auto;}
	.footer_guide-link-list{margin: 0 auto; width: 100%; justify-content: center;}
	.footer_guide-link-list li ul{display: none;}
	a.footer_address-inquiry-btn{display: block; margin: 0 auto 30px; width: 80%;}
  .mail-mag i{padding-right: 0; padding-bottom: 20px; display: block;}
  .guide__inner{padding: 30px 0;}
  .shop-owner{margin-bottom: 30px; text-align: center;}
  .shop-owner__image{margin-right: 0; margin-bottom: 20px; float: none;}
  .shop-owner__info{float: none;}
  .shop-owner__name{margin-bottom: 10px;}
  .sns-list{margin-right: auto; margin-left: auto;}
  .pagetop__section{padding: 0;}
  .fnavi-list{font-size: 0.78571em; line-height: 1.8;}
  .guide-list__link{color: #fff;}
  .guide-list__link:hover{color: #999999;}
  /* pagenation */.pagenation-list__navi-end{margin: 0 22px;}
  .top-btn{margin: 0 auto; overflow:hidden; max-width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap;}
  .t-btns{float:left; width: 45%; text-align:center; margin: 0 auto; padding-bottom: 1.5em; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .contents-free__seciton{max-width: 95%;}
}
/* group */
.group_area{padding: 0; margin: 0 auto; text-align:center; max-width: 750px;}
.group_area .red_text{color: #dc352f; font-weight: bold;}
.group_area_copy_text{font-size: 2em; margin: 1.5em 0; line-height: 1.3;}
.group_ranking_area{max-width: 750px; margin: 1.5em auto; background-color: white;}
.group_ranking_flex_box{display: flex; margin: 0; padding: 0; justify-content: center;}
.group_ranking_flex_box a {width: 100%;}
.group_flex_box_wrap {display: flex; justify-content: space-around; max-width: 750px; text-align: left; margin: 1.5em auto; align-items: center; }
.group_flex_box_wrap:nth-child(odd){flex-direction: row-reverse;}
.group_flex_box_wrap div{width: 50%;}
.group_flex_title{font-size: 28px;}
.group_large_text{font-size: 1.2em; line-height: 1.5;}
.group_recommend_list{list-style: none;}
.group_recommend_list li{margin: 0 1em;}
.group_recommend_list li img{width: 95%; margin: 0 auto;}
.group_recommend_price{color: #c60900; font-size: 1.2em;}
.group_recommend_name{padding: 0.5em 0; display: inline-block;}