@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------- */

/*	2020/04/17 IKEDA */
/*	緊急情報用 */
#top-information{
	margin-bottom:35px;
	padding:20px;
	text-align:center;
    border: solid 1px #FF0000;
    width: 80%;
    color: #ff0000;
}
/*	2020/04/21 IKEDA */


button, input[type="submit"], input[type="button"] {border: 0 none;background: none;cursor: pointer;}
.inner {width: 1200px;margin: auto;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;}

#showroom-main{width: 100%;height: 400px;position: relative;background: url( ../images/main_showroom.jpg) no-repeat center;background-size: cover;}
#index-main {width: 100%;height: 670px;position: relative;background: url( ../images/mainView.jpg) no-repeat center;background-size: cover;}
#showroom-main h2,
#index-main h2 {position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}

/* .info-txt{margin-top:60px;margin-bottom: 130px;padding: 20px;text-align: left; border: solid 1px #CACACA;} */
.info-txt{margin: 60px auto 130px; padding: 20px 30px;max-width: 900px; text-align: left; border: solid 1px #CACACA;}


#showroom {margin: 30px auto 100px auto;}
#showroom h2.ttl{font-weight:normal;font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;font-size:24px;margin-bottom:40px;text-align: center;}

#showroomW {width: 100%;margin-bottom: 70px;position: relative;}
#showroomW img {width: 100%;}
#showroomW p {width: 550px;margin: -50px 0 auto auto;display: block;font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;font-weight: 600;line-height: 1.8;}
#showroom p em {color: #a30002;font-style: normal;}
#showroom .btn a {width: 480px;margin: auto;padding: 40px 0 50px 0;text-align: center;display: block;background: url(../images/btn_back.png) no-repeat center;text-decoration: none;color: #fff;font-size: 2.1rem;}
#showroom .btn a small {margin: 5px auto auto auto;padding-bottom: 3px;display: table;border-bottom: 1px solid #fff;}

#gallery {margin: 100px auto 120px auto;text-align: center;}
#gallery h4.ttl{font-weight:normal;font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;font-size:24px;margin-bottom:40px;}
#gallery ul {justify-content: space-between;}
#gallery ul li {width: 33%;}
#gallery ul li img {width: 100%;border-radius: 10px;-webkit-border-radius: 10px;	-moz-border-radius: 10px;}


/*====================*/
/*イベント・新着情報*/
/*====================*/

#galleryinfo,
#eventinfo2,
#eventinfo {margin: 80px auto;}

#galleryinfo .flex,
#eventinfo2 .flex,
#eventinfo .flex {justify-content: space-between;}

#galleryinfo .infobox,
#eventinfo2 .infobox,
#eventinfo .infobox {width: 45%;margin-bottom: 50px;}

#galleryinfo .infobox figure,
#eventinfo2 .infobox figure {
	position: relative;
	width: 100%;
	height: 326px;
	overflow: hidden;
}
#eventinfo .infobox figure {
	position: relative;
	width: 100%;
	min-height: 350px;
}
#galleryinfo .infobox figure img,
#eventinfo2 .infobox figure img {
	width:100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
}
#eventinfo .infobox figure img {
	width: 540px;
	height: 326px;
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover;';
}
#galleryinfo .infobox .figcaption,
#eventinfo2 .infobox .figcaption{padding: 15px 20px 10px 0;font-size: 1.4rem;font-family: 'メイリオ', Meiryo, "sans-serif";}
#eventinfo .infobox .figcaption {padding: 10px 20px 10px 0;font-size: 1.4rem;font-family: 'メイリオ', Meiryo, "sans-serif";}

#galleryinfo .infobox .figcaption span,
#eventinfo2 .infobox .figcaption span,
#eventinfo .infobox .figcaption span {margin-right: 15px;padding: 5px 10px;background: #ecebea;color: #505050; font-size: 1.6rem; font-weight:bold;}

#galleryinfo .infobox .event-date,
#eventinfo2 .infobox .event-date,
#eventinfo .infobox .event-date {
    background-color: #eae8ea;
    display: block;
    line-height: 1.6;
    padding: 2px 10px;
    margin-bottom: 10px;
    font-size:1.6rem;
    font-weight:bold;
}
#galleryinfo .infobox h4,
#eventinfo2 .infobox h4,
#eventinfo .infobox h4 {margin: 20px auto;padding-bottom: 20px;border-bottom: 1px solid #b3b3b3;font-size: 2rem;letter-spacing: 0.05em;}

#galleryinfo .infobox h4 a,
#eventinfo2 .infobox h4 a,
#eventinfo .infobox h4 a {color: #b28c93;text-decoration: none;}

#galleryinfo .infobox h4 span,
#eventinfo2 .infobox h4 span,
#eventinfo .infobox h4 span {margin-right: 15px;padding: 5px 25px;background: #ddb3bb;color: #fff;font-size: 1.8rem;}

#galleryinfo .infobox h5,
#eventinfo2 .infobox h5,
#eventinfo .infobox h5 {margin-bottom: 10px;font-size: 1.8rem;}

#galleryinfo .infobox h5 a,
#eventinfo2 .infobox h5 a,
#eventinfo .infobox h5 a {text-decoration: none;}


