@charset "UTF-8";


#slider_store {max-width: 600px;min-width: 600px;margin: 0 auto;padding: 0 0 20px;}
#slider {margin: 0 0 10px;}
.slide-item img {width: 100%;}
#thumbnail-list {
width: 600px;
margin: 0 auto;
padding: 0 0 60px;
/*display: flex;
justify-content: space-between;*/
flex-wrap: wrap;
text-align: center;
letter-spacing: -1em;
}
.thumbnail-item {
display: inline-block;
letter-spacing: 0;
background: #eeeeee;
width: 20%;
margin: 0 2px;
border: 2px solid #ffffff;
box-sizing: border-box;
position: relative;
cursor: hand; cursor:pointer;
}
.thumbnail-item:after {
content: '';
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity linear;}
.thumbnail-item.thumbnail-current:after {opacity: 0;}
.thumbnail-item img {width: 100%;margin: 0 auto;}


.slide-arrow {position: absolute;top: 50%;margin-top: -30px;}
.prev-arrow {left: 0;width: 60px;height: 60px;cursor: hand; cursor:pointer;}
.next-arrow {right: 0;width:60px;height:60px;cursor: hand; cursor:pointer;}


@media screen and (max-width: 959px) {
#slider_store {width: 100%;min-width: inherit; margin: 0 auto;padding: 0 0 2%;}
#slider {margin: 0 0 10px;}
.slide-item img {width: 100%;}
#thumbnail-list {
width: 100%;
margin: 0 auto;
padding: 0 0 5%;
/*display: flex;
justify-content: space-between;*/
flex-wrap: wrap;
text-align: center;
letter-spacing: -1em;
}
.thumbnail-item {
display: inline-block;
letter-spacing: 0;
background: #eeeeee;
width: 12%;
margin: 0;
border: 2px solid #ffffff;
box-sizing: border-box;
position: relative;
}
.thumbnail-item:after {
content: '';
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {opacity: 0;}
.thumbnail-item img {width: 100%;margin: 0 auto;}


.slide-arrow {position: absolute;top: 50%;margin-top: -12px;}
.prev-arrow {left:0;width:25px;height: 25px;z-index: 99;}
.next-arrow {right:0;width:25px;height:25px;z-index: 99;}
}
@media screen and (max-width: 767px) {
article {padding: 60px 0 0;}
#slider_store {width: 100%!important;min-width: inherit!important; margin: 0 auto;padding: 0 0 2%;}
#slider {margin: 0 0 2%;}
.slide-item img {width: 100%;}
#thumbnail-list {
width: 100%;
margin: 0 auto;
padding: 0 0 10%;
/*display: flex;
justify-content: space-between;*/
flex-wrap: wrap;
text-align: center;
letter-spacing: -1em;
}
.thumbnail-item {
display: inline-block;
letter-spacing: 0;
background: #eeeeee;
width: 23%;
margin: 0 1% 0 0;
border: 2px solid #ffffff;
box-sizing: border-box;
position: relative;
}
.thumbnail-item:after {
content: '';
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {opacity: 0;}
.thumbnail-item img {width: 100%;margin: 0 auto;}


.slide-arrow {position: absolute;top: 50%;margin-top: -12px;}
.prev-arrow {left:0;width:25px;height: 25px;z-index: 99;}
.next-arrow {right:0;width:25px;height:25px;z-index: 99;}
}





