@charset "UTF-8";

/*-------------------------
__contents_style
-------------------------*/

.basic_title{ background: url(/images/blue_back.png), url(/images/title_img.jpg); background-size: cover,cover; background-repeat: repeat,no-repeat; background-position: center,center;}

/*-------------マップ部分-------------*/

.contents{ margin: 50px auto 0;}
.map_box{ background-color: #e6f0fa; width: 1170px; margin: 0 auto 40px; padding: 40px 0;}
.comm1{ width: 1000px; margin: 0 auto 20px; font-size: 15px; line-height: 30px; padding: 0 40px;}
.map_box .map_image{ width: 1140px; height: 920px; margin:0 auto; background-image: url("images/map_image.png"); background-size: cover; position: relative;}
.map_box .map_image img{}
input[type=checkbox] { display: none;}
input[type="checkbox"].ck0:checked + label { background: #ffff64; color: #006eae; border: 4px solid #ffffff;}
.ck1 { font-size: 20px; font-weight: 700; display: inline-block; float: left; margin: 5px; height: 45px; text-align: center; line-height: 45px; padding-left: 15px; padding-right: 15px; cursor: pointer; color: #ffffff; border: 4px solid #ffffff; background-color: #006eae;
box-shadow: 3px 3px 0px 0 rgba(100, 100, 100,50%);
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.ck1:hover { background-color: #0098d8;}
@media screen and (min-width: 768px) {
.pc_none{ display: none;}
.map_box .map_image .search_wrap ul li.b01{ position: absolute; top: 100px; left: 120px;}
.map_box .map_image .search_wrap ul li.b02{ position: absolute; top: 80px; left: 400px;}
.map_box .map_image .search_wrap ul li.b03{ position: absolute; top: 120px; left: 710px;}
.map_box .map_image .search_wrap ul li.b04{ position: absolute; top: 400px; left: 30px;}
.map_box .map_image .search_wrap ul li.b05{ position: absolute; top: 295px; left: 460px;}
.map_box .map_image .search_wrap ul li.b06{ position: absolute; top: 290px; left: 670px;}
.map_box .map_image .search_wrap ul li.b07{ position: absolute; top: 355px; left: 920px;}
.map_box .map_image .search_wrap ul li.b08{ position: absolute; top: 570px; left: 150px;}
.map_box .map_image .search_wrap ul li.b09{ position: absolute; top: 485px; left: 300px;}
.map_box .map_image .search_wrap ul li.b10{ position: absolute; top: 580px; left: 480px;}
.map_box .map_image .search_wrap ul li.b11{ position: absolute; top: 485px; left: 640px;}
.map_box .map_image .search_wrap ul li.b12{ position: absolute; top: 530px; left: 940px;}
.map_box .map_image .search_wrap ul li.b13{ position: absolute; top: 740px; left: 380px;}
}

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

.comm1{ width: 100%; margin: 0 auto 10px; font-size: 13px; line-height: 18px; padding: 0 20px; box-sizing: border-box;}
.map_box{ width: 100%; margin: 0 auto; padding: 20px 20px; box-sizing: border-box;}
.map_box .map_image{ width: 100%; height: auto; background-image: none; margin-left: 0px;}
.sph_map{ margin-bottom: 20px;}
.map_box .map_image img{ width: 100%; height: auto;}
input[type="checkbox"].ck0:checked + label { background: #ffff64; color: #006eae; border: 2px solid #ffffff;}
.ck1 { display: block; width: 100%; height: 50px; line-height: 45px; box-sizing: border-box; font-size: 15px; border: 2px solid #ffffff; padding-left: 5px; padding-right: 5px; margin: 0;}
.map_box .map_image .search_wrap ul li{ position: relative; float:left; margin-right:10px; margin-bottom: 10px; width: 50%; width: calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: -moz-calc((100% - 10px) / 2); box-sizing:border-box;}
.map_box .map_image .search_wrap ul li:nth-child(2n){ margin-right: 0;}

}

/*-------------検索ボタン-------------*/

.search_btn{ margin: 0 auto; padding: 0 40px;max-width:1000px;}
.search_btn dl.btn_area{ float: left; width: 100%; box-sizing: border-box; margin-right: -370px; padding-right: 370px; margin-top: 15px;}
.search_btn dl.btn_area dt{ font-size: 20px; font-weight: 700; color: #006eae; display: inline-block;}
.search_btn dl.btn_area dd{ font-size: 20px; font-weight: 700; color: #006eae; display: inline-block;}
.search_btn dl.btn_area dd span{ font-size: 30px;}
.search_btn .btn1{ float: right; width: 350px; text-align: center;}
.search_btn .btn1 a{ display: block; background-color: #006eae; color: #fff; text-decoration: none; font-size: 20px; font-weight: 700; padding: 25px 0;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.search_btn .btn1 a span{ background-image: url("images/roupe.png"); background-size: 30px 30px; background-position: left; padding:25px 0 25px 40px; background-repeat: no-repeat;}
@media screen and (min-width: 768px) {
.search_btn .btn1 a:hover{ background-color: #0098d8;}
}

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

.sph_none{ display: none;}
.search_btn{ padding: 0; margin: 10px auto 0;}
.search_btn .btn1{ width: 100%;}
.search_btn dl.btn_area{ float: none; margin: 0 auto 20px; padding: 0; }
.search_btn dl.btn_area dt{ font-size: 16px;}
.search_btn dl.btn_area dd{ font-size: 16px; text-align: right; display: block;}
.search_btn .btn1{ float: none;}
    
}


/*---------------- 新規会員登録 ----------------*/

#members{ width: 100%; margin: 60px 0 0; background:url(/images/stripe.png), url(/images/members_back.jpg); background-size: auto,cover; background-repeat: repeat,no-repeat; background-position: center,center;}
#members .inner{ width: 1000px; margin: 0 auto; padding: 100px 0; box-sizing: border-box; position: relative;}
#members .inner .title .en_voice{ margin-bottom: 10px; color: #fff;}
#members .inner .title .en_voice span{ font-size: 60px; display: inline-block; margin-right: 20px;}
#members .inner .title h2{ color: #fff; font-size: 16px; font-weight: 700; display: inline-block;}
#members .inner .title p{ font-size: 15px; line-height: 30px; font-weight: 700; color: #fff; margin-bottom: 30px;}
#members .inner .member_btn{ text-align: center; width: 340px; margin: 0 auto;}
#members .inner .member_btn a{ display: block; background-color: #006eae; color: #fff; text-decoration: none; font-size: 23px; line-height: 84px; font-weight: 700; height: 84px;}

@media screen and (min-width: 768px) {

#members .inner .member_btn a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
#members .inner .member_btn a:hover{ background-color: #0098d8;}

}

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

#members{ width: 100%; margin: 0;}
#members .inner{ width: 100%; margin: 0 auto; padding: 30px 20px; box-sizing: border-box; position: relative;}
#members .inner .title .en_voice span{ font-size: 30px; margin-right: 10px;}
#members .inner .title h2{font-size: 12px;}
#members .inner .title p{ font-size: 12px; line-height: 20px; margin-bottom: 20px;}
#members .inner .member_btn{ width: 100%;}
#members .inner .member_btn a{ font-size: 18px; line-height: 60px; height: 60px;}

}

/*-------------会員登録ボタン-------------*/

/*.member_banner{ width: 1000px; margin: 0 auto; height: auto;}
.member_banner{ display: block; background-image: url("images/background.jpg"); background-size: cover; padding: 20px; box-sizing: border-box;}
.member_banner .text{ float: left; width: 100%; box-sizing: border-box; margin-right: -240px; padding-right: 240px;}
.member_banner .text .title{ margin-bottom: 20px;}
.member_banner .text .title img{ width: 100%; height: auto;}
.member_banner .text .text_bottom{ margin-left: 20px;}
.member_banner .text .text_bottom p.index{ font-size: 15px; line-height: 25px; color: #505050; font-weight: 700; width: 100%; float: left; box-sizing: border-box; margin-right: -350px; padding-right: 350px; margin-top: 10px;}
.member_banner .text .text_bottom p.btn a{ float: right; width: 340px; text-align: center; font-size: 20px; font-weight: 700; color: #fff; background-color: #00a2de; height: 70px; line-height: 70px; text-decoration: none;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.member_banner .text .text_bottom p.btn a span{ color: #FFF; position: relative; padding-left: 30px;}
.member_banner .text .text_bottom p.btn a span::before{ content: ""; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
@media screen and (min-width: 768px) {
.member_banner .text .text_bottom p.btn a:hover{ background-color: #45cef1;}
}
.member_banner .illust{ width: 200px; float: right;}
.member_banner .illust img{ width: 100%; height: auto;}



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

.member_banner{ width: 100%;}
.member_banner .text{ float: none; margin: 0; padding: 0;}
.member_banner .illust{ width: 150px; float: none; margin: 0 auto;}
.member_banner .text .text_bottom{ margin-left: 0px;}
.member_banner .text .text_bottom p.index{ font-size: 13px; line-height: 20px; float: none; margin: 0 0 10px; padding: 0;}
.member_banner .text .text_bottom p.btn a{ float: none; width: 100%; font-size: 17px; display: block; margin-bottom: 10px;}
    
}*/