#eventinfo2 .infobox .showroon-news-icon,
#eventinfo .infobox .showroon-news-icon {position: relative;}


#eventinfo2 .infobox .showroon-news-icon,
#eventinfo .infobox .showroon-news-icon {padding: 10px 20px 10px 0; background: #fff;color: #646464;font-size: 1.8rem;font-style: italic;font-family: 'メイリオ', Meiryo, "sans-serif";}


#eventinfo2 .infobox .showroon-news-icon span,
#eventinfo .infobox .showroon-news-icon span {margin-right: 15px;padding: 5px 10px;background: #ecebea;color: #505050; font-family: 'Century Gothic', serif;font-size: 1.6rem;}


#galleryinfo .infobox h3.info,
#eventinfo2 .infobox h3.info,
#eventinfo .infobox h3.info {
	margin: 0 auto 10px;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    line-height: 32px;
    font-size: 18px;
}
#galleryinfo .infobox h3.info span,
#eventinfo2 .infobox h3.info span,
#eventinfo .infobox h3.info span {
	background-color: #eae8ea;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
}

#galleryinfo .infobox .figcaption span,
#galleryinfo .infobox figure figcaption span,
#eventinfo2 .infobox .figcaption span,
#eventinfo2 .infobox figure figcaption span,
#eventinfo .infobox .figcaption span,
#eventinfo .infobox figure figcaption span {
	color: #fff;
}
/*カテゴリの色*/

#galleryinfo .infobox .figcaption span.gallery {
    background-color: #b3bddd;
}

#eventinfo2 .infobox .figcaption span.cat-icon-product,
#eventinfo2 .infobox figure figcaption span.cat-icon-product,
#eventinfo .infobox .figcaption span.cat-icon-product,
#eventinfo .infobox figure figcaption span.cat-icon-product{
	background-color:#BBA685;
}
#eventinfo2 .infobox .figcaption span.cat-icon-event,
#eventinfo2 .infobox figure figcaption span.cat-icon-event,
#eventinfo .infobox .figcaption span.cat-icon-event,
#eventinfo .infobox figure figcaption span.cat-icon-event{
	background-color:#DDB3BB;
	/*background-color:#E1CC84;*/
}
#eventinfo2 .infobox .figcaption span.cat-icon-showroom,
#eventinfo2 .infobox figure figcaption span.cat-icon-showroom,
#eventinfo .infobox .figcaption span.cat-icon-showroom,
#eventinfo .infobox figure figcaption span.cat-icon-showroom{
	background-color:#DDB3BB;
}
#eventinfo2 .infobox .figcaption span.cat-icon-gallery,
#eventinfo2 .infobox figure figcaption span.cat-icon-gallery,
#eventinfo .infobox .figcaption span.cat-icon-gallery,
#eventinfo .infobox figure figcaption span.cat-icon-gallery{
	background-color:#B3BDDD;
}
#eventinfo2 .infobox .figcaption span.cat-icon-notice,
#eventinfo2 .infobox figure figcaption span.cat-icon-notice,
#eventinfo .infobox .figcaption span.cat-icon-notice,
#eventinfo .infobox figure figcaption span.cat-icon-notice{
	/*background-color:#A0CCC4;*/
	background-color:#8497b0;
}
#eventinfo2 .infobox .figcaption span.cat-icon-other,
#eventinfo2 .infobox figure figcaption span.cat-icon-other,
#eventinfo .infobox .figcaption span.cat-icon-other,
#eventinfo .infobox figure figcaption span.cat-icon-other{
	background-color:#A0CCC4;
}


#galleryinfo {margin: 50px auto 80px auto;}

#galleryinfo .gallery-article{border-top:1px solid #c8c8c8;padding:30px 0 20px;}
#galleryinfo .gallery-article:last-child{border-bottom:1px solid #c8c8c8;}
#galleryinfo .gallery-article figure{width:200px;}
#galleryinfo .gallery-article figure img{width:100%;}
#galleryinfo .gallery-article .infobox{width:940px;margin-left:30px;}
#galleryinfo .gallery-article .infobox h4 {color: #7482ae;font-size: 2rem;}
#galleryinfo .gallery-article .infobox h4 span.gallerymark {margin-left: 0px;margin-right: 15px;padding: 5px 10px;background: #ecebea;color: #505050;font-family: 'Century Gothic', serif; font-size: 1.6rem;font-style: italic;font-weight:normal;}
#galleryinfo .gallery-article .infobox h4 time{color: #646464;font-size: 1.8rem;font-style: italic;font-family: 'メイリオ', Meiryo, "sans-serif";text-decoration: none;font-weight:normal;}
#galleryinfo .gallery-article .infobox h4 span {margin-left: 15px;margin-right: 15px;padding: 5px 25px;background: #b3bddd;color: #fff;font-size: 1.8rem;}
#galleryinfo .gallery-article .infobox h5 {font-size: 1.8rem;margin-bottom: 10px;margin-top: 18px;}
#galleryinfo .gallery-article .infobox h5 a{text-decoration: none;}


