@charset "utf-8";

/* common
================================================== */
#directSCT .target:after,
#contents .section .cont:after,
#contents .section .box:after,
#contents .section .block:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#directSCT .target,
#contents .section .cont,
#contents .section .box,
#contents .section .block {
zoom: 1;
}
#contents {
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 0.0em;
text-align: center;
}
#pageBody {
background: none;
zoom: 100%;
}

/* #mainVisual
================================================== */
#mainVisual {
position: relative;
overflow: hidden;
}
#mainVisual img {
position: relative;
left: 50%;
transform: translateX(-65%);
width: auto;
height: 260px;
}
#mainVisual .cont {
position: relative;
}
#mainVisual .cont h1 {
box-sizing: border-box;
position: absolute;
left: 15px;
bottom: 0;
background: url("/shop_list/img/tit_bg.png") no-repeat center top;
background-size: auto 60px;
padding-right: 21px;
width: 246px;
height: 57px;
font-size: 24px;
font-weight: normal;
line-height: 57px;
text-align: center;
z-index: 1;
}

/* mainContents section
================================================== */
#contents a:hover img {
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

#directSCT {}
#directSCT .cont {
padding: 38px 20px 0 20px;
text-align: left;
}
#directSCT .lead {
margin-bottom: 25px;
font-size: 14px;
line-height: 2;
}
#directSCT .target {
padding-bottom: 26px;
}
#directSCT .target li {
float: left;
margin-right: 30px;
margin-bottom: 23px;	
font-size: 14px;
}
#directSCT .target li i {
display: inline-block;
margin-right: 5px;
color: #88aa22;
}
#directSCT .target li a {
color: #000;
}
#directSCT h2 {
background-color: #ddeebb;
margin-bottom: 30px;
padding: 0 12px;
height: 44px;
font-size: 20px;
font-weight: normal;
line-height: 44px;
}
#directSCT .block {
margin-bottom: 58px;
}
#itemSCT .block {
margin-bottom: 70px;
}
#itemSCT .block:last-child {
margin-bottom: 55px;
}
#itemSCT .slider,
#directSCT .slider {
overflow: hidden;
}
#itemSCT .slider img,
#directSCT .slider img {
width: 100%;
height: auto;
}
#itemSCT .pack,
#directSCT .pack {
padding: 29px 0 0 0;
}
#directSCT .pack .ctg {
margin-bottom: 0;
font-size: 12px;
color: #88aa22;
}
#itemSCT .pack h3,
#directSCT .pack h3 {
margin-bottom: 21px;
font-size: 20px;
font-weight: normal;
}
#itemSCT .pack h3,
#directSCT .pack h3 {
margin-bottom: 21px;
font-size: 20px;
font-weight: normal;
}
#itemSCT .pack p,
#directSCT .pack p {
margin-bottom: 27px;
font-size: 14px;
line-height: 2;
}
#itemSCT .pack dl,
#directSCT .pack dl {
padding-top: 5px;
font-size: 14px;
line-height: 1.73;
}
#itemSCT .pack dt,
#directSCT .pack dt {
float: left;
color: #88aa22;
}
#itemSCT .pack dt i,
#directSCT .pack dt i {
position: relative;
top: 7px;
display: inline-block;
}
#itemSCT .pack dd,
#directSCT .pack dd {
margin-bottom: 12px;
margin-left: 1.5em;
}
#itemSCT .pack dd:last-child,
#directSCT .pack dd:last-child {
margin-bottom: 0;
}
#itemSCT .pack dd a,
#directSCT .pack dd a {
color: #000;
}
#directSCT .expArea {
padding-bottom: 40px;
}
#directSCT .mapArea {
position: relative;
clear: both;
}
#directSCT .mapArea p {
margin-top: 27px;
font-size: 12px;
text-align: right;
}
#directSCT .mapArea p a {
text-decoration: underline;
color: #000000;
}
#directSCT .map {
clear: both;
margin: 0 -20px;
height: 300px;
}
#listLink {
margin: -10px 0 60px 0;
}
#listLink a {
box-sizing: border-box;
display: block;
background-color: #fff;
border: solid 2px #ddd;
color: #000;
height: 60px;
font-size: 18px;
text-align: center;
line-height: 58px;
}
#listLink i {
margin-left: 5px;
}

#itemSCT {
background-color: #ddeebb;
}
#itemSCT .cont {
padding: 33px 20px 0 20px;
text-align: left;
}
#itemSCT h2 {
margin-bottom: 24px;
font-size: 20px;
font-weight: normal;
}

.slider {
position: relative;
}
.slider-counter {
position: absolute;
bottom: 0;
right: 0;
width: 150px;
height: 36px;
text-align: center;
font-size: 11px;
line-height: 36px;
color: #999;
}
.slider-counter i,
.slider-counter span {
font-style: normal;
color: #000;
}