/*
body {padding: 128px 0 0;}
*/
article {padding: 230px 0 0;}
.store {background: #fef2e0;padding:0 0 100px;}
.store_block {width: 1160px;margin: 0 auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}

#store_slider {width: 800px; display: inline-block;position: relative;}
#store_data {width: 360px; position: absolute;top: 0;right: 0;}
#store_data dl {min-height: 600px; background: #ffffff;}
#store_data dl dt.name {background: #f7891c;color: #ffffff; font-size: 28px;line-height: 68px;height: 68px;text-align: center;}
#store_data dl dd {padding: 20px 20px 0;}
#store_data dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#store_data dl dd dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 38%;margin: 0 0 20px;padding: 0;}
#store_data dl dd dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 62%;margin: 0 0 20px;padding: 0;}
#store_data dl dd dl dt.call {font-size: 14px;line-height: 28px;font-weight: 700;}
#store_data dl dd dl dd.call {font-size: 18px;line-height: 28px;font-weight: 700;color: #ff0000;}




@media screen and (max-width: 959px) {
/*
body {padding: 128px 0 0;}
*/
.store {background: #fef2e0;padding:0 0 50px;}
.store_block {width: 90%;margin: 0 auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}

#store_slider {width: 60%; display: inline-block;}
#store_data {width: 40%;position: absolute;top: 0;right: 0;}
#store_data dl {min-height: 312px; background: #ffffff;}
#store_data dl dt.name {background: #f7891c;color: #ffffff; font-size: 22px;line-height: 48px;height: 48px;text-align: center;}
#store_data dl dd {padding: 10px 10px 0;}
#store_data dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#store_data dl dd dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 38%;margin: 0 0 10px;padding: 0;}
#store_data dl dd dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 62%;margin: 0 0 10px;padding: 0;}
#store_data dl dd dl dt.call {font-size: 14px;line-height: 28px;font-weight: 700;}
#store_data dl dd dl dd.call {font-size: 18px;line-height: 28px;font-weight: 700;color: #ff0000;}

}




@media screen and (max-width: 767px) {
article {padding: 60px 0 0;}
body {padding:0;}
.store {background: #fef2e0;padding:0 0 5%;}

.store_block {width: 90%;margin: 0 auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:inherit;
}

#store_slider {width: 100%; display: block;}
#store_data {width: 100%;display: block;position: inherit;}
#store_data dl {min-height: inherit; background: #ffffff;}
#store_data dl dt.name {background: #f7891c;color: #ffffff; font-size: 18px;line-height: 38px;height: 38px;text-align: center;}
#store_data dl dd {padding: 5% 5% 0;}
#store_data dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#store_data dl dd dl dt {font-size: 12px;line-height: 18px;font-weight: 700; display: inline-block;width: 38%;margin: 0 0 5%;padding: 0;}
#store_data dl dd dl dd {font-size: 12px;line-height: 18px;display: inline-block;;width: 62%;margin: 0 0 5%;padding: 0;}
#store_data dl dd dl dt.call {font-size: 12px;line-height: 26px;font-weight: 700;}
#store_data dl dd dl dd.call {font-size: 16px;line-height: 26px;font-weight: 700;color: #ff0000;}
}






#acsess {width: 1160px;margin: 0 auto;}
#acsess dl {padding: 40px;background: #f9f9f9;}
#acsess dl dt {font-size: 28px;line-height: 38px;height: 38px;margin: 0 0 40px;}
#acsess dl dd {}
#acsess dl dd iframe {width: 100%;height: 480px;}
@media screen and (max-width: 959px) {
#acsess {width: 90%;margin: 0 auto;}
#acsess dl {padding: 40px;background: #f9f9f9;}
#acsess dl dt {font-size: 22px;line-height: 32px;height: 32px;margin: 0 0 40px;}
#acsess dl dd {}
#acsess dl dd iframe {width: 100%;height: 480px;}

}
@media screen and (max-width: 767px) {

#acsess {width: 90%;margin: 0 auto;}
#acsess dl {padding: 5%;background: #f9f9f9;}
#acsess dl dt {font-size: 18px;line-height: 28px;height: 32px;margin: 0 0 5%;}
#acsess dl dd {}
#acsess dl dd iframe {width: 100%;height: 300px;}
}






#information {width: 1160px;margin: 0 auto;}
#information dl {background: #ffffff;padding: 40px 0 ;}
#information dl dt.title {font-size: 28px;line-height: 68px;height: 68px;text-align: center;}
#information dl dd {padding: 40px 80px 20px;}
#information dl dd #information_box {height: 320px;overflow-y: scroll;}
#information dl dd #information_box dl {width: 100%;padding: 0; min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd #information_box dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 15%;margin: 0 0 20px;padding: 0;}
#information dl dd #information_box dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 85%;margin: 0 0 20px;padding: 0;}
#information dl dd #information_box dl dd a {color: #404040;}
#information dl dd #information_box dl dd a:hover {color: #f7891c;}
#information dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd ul li {width: 48%;margin: 0 4% 0 0;}
#information dl dd ul li:nth-child(2n) {margin: 0;}
#information dl dd ul li img {width: 100%;}
#information dl dd ul li a:hover img {opacity: 0.5;}

@media screen and (max-width: 959px) {
#information {width: 90%;margin: 0 auto;}
#information dl {background: #ffffff;padding: 40px 0 ;}
#information dl dt.title {font-size: 22px;line-height: 32px;height:32px;text-align: center;}
#information dl dd {padding: 40px 40px 0;}
#information dl dd #information_box {height: 320px;overflow-y: scroll;}
#information dl dd #information_box dl {width: 100%;padding: 0; min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd #information_box dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 15%;margin: 0 0 20px;padding: 0;}
#information dl dd #information_box dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 85%;margin: 0 0 20px;padding: 0;}
#information dl dd #information_box dl dd a {color: #404040;}
#information dl dd #information_box dl dd a:hover {color: #f7891c;}
#information dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd ul li {width: 48%;margin: 0 4% 0 0; background: #f0f0f0;}
#information dl dd ul li:nth-child(2n) {margin: 0;}
#information dl dd ul li img {width: 100%;}

}
@media screen and (max-width: 767px) {
#information {width: 90%;margin: 0 auto;}
#information dl {background: #ffffff;padding: 5% 0 ;}
#information dl dt.title {font-size: 22px;line-height: 32px;height:32px;text-align: center;}
#information dl dd {padding: 5% 5% 0;}
#information dl dd #information_box {height: 300px;overflow-y: scroll;overflow-x: hidden;}
#information dl dd #information_box dl {width: 100%;padding: 0; min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd #information_box dl dt {font-size: 10px;line-height: 16px;font-weight: 700; display: inline-block;width: 100%;margin: 0 0 2%;padding: 0;}
#information dl dd #information_box dl dd {font-size: 10px;line-height: 16px;display: inline-block;;width: 100%;margin: 0 0 10%;padding: 0;}
#information dl dd #information_box dl dd a {color: #404040;}
#information dl dd #information_box dl dd a:hover {color: #f7891c;}
#information dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#information dl dd ul li {width: 100%;margin:0 0 5%; background: #f0f0f0;}
#information dl dd ul li:nth-child(2n) {margin: 0;}
#information dl dd ul li img {width: 100%;}

}









#outline {width: 960px;margin: 0 auto;}
#outline dl {background: #ffffff;}
#outline dl dt.title {background: #f7891c;color: #ffffff; font-size: 28px;line-height: 68px;height: 68px;text-align: center;}
#outline dl dd {padding: 40px 80px 20px;}
#outline dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#outline dl dd dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 20%;margin: 0 0 20px;padding: 0 0 0 2%;border-left: 1px solid #f7891c;}
#outline dl dd dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 75%;margin: 0 0 20px;padding: 0;}

@media screen and (max-width: 959px) {
#outline {width: 90%;margin: 0 auto;}
#outline dl {background: #ffffff;}
#outline dl dt.title {background: #f7891c;color: #ffffff; font-size: 22px;line-height: 52px;height: 52px;text-align: center;}
#outline dl dd {padding: 40px 40px 20px;}
#outline dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#outline dl dd dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;width: 20%;margin: 0 0 20px;padding: 0 0 0 2%;border-left: 1px solid #f7891c;}
#outline dl dd dl dd {font-size: 14px;line-height: 20px;display: inline-block;;width: 75%;margin: 0 0 20px;padding: 0;}

}
@media screen and (max-width: 767px) {

#outline {width: 90%;margin: 0 auto;}
#outline dl {background: #ffffff;}
#outline dl dt.title {background: #f7891c;color: #ffffff; font-size: 18px;line-height: 38px;height: 38px;text-align: center;}
#outline dl dd {padding: 5% 5% 0;}
#outline dl dd dl {width: 100%;min-height: inherit; text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#outline dl dd dl dt {font-size: 12px;line-height: 18px;font-weight: 700; display: block;width: 100%;margin: 0 0 5%;padding: 0 0 0 2%;border-left: 1px solid #f7891c;}
#outline dl dd dl dd {font-size: 12px;line-height: 18px;display:block;;width: 100%;margin: 0 0 5%;padding: 0;}
}



.marquee_text {margin: 0;padding: 0.5em 0;background: rgba(255,255,255,0.5);position: absolute;top: 0;width: 100%;}
.marquee_text p {font-size: 18px;line-height: 1.6;font-weight: 700;}
@media screen and (max-width: 959px) {
.marquee_text {margin: 0 0 5%;}
.marquee_text p {font-size: 14px;line-height: 1.6;font-weight: 700;}

}
@media screen and (max-width: 767px) {
.marquee_text {margin: 0 0 10%;}
.marquee_text p {font-size: 3vw;line-height: 1.6;font-weight: 700;}
}