#galleryinfo dl {}
#galleryinfo dl dt {width: 20%;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #ccc;font-size: 1.8rem;font-style: italic;}
#galleryinfo dl dt span {margin-right: 15px;padding: 5px 10px;background: #ecebea;color: #505050; font-family: 'Century Gothic', serif;}
#galleryinfo dl dd {width: 80%;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #ccc;}
#galleryinfo dl dd h4 {margin-bottom: 10px;color: #7482ae;font-size: 2rem;}
#galleryinfo dl dd h4 span {margin-right: 15px;padding: 5px 10px;background: #b3bddd;color: #fff;font-size: 1.8rem;}
#galleryinfo dl dd h5 {margin-bottom: 5px;font-size: 1.8rem;}

#report a {margin: 80px auto;padding: 50px 0 20px 0;display: block;background: #d0ceca;text-align: center;}
#report h2 {padding: 0 55px;position: relative;display: inline-block;font-size: 2rem;font-weight: 600;}
#report h2:before, #report h2:after{content: '';width: 45px;height: 1px;position: absolute;top: 50%;display: inline-block;background-color: #000;}
#report h2:before {left:0;}
#report h2:after {right: 0;}
#report h3 {margin: 15px auto 50px auto;}

#mystar {}
#mystar h3 small {margin-bottom: 10px;display: block;}
#mystarimg {width: 100%;height: 450px;position: relative;background: url( ../images/recruit_back.jpg) no-repeat center;background-size: cover;}
#mystarimg .box {width: 600px;padding: 50px;display: block;position: absolute;top: 70px;left: 50px;background: rgba(255,255,255,0.80);}
#mystarimg .box h4 {margin: auto auto 20px auto;text-align: center;font-size: 2.3rem;font-weight: 500;line-height: 1.8;font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;}
#mystarimg .box h4 small {margin-bottom: 10px;display: block;font-size: 2.3rem;font-weight: 400;}

/* --------------------------------------------------------------- */

#search {width: 100%;padding: 30px 0;justify-content: center;text-align: center;background: #f6f5f4;}
#search button {padding: 20px 50px 15px 50px;background: #a29d95;color: #fff;font-size: 1.7rem;cursor: default;}
#search button:before {content: "";width: 32px;height: 32px;margin: auto 10px auto auto;display: block;float: left;background: url(../images/i_search.png) no-repeat center;}
#search input[type="checkbox"] {display: none;}
#search label {padding: 20px 50px 20px 70px;position: relative;display: block;float: left;cursor: pointer;text-align: center;background: #fff;font-size: 1.7rem;}
#search label:after, #search label:before {content: "";position: absolute;top: 50%;display: block;}
#search label:after {width: 20px;height: 20px;margin-top: -12px;left: 30px;border: 1px solid #333;}
#search label:hover:after {border-color: #7f9780;}
#search label:before {width: 10px;height: 13px;top: 22px;left: 35px;border-right: 3px solid #7f9780;border-bottom: 3px solid #7f9780;transform: rotate(45deg);opacity: 0;}
#search input[type="checkbox"]:checked + label:before {opacity: 1;}

#searchList section {margin-bottom: 50px;}
#searchList section h3 {width: 100%;margin-bottom: 50px;padding: 15px 0 0 0;text-align: center;background: #a29d95;color: #fff;font-size: 2.5rem;font-weight: 500;letter-spacing: 0.05em;}
#searchList section h3 small {width: 100%;margin-top: 15px;padding: 10px 0;display: block;background: #f1f0ef;color: #333;font-size: 1.5rem;font-weight: 600;}
#searchList section ul {justify-content: flex-start;}
#searchList section ul li {width: 48%;margin-bottom: 40px;border: 1px solid #ededed;justify-content: space-between;}
#searchList section ul li:nth-child(odd) {margin-right: auto;}
#searchList section ul li a {text-decoration: none;}
#searchList section ul li figure {width: 40%;padding: 10px;}
#searchList section ul li figure img {width: 100%;height: 200px;object-fit: cover;}
#searchList section ul li .txt_item {width: 59%;border-left: 1px solid #ededed;}
#searchList section ul li .txt_item p {padding: 10px;border-bottom: 1px solid #ededed;line-height: 1.3em;}
#searchList section ul li .txt_item h4 {margin: 0;padding: 10px;border-bottom: 1px solid #ededed;font-size: 1.5rem;}
#searchList section ul li .txt_item h4 span {margin-right: 10px;padding: 5px 20px;display: inline-block;vertical-align: middle;font-size: 1rem;font-weight: 400;color: #fff;}
#searchList section ul li .txt_item h4 span.showroom {background: #aa5968;}
#searchList section ul li .txt_item h4 span.gallery {background: #6473a1;}
#searchList section ul li .txt_item button {width: 90%;margin: 10px auto;padding: 5px 0;display: block;position: relative;background: #7f9780;color: #fff;}
#searchList section ul li .txt_item button:before {content: url(../images/i_anchor.png);width: 20px;height: 20px;float: left;position: absolute;left: 20%;}
#searchList section ul li .txt_item .business-hours {padding-left:80px;text-indent:-5em;}