/* bxslider */
.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
overflow: hidden;
}
#directSCT .bx-wrapper .bx-controls {
position: absolute;
bottom: 0;
right: 0;
background-color: #fff;
width: 112px;
height: 36px;
}
#itemSCT .bx-wrapper .bx-controls {
position: absolute;
bottom: 0;
right: 0;
background-color: #ddeebb;
width: 112px;
height: 36px;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper .bx-next {
right: 0;
}
.bx-wrapper .bx-controls-direction a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
position: absolute;
top: 0;
outline: 0;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
z-index: 99;
color: #000;
}
.bx-wrapper .bx-controls-direction a::before{
top: calc(50% + -3px);
}
.bx-wrapper .bx-controls-direction a::after{
left: 50%;
right: auto;
width: 20px;
transform: translate(-50%, -50%);
}
.bx-wrapper .bx-controls-direction .bx-prev::before {
left: calc(50% - 10px);
}
.bx-wrapper .bx-controls-direction .bx-next::before {
left: calc(50% + 10px);
}
.bx-wrapper .bx-controls-direction i {
display: block;
position: absolute;
top: 0;
outline: 0;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
z-index: 99;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
color: #88bb22;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

#listTITLE{margin:0 20px 26px 20px;text-align:left;}
#listTITLE h1{display:inline-block;margin-bottom:33px;font-size:24px;font-weight:normal;line-height:1.2;}
#listTITLE .back{display:inline-block;margin-left:1em;font-size:1.1rem;letter-spacing:0;}
#listTITLE .back::before{content:"\03e";margin-right:5px;}
#listTITLE .back a{color:#1d1d1d;}
#listTITLE p{font-size:12px;line-height:1.68;}

#listSearch .cont{margin:0 20px;}
#listSearch .form{position:relative;height:40px;margin-top:25px;}
#listSearchBoxInput{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1em;font-size:1.6rem;border:1px solid #ccc;border-radius:4px;}
#listSearchBoxInput::placeholder{color:#999;}
#listSearchButton{position:absolute;top:0;right:0;width:40px;height:100%;border-top:none;border:1px solid #ccc;background:url(/common/img/icon_search.png) center center / auto auto no-repeat #f7f7f7;border-radius:0 4px 4px 0;}
#listSearch .text{margin-top:20px;font-size:1.5rem;line-height:2;text-align:left;letter-spacing:0;}

#listMap{margin-top:25px;}
#listMap .cont{width:100%;}
#listMap .map{position:relative;width:100%;height:0;padding-top:66.4%;}

#listSCT{margin-top:25px;}
#listSCT .cont{text-align:left;}
#listSCT .cont + .cont{margin-top:30px;}
#listSCT .pagelink{display:flex;justify-content:center;gap:1em 2em;flex-wrap:wrap;margin:0 20px;}
#listSCT .pagelink > li a{position:relative;padding-right:12px;color:#1d1d1d;font-size:1.4rem;}
#listSCT .pagelink > li a::after{content:'';position:absolute;top:7px;right:0;width:5px;height:5px;border:0px;border-top:solid 1.5px #1d1d1d;border-right:solid 1.5px #1d1d1d;transform:rotate(135deg);}
#listSCT h2{font-size:1.8rem;font-weight:500;text-align:center;}
#listSCT .list{margin-top:20px;}
#listSCT .target{padding:0 20px 18px;font-size:14px;border-bottom:solid 1px #eee;}
#listSCT .target li{display:inline-block;}
#listSCT .target li::after{content:"|";padding:0 10px;display:inline-block;color:#ccc;}
#listSCT .target li:last-child::after{display:none;}
#listSCT .target li span{color:#000;}
#listSCT .target li span.active{font-weight:bold;}
#listSCT .area{display:none;}
#listSCT .area.active{display:block;border-top:1px solid #ddd;}
#listSCT .block{border-bottom:solid 1px #ddd;padding:15px 20px;}
#listSCT .block h3{margin-bottom:0.5em;font-size:1.8rem;font-weight:500;}
#listSCT .block dl{line-height:1.5;}
#listSCT .block dl > dt{padding:5px 10px;background-color:#f7f7f7;}
#listSCT .block dl > dd{padding:10px 0;}
#listSCT .block dl > dd .tel{position:relative;display:inline-block;padding:5px 10px 5px 25px;color:#1d1d1d;font-family:'Lato',sans-serif;line-height:1;letter-spacing:0;border:1px solid #ddd;border-radius:12.5px;background-color:#fff;}
#listSCT .block dl > dd .tel::before{content:"";position:absolute;left:8px;top:50%;width:12px;height:13px;background:url(/common/img/icon_tel.png) left top / 100% auto no-repeat;transform:translateY(-50%);}
#listSCT .block dl > dd .tel:hover{text-decoration:none;opacity:0.8;}
#listSCT .note{margin:30px 20px 0;}
#listSCT .note > li{margin-left:1.2em;color:#1d1d1d;font-size:1.2rem;text-indent:-1.2em;line-height:1.68;}

#topLinks{margin:0 auto;padding:15px 20px 35px 20px;text-align:left;}
#topLinks p{font-size:11px;color:#666;}
#topLinks p a{font-size:11px;color:#666;}
#topLinks p strong{font-weight:normal;}

#bottomLinks{padding-top:15px;}