#search-shoplist section {margin-bottom: 50px;}
#search-shoplist section h3 {width: 100%;margin-bottom: 50px;padding: 15px 0 0 0;text-align: center;background: #a29d95;color: #fff;font-size: 2.5rem;font-weight: 500;letter-spacing: 0.05em;}
#search-shoplist section h3 small {width: 100%;margin-top: 15px;padding: 10px 0;display: block;background: #f1f0ef;color: #333;font-size: 1.5rem;font-weight: 600;}
#search-shoplist section.shop-showroom .ttl-showroom {font-weight:normal;color: #fff;background: #aa5968;padding: 5px 20px;margin-bottom: 30px;}
#search-shoplist section.shop-gallery .ttl-gallery {font-weight:normal;color: #fff;background: #6473a1;padding: 5px 20px;margin-bottom: 30px;}
#search-shoplist section.shop-showroom .ttl-showroom h4,
#search-shoplist section.shop-gallery .ttl-gallery h4{font-weight:normal;margin-right: 10px;}
#search-shoplist section.shop-showroom .ttl-showroom h4:after,
#search-shoplist section.shop-gallery .ttl-gallery h4:after{content:"：";margin-left: 10px;}


#search-shoplist section ul {justify-content: flex-start;}
#search-shoplist section ul li {width: 48%;margin-bottom: 40px;border: 1px solid #ededed;justify-content: space-between;}
#search-shoplist section ul li:nth-child(odd) {margin-right: auto;}
#search-shoplist section ul li a {text-decoration: none;}
#search-shoplist section ul li figure {width: 40%;padding: 10px;}
#search-shoplist section ul li figure img {width: 100%;height: 200px;object-fit: cover; font-family: 'object-fit: cover;'}
#search-shoplist section ul li .txt_item {width: 59%;border-left: 1px solid #ededed;}
#search-shoplist section ul li .txt_item p {padding: 10px;border-bottom: 1px solid #ededed;line-height: 1.3em;}
#search-shoplist section ul li .txt_item h5 {margin: 0;padding: 10px;border-bottom: 1px solid #ededed;font-size: 1.5rem;}
#search-shoplist section ul li .txt_item h5 img{vertical-align: top;}
#search-shoplist section ul li .txt_item button {width: 90%;margin: 10px auto;padding: 5px 0;display: block;position: relative;background: #7f9780;color: #fff;}
#search-shoplist section ul li .txt_item a.btn-detail {width: 90%;margin: 10px auto;padding: 5px 0;display: block;position: relative;background: #7f9780;color: #fff;text-align:center;}

#search-shoplist section ul li .txt_item .detail-info{display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;}
#search-shoplist section ul li .txt_item .detail-info .label-info{width:20%;}
#search-shoplist section ul li .txt_item .detail-info .txt-info{width:80%;}

#search-shoplist section ul li .txt_item button:before {content: url(../images/i_anchor.png);width: 20px;height: 20px;float: left;position: absolute;left: 20%;}
#search-shoplist section ul li .txt_item .business-hours {padding-left:80px;text-indent:-5em;}

#search-shoplist section ul li .txt_item .btn-appmap {display:block;text-align:right;margin-top:5px;}/*地図アプリを見る*/
#search-shoplist section ul li .txt_item .btn-appmap:before {content: url(../images/i_anchor_b.png);display: inline-block;vertical-align: -16%;}

#map-showroom,/* map-showroom.php */
#map {width: 100%;padding: 50px 0 950px 0;background: url(../images/map.png) no-repeat center 50% #f6f5f4;}
#map-showroom h3,
#map h3 {margin: 60px auto 0 auto;padding-bottom:0;text-align: center;}
#map-showroom h3 span:before,
#map h3 span:before{content:"";height:0;}
#map-showroom button,
#map button {width: 30%;margin: auto;padding: 15px 50px;display: block;text-align: center;background: #fff;border: 1px solid #a29d95;font-size: 1.8rem;}
#map-showroom button:hover,
#map button:hover {background: #a29d95;color: #fff;}
#map-showroom button:after,
#map button:after {content: "";width: 0;height: 0;margin: 8px auto auto 20px;display: block;float: right;border-left: 5px solid #000;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
/* マップエリア共通CSS */
#map-showroom #mapArea,
#map #mapArea {position: relative;}
#map-showroom #mapArea h4,
#map #mapArea h4 {position: absolute;left: -10px;top:-10px;font-size: 1.8rem;font-weight: 600;}
#map-showroom #mapArea h4 a,
#map #mapArea h4 a {text-decoration: none;}
#map-showroom #mapArea h4 small,
#map #mapArea h4 small {font-size: 1.3rem;font-weight: 400;}
#map-showroom #mapArea h4:before,
#map #mapArea h4:before {content: "● ";}
#map-showroom #mapArea ul {margin: 30px 10px auto 10px;}
#map #mapArea ul {margin: 20px 10px auto 10px;}
#map-showroom #mapArea ul li{line-height:2rem;margin-bottom: 10px;padding-left: 1.65rem;}
#map #mapArea ul li {margin-bottom: 5px;}
#map-showroom #mapArea ul li a,
#map #mapArea ul li a {font-size: 1.65rem;font-weight: 500;text-decoration: none;}
#map-showroom #mapArea ul li a{font-size: 1.35rem;}
#map-showroom #mapArea ul li a:before,
#map #mapArea ul li a:before {content: "● ";}
#map-showroom #mapArea ul li a:before {margin-left: -2rem;}
#map-showroom #mapArea ul li ul,
#map #mapArea ul li ul {margin: auto 10px;}
#map-showroom #mapArea ul li ul li,
#map #mapArea ul li ul li {margin-bottom: 0;line-height: 1.3;}
#map-showroom #mapArea ul li ul li a,
#map #mapArea ul li ul li a {font-size: 1.3rem;font-weight: 500;letter-spacing: -0.05em;}
#map-showroom #mapArea ul li ul li a:before,
#map #mapArea ul li ul li a:before {content: "・";}

#map-showroom #mapArea #okinawa,
#map #mapArea #okinawa {position: absolute;left: 179px;top: 900px;min-width:70px;}
#map-showroom #mapArea #okinawa{top: 880px;}

#map-showroom #mapArea #okinawa:before,
#map #mapArea #okinawa:before {content: "";width: 1px;height: 70px;display: block;float: left;position: absolute;top: -75px;background: #ba75ae;}
#map-showroom #mapArea #okinawa:before{height: 60px;top: -60px;}

#map-showroom #mapArea #okinawa h4:before,
#map #mapArea #okinawa h4:before {color: #ba75ae;}
#map-showroom #mapArea #okinawa ul li a:before,
#map #mapArea #okinawa ul li a:before {color: #ba75ae;}
#map-showroom #mapArea #okinawa ul li ul li a,
#map #mapArea #okinawa ul li ul li a {color: #ba75ae;}
#map-showroom #mapArea #okinawa ul li ul li a:before,
#map #mapArea #okinawa ul li ul li a:before {color: #ba75ae;}

#map-showroom #mapArea #kyusyu,
#map #mapArea #kyusyu {position: absolute;left: 120px;padding-bottom: 90px;border-left: 1px solid #dec684;}
#map-showroom #mapArea #kyusyu{top: 300px;padding-bottom: 90px;}
#map #mapArea #kyusyu{top: 160px;padding-bottom: 60px;}

#map-showroom #mapArea #kyusyu h4:before,
#map #mapArea #kyusyu h4:before {color: #dec684;}
#map-showroom #mapArea #kyusyu ul li a:before,
#map #mapArea #kyusyu ul li a:before {color: #dec684;}
#map-showroom #mapArea #kyusyu ul li ul li a,
#map #mapArea #kyusyu ul li ul li a {color: #dec684;}
#map-showroom #mapArea #kyusyu ul li ul li a:before,
#map #mapArea #kyusyu ul li ul li a:before {color: #dec684;}

#map-showroom #mapArea #tyugoku,
#map #mapArea #tyugoku {position: absolute;left: 280px;border-left: 1px solid #b6bf86;}
#map-showroom #mapArea #tyugoku{top: 270px;padding-bottom: 100px;}
#map #mapArea #tyugoku{top: 160px;padding-bottom: 90px;}


#map-showroom #mapArea #tyugoku h4:before,
#map #mapArea #tyugoku h4:before {color: #b6bf86;}
#map-showroom #mapArea #tyugoku ul li a:before,
#map #mapArea #tyugoku ul li a:before {color: #b6bf86;}
#map-showroom #mapArea #tyugoku ul li ul li a,
#map #mapArea #tyugoku ul li ul li a {color: #b6bf86;}
#map-showroom #mapArea #tyugoku ul li ul li a:before,
#map #mapArea #tyugoku ul li ul li a:before {color: #b6bf86;}
#map-showroom #mapArea #shikoku,
#map #mapArea #shikoku {position: absolute;left: 400px;top: 660px;}
#map-showroom #mapArea #shikoku:before,
#map #mapArea #shikoku:before {content: "";width: 1px;height: 100px;display: block;float: left;position: absolute;top: -100px;background: #90bba5;}
#map-showroom #mapArea #shikoku h4:before,
#map #mapArea #shikoku h4:before {color: #90bba5;}
#map-showroom #mapArea #shikoku ul li a:before,
#map #mapArea #shikoku ul li a:before {color: #90bba5;}
#map-showroom #mapArea #shikoku ul li ul li a,
#map #mapArea #shikoku ul li ul li a {color: #90bba5;}
#map-showroom #mapArea #shikoku ul li ul li a:before,
#map #mapArea #shikoku ul li ul li a:before {color: #90bba5;}

#map-showroom #mapArea #kinki,
#map #mapArea #kinki {position: absolute;left: 430px;border-left: 1px solid #c7959c;}
#map-showroom #mapArea #kinki{padding-bottom: 80px;top: 230px;}
#map #mapArea #kinki{padding-bottom: 40px;top: 130px;}

#map-showroom #mapArea #kinki h4:before,
#map #mapArea #kinki h4:before {color: #c7959c;}
#map-showroom #mapArea #kinki ul li a:before,
#map #mapArea #kinki ul li a:before {color: #c7959c;}
#map-showroom #mapArea #kinki ul li ul li a,
#map #mapArea #kinki ul li ul li a {color: #c7959c;}
#map-showroom #mapArea #kinki ul li ul li a:before,
#map #mapArea #kinki ul li ul li a:before {color: #c7959c;}

#map-showroom #mapArea #hokuriku,
#map #mapArea #hokuriku {position: absolute;left: 570px;border-left: 1px solid #8eb3d2;}
#map #mapArea #hokuriku{top: 100px;padding-bottom: 200px;}
#map-showroom #hokuriku{top: 190px; padding-bottom: 180px;}

#map-showroom #mapArea #hokuriku h4:before,
#map #mapArea #hokuriku h4:before {color: #8eb3d2;}
#map-showroom #mapArea #hokuriku ul li a:before,
#map #mapArea #hokuriku ul li a:before {color: #8eb3d2;}
#map-showroom #mapArea #hokuriku ul li ul li a,
#map #mapArea #hokuriku ul li ul li a {color: #8eb3d2;}
#map-showroom #mapArea #hokuriku ul li ul li a:before,
#map #mapArea #hokuriku ul li ul li a:before {color: #8eb3d2;}

#map-showroom #mapArea #tokai,
#map #mapArea #tokai {position: absolute;left: 580px;top: 630px;}
#map-showroom #mapArea #tokai:before,
#map #mapArea #tokai:before {content: "";width: 1px;height: 100px;display: block;float: left;position: absolute;top: -100px;background: #d4b1ac;}
#map-showroom #mapArea #tokai h4:before,
#map #mapArea #tokai h4:before {color: #d4b1ac;}
#map-showroom #mapArea #tokai ul li a:before,
#map #mapArea #tokai ul li a:before {color: #d4b1ac;}
#map-showroom #mapArea #tokai ul li ul li a,
#map #mapArea #tokai ul li ul li a {color: #d4b1ac;}
#map-showroom #mapArea #tokai ul li ul li a:before,
#map #mapArea #tokai ul li ul li a:before {color: #d4b1ac;}

#map-showroom #mapArea #koushinetsu,
#map #mapArea #koushinetsu {position: absolute;left: 710px;border-left: 1px solid #a080a8;}
#map-showroom #mapArea #koushinetsu{top: 30px;padding-bottom: 220px;}
#map #mapArea #koushinetsu{top: -24px;padding-bottom: 274px;}

#map-showroom #mapArea #koushinetsu{padding-bottom: 300px;}
#map-showroom #mapArea #koushinetsu h4:before,
#map #mapArea #koushinetsu h4:before {color: #a080a8;}
#map-showroom #mapArea #koushinetsu ul li a:before,
#map #mapArea #koushinetsu ul li a:before {color: #a080a8;}
#map-showroom #mapArea #koushinetsu ul li ul li a,
#map #mapArea #koushinetsu ul li ul li a {color: #a080a8;}
#map-showroom #mapArea #koushinetsu ul li ul li a:before,
#map #mapArea #koushinetsu ul li ul li a:before {color: #a080a8;}

#map-showroom #mapArea #kanto,
#map #mapArea #kanto{position: absolute;}
#map-showroom #mapArea #kanto {left: 880px;top: 475px;}
#map #mapArea #kanto {left: 825px;top: 510px;}

#map-showroom #mapArea #kanto:before,
#map #mapArea #kanto:before {content: "";height: 1px;display: block;float: left;position: absolute;top: 0;background: #c2a57b;}
#map-showroom #mapArea #kanto:before{width: 100px;left: -100px;}
#map #mapArea #kanto:before {width: 60px;left: -60px;}
#map-showroom #mapArea #kanto h4:before,
#map #mapArea #kanto h4:before {color: #c2a57b;}
#map-showroom #mapArea #kanto ul li a:before,
#map #mapArea #kanto ul li a:before {color: #c2a57b;}
#map-showroom #mapArea #kanto ul li ul li a,
#map #mapArea #kanto ul li ul li a {color: #c2a57b;}
#map-showroom #mapArea #kanto ul li ul li a:before,
#map #mapArea #kanto ul li ul li a:before {color: #c2a57b;}

#map-showroom #mapArea #touhoku,
#map #mapArea #touhoku {position: absolute;left: 940px;top: 310px;}
#map-showroom #mapArea #touhoku:before,
#map #mapArea #touhoku:before {content: "";width: 50px;height: 1px;display: block;float: left;position: absolute;top: 0;left: -50px;background: #899bc5;}
#map-showroom #mapArea #touhoku h4:before,
#map #mapArea #touhoku h4:before {color: #899bc5;}
#map-showroom #mapArea #touhoku ul li a:before,
#map #mapArea #touhoku ul li a:before {color: #899bc5;}
#map-showroom #mapArea #touhoku ul li ul li a,
#map #mapArea #touhoku ul li ul li a {color: #899bc5;}
#map-showroom #mapArea #touhoku ul li ul li a:before,
#map #mapArea #touhoku ul li ul li a:before {color: #899bc5;}

#map-showroom #mapArea #hokkaido {position: absolute;left: 990px;top: 20px;}
#map #mapArea #hokkaido {position: absolute;left: 990px;top: 30px;}
#map-showroom #mapArea #hokkaido:before,
#map #mapArea #hokkaido:before {content: "";width: 50px;height: 1px;display: block;float: left;position: absolute;top: 0;left: -50px;background: #879ac4;}
#map-showroom #mapArea #hokkaido h4:before,
#map #mapArea #hokkaido h4:before {color: #879ac4;}
#map-showroom #mapArea #hokkaido ul li a:before,
#map #mapArea #hokkaido ul li a:before {color: #879ac4;}
#map-showroom #mapArea #hokkaido ul li ul li a,
#map #mapArea #hokkaido ul li ul li a {color: #879ac4;}
#map-showroom #mapArea #hokkaido ul li ul li a:before,
#map #mapArea #hokkaido ul li ul li a:before {color: #879ac4;}

/* --------------------------------------------------------------- */
/* -- 24.05.30 add sr_reservation -- */
#map {
	background-position-y: 50%;
	padding: 40px 0 980px 0;
}
#map-showroom {
	background-position-y: 43%;
	padding: 40px 0 980px 0;
}
main.shop_list #map {
	background-position-y: 43%;
}
#map-showroom .box,
#map .box {
	text-align: center;
}
main.shop_list #map .box {
	display: none;
}
#map-showroom .box .flex,
#map .box .flex {
	justify-content: center;
}
#map-showroom .box .flex .infobox,
#map .box .flex .infobox {
	min-width: 400px;
	margin: 20px 30px;
}
#map-showroom .box .flex .infobox .base-btn a,
#map .box .flex .infobox .base-btn a {
	font-weight: bold;
	height: 100px;
	transition: all 0.3s;
}
#map-showroom .box .flex .infobox .base-btn.btn-showroom a,
#map .box .flex .infobox .base-btn.btn-showroom a {
	background: #c5dfd2;
	border-color: #7f9780;
	padding: 22px 10px;
}
#map-showroom .box .flex .infobox .base-btn.btn-showroom a:hover,
#map .box .flex .infobox .base-btn.btn-showroom a:hover {
	color: #707070;
	opacity: 0.9;
}
#map-showroom .box .flex .infobox .base-btn.btn-showroom a:hover::before,
#map .box .flex .infobox .base-btn.btn-showroom a:hover::before {
	border-left-color: #707070;
}
#map-showroom .box .flex .infobox .base-btn.btn-showroom a small,
#map .box .flex .infobox .base-btn.btn-showroom a small {
	display: block;
	font-weight: normal;
}
#map-showroom .box .flex .infobox .base-btn.btn-reservation a,
#map .box .flex .infobox .base-btn.btn-reservation a {
	background: #bc5f64;
	border-color: #a55055;
	color: #fff;
	padding: 35px 10px;
}
#map-showroom .box .flex .infobox .base-btn.btn-reservation a:hover,
#map .box .flex .infobox .base-btn.btn-reservation a:hover {
	color: #ececec;
	opacity: 0.9;
}
#map-showroom .box .flex .infobox .base-btn.btn-reservation a::before,
#map .box .flex .infobox .base-btn.btn-reservation a::before {
	border-left-color: #fff;
}
#map-showroom .ttl02 span,
#map .ttl02 span {
	margin-bottom: 40px;
}
#map-showroom .box p,
#map .box p {
	font-size: 20px;
	margin-bottom: 20px;
}
#map-showroom #mapArea,
#map #mapArea {
	margin-top: 80px;
}
.sr_reservation {
	background: #f4f2ea;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	text-align: center;
	margin-bottom: 80px;
	padding: 80px 0;
}
.sr_reservation .ttl {
	font-size: 24px;
	background: none;
	margin-bottom: 50px;
	line-height: 2;
	height: auto;
}
.sr_reservation .ttl > span {
	color: #bd5f64;
	font-size: 60px;
	padding: 0 5px;
}
.sr_reservation .sr_reservationwrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	max-width:1200px;
	margin: 0 auto 30px;
}
.sr_reservationitem p {
	font-size: 20px;
	margin: 25px auto;
}
.sr_reservationitem h4 {
	font-size: 30px;
}
.sr_reservationitem {
	width: 32%;
}
.sr_reservationitem + .sr_reservationitem {
	margin-left: 2%;
}
.sr_reservationitem img {
	width: 100%;
	height: auto;
}
/* .sr_reservationitem:first-of-type::after {
	content: 'と';
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	right: -65px;
	top: 35%;
} */
.sr_reservationwrap + p {
	font-size: 24px;
	font-weight: bold;
}
.sr_txt {
	font-size: 24px;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	text-align: center;
	margin: 20px auto 80px;
}

#sr_goint {
	border: 2px solid #dbb5bd;
	padding: 35px 50px 80px;
}
.sr_gointttlwrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 980px;
	margin: 0 auto 50px;
}
.sr_gointttlwrapl {
	text-align: center;
	font-size: 18px;
}
.sr_gointttlwrapl .sr_gointttl {
	margin-bottom: 80px;
	font-size: 30px;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	line-height: 2.5;
}
.sr_gointttlwrapl .sr_gointttl span {
	background: linear-gradient(rgba(220, 179, 187, 0) 50%, #dcb3bb 50%);
	padding: 0 0 5px 10px;
}
.sr_gointttlwrapr {
	padding-right: 20px;
}
.sr_gointosupportwrap {
	display: flex;
	flex-wrap: wrap;
}
.sr_gointosupportitem {
	width: 30%;
}
.sr_gointosupportitem + .sr_gointosupportitem {
	margin-left: 3%;
}
.sr_gointosupportitemttl {
	position: relative;
	font-size: 24px;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	text-align: center;
	margin-bottom: 30px;
}
.sr_gointosupportitemttl::before,
.sr_gointosupportitemttl::after {
	content: '';
	position: absolute;
	display: block;
	background: #dcb3bb;
	border-radius: 3px;
	width: 3px;
	height: 50px;
	bottom: 0;
}
.sr_gointosupportitemttl::before {
	left: 15px;
	transform: rotate(-35deg);
}
.sr_gointosupportitem:first-of-type .sr_gointosupportitemttl::before {
	left: 35px;
}
.sr_gointosupportitemttl::after {
	right: 15px;
	transform: rotate(35deg);
}
.sr_gointosupportitem:first-of-type .sr_gointosupportitemttl::after {
	right: 35px;
}

/* -- 24.05.30 add sr_reservation -- */

/* -- 24.08.06 add sr_reservation -- */
.sr_reservation_btn  {
	text-align: center;
}
.sr_reservation_btn .sr_reservation_ttl {
	background: none;
	font-size: 28px;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
	line-height: 2;
	height: auto;
	margin: 80px auto 60px;
}
.sr_reservation_btn .base-btn a {
	font-weight: bold;
	height: 100px;
	margin-bottom: 40px;
	transition: all 0.3s;
}
.sr_reservation_btn .base-btn.btn-reservation a {
	background: #bc5f64;
	border-color: #a55055;
	color: #fff;
	margin-bottom: 100px;
	padding: 35px 10px;
}
.sr_reservation_btn .base-btn.btn-reservation a:hover {
	color: #ececec;
	opacity: 0.9;
}
.sr_reservation_btn .base-btn.btn-reservation a::before {
	border-left-color: #fff;
}
.sr_reservation_btn .sr_reservation_txt {
	font-size: 18px;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	line-height: 1.8;
	margin: 40px auto 30px;
}
.sr_reservation_btn .sr_txt {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	line-height: 1.8;
	margin: -40px auto 100px;
}

/* -- 24.08.06 add sr_reservation -- */
/* -- 25.02.07 add sr_reservation -- */
.sr_reservation_btn .btn a {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.8;
}
.sr_reservation_btn .btn a span {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.2;
}
.sr_reservation.sr_reservation_check {
	background: #fff;
	padding-bottom: 0;
}
.sr_reservation.sr_reservation_check .sr_ttl {
	background-color: #fff;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.sr_reservation.sr_reservation_check .sr_ttl > span {
	position: relative;
	display: inline-block;
	padding: 20px 40px;
}
.sr_reservation.sr_reservation_check .sr_ttl > span::before,
.sr_reservation.sr_reservation_check .sr_ttl > span::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #282828;
	width: 1px;
	height: 120px;
	top: 50%;
}
.sr_reservation.sr_reservation_check .sr_ttl > span::before {
	left: -10%;
	transform: translateY(-50%) rotate(-35deg);
}
.sr_reservation.sr_reservation_check .sr_ttl > span::after {
	right: -10%;
	transform: translateY(-50%) rotate(35deg);
}
.sr_reservation.sr_reservation_check .sr_ttl span.small {
	font-size: 1.8rem;
}
.sr_reservation.sr_reservation_check .sr_ttl span.txt_free {
	color: #bd5f64;
	font-size: 4.2rem;
}
.sr_reservation.sr_reservation_check .ttl {
	font-weight: normal;
}
.sr_reservation.sr_reservation_check .btn a {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
	width: 480px;margin: auto;padding: 40px 0 50px 0;text-align: center;display: block;background: url(../images/btn_back.png) no-repeat center;text-decoration: none;color: #fff;font-size: 2.1rem;}
.bg_gr {
	background: #F6F5F4;
	padding: 30px 0;
}
.bg_gr #galleryinfo:first-of-type,
.bg_gr #eventinfo2:first-of-type,
.bg_gr #eventinfo:first-of-type {
	padding-top: 70px;
}
.bg_gr #galleryinfo .flex,
.bg_gr #eventinfo2 .flex,
.bg_gr #eventinfo .flex {
	background: #fff;
	padding: 50px 20px;
}
.bg_gr #galleryinfo .infobox,
.bg_gr #eventinfo2 .infobox,
.bg_gr #eventinfo .infobox {
	width: 47%;
}
.bg_gr #galleryinfo .infobox figure img,
.bg_gr #eventinfo2 .infobox figure img,
.bg_gr #eventinfo .infobox figure img {
	max-width: 100%;
}
/* -- 25.02.07 add sr_reservation -- */