@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#f7f7f7; font:14px "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height:2; min-width:1200px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#4fc6d5; text-decoration:underline; }
a:hover{ color:#81d5e0; text-decoration:underline; }
a img:hover , input[type=image]:hover , .btn:hover{ opacity:0.9; }

.btn{ display:inline-block; min-width:180px; height:40px; text-decoration:none !important; border-radius:20px; text-align:center; padding:5px 25px; cursor:pointer; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.btn.green{ color:#4fc6d5; background:#f6feff url(../images/arrow_r_green.png) right 12px center / 6px 11px no-repeat; border:solid 2px #4fc6d5; }
.btn.blue{ color:#5496e0; background:#f5faff url(../images/arrow_r_blue.png) right 12px center / 6px 11px no-repeat; border:solid 2px #5496e0; }
.btn.yellow{ color:#695918; background:#ffdd56 url(../images/arrow_r_brown.png) right 12px center / 6px 11px no-repeat; border:solid 2px #f4c300; }

input.btn{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontS{ font-size:10px; }
.fontM{ font-size:16px; }
.fontL{ font-size:20px; }

/* color */
.txt-blue{ color:#5496e0; }
.txt-green{ color:#4fc6d5; }
.txt-white{ color:#fff; }
.txt-red , .required , .error{ color:#d93349; }
.required{ font-size:10px; font-weight:bold; }

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt-dott{ padding-left:1.3em; text-indent:-1.3em; }
.idt-sp{ text-indent:1.0em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt50{ padding-top:50px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml40{ margin-left:40px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr40{ margin-right:40px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 0 20px; }


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.ctl , textarea.ctl , select{ padding:10px; border:solid 1px #bfbfbf; vertical-align:middle; }
input.sizeS{ max-width:60px; width:100%; }
input.sizeM{ max-width:500px; width:100%; }
input.sizeL{ max-width:800px; width:100%; }
textarea.sizeS{ max-width:500px; width:100%; height:80px; }
textarea.sizeM{ max-width:500px; width:100%; height:120px; }
textarea.sizeL{ max-width:800px; width:100%; height:120px; }


/* display **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1200px; position:relative; margin:0 auto; }


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* particles.js **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
#particles-js{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:0; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sp gnav btn */
.header .sp-gnav-btn{ position:absolute; top:15px; right:15px; width:28px; height:22px; cursor:pointer; display:none !important; }
.header .sp-gnav-btn span{ position:absolute; left:0; width:100%; height:2px; background-color:#fff; border-radius:6px; }
.header .sp-gnav-btn , .header .sp-gnav-btn span{ display:inline-block; transition:all 0.2s; }
.header .sp-gnav-btn span:nth-of-type(1){ top:0; }
.header .sp-gnav-btn span:nth-of-type(2){ top:10px; }
.header .sp-gnav-btn span:nth-of-type(3){ bottom:0; }

.header .sp-gnav-btn.active span:nth-of-type(1){ -webkit-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg); }
.header .sp-gnav-btn.active span:nth-of-type(2){ opacity:0; }
.header .sp-gnav-btn.active span:nth-of-type(3){ -webkit-transform:translateY(-10px) rotate(45deg); transform:translateY(-10px) rotate(45deg); }

/* sp gnav */
.sp-gnav{ position:fixed; top:55px; left:0; width:100%; height:calc(100% - 55px); -webkit-height:calc(100% - 55px); background-color:#4fc6d5; overflow:auto; z-index:9999; display:none; }
.sp-gnav li a{ display:block; color:#fff; text-decoration:none; background:url(../images/arrow_r_white.png) 10px center / 6px 10px no-repeat; border-bottom:solid 1px #27a3b3; padding:10px 15px 10px 25px; }


/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.gnav ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.gnav li{ width:33.3%; background:#4fc6d5 url(../images/arrow_d_green_l.png) right 10px center / 22px 12px no-repeat; }
.gnav li:nth-child(even){ background:#39b6c5 url(../images/arrow_d_green_l.png) right 10px center / 22px 12px no-repeat; }
.gnav li:last-child{ background:#5496e0 url(../images/arrow_d_blue_l.png) right 10px center / 22px 12px no-repeat; }
.gnav li a{ display:block; width:100%; height:70px; color:#fff; text-decoration:none; font-size:14px; padding:26px 0 0 64px; line-height:1.4; text-align:left; }
.gnav li a:hover{ opacity:0.8; }
.gnav li:nth-child(1) a{ background:url(../images/gnav_icon_plan.png) 15px center / 40px 35px no-repeat; }
.gnav li:nth-child(2) a{ background:url(../images/gnav_icon_area.png) 15px center / 40px 35px no-repeat; }
.gnav li:nth-child(3) a{ background:url(../images/gnav_icon_rental.png) 15px center / 40px 35px no-repeat; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ margin:40px 0 60px; }

/*------------------------------------------------------------------------------------------------
　TOPに使われている検索エリア設定
------------------------------------------------------------------------------------------------*/
/*box*/
.box{ position:relative; background:#fff; padding:90px 20px 20px; margin-top:50px; }
.box.normal{ padding:20px 40px 40px; }

/*sbt search*/
.sbt-area{ position:absolute; top:-10px; }

.sbt-search{ position:relative; color:#fff; font-size:18px; font-weight:bold; text-align:center; padding:15px 0 0 0; }
.gray .middle .sbt-search{ width:300px; height:84px; background:url(../images/sbt_arrow_gray_m.png) left top / 300px 84px no-repeat; }
.gray .long .sbt-search{ width:380px; height:84px; background:url(../images/sbt_arrow_gray_l.png) left top / 380px 84px no-repeat; }
.green .middle .sbt-search{ width:300px; height:84px; background:url(../images/sbt_arrow_green_m.png) left top / 300px 84px no-repeat; }
.green .long .sbt-search{ width:380px; height:84px; background:url(../images/sbt_arrow_green_l.png) left top / 380px 84px no-repeat; }
.blue .middle .sbt-search{ width:300px; height:84px; background:url(../images/sbt_arrow_blue_m.png) left top / 300px 84px no-repeat; }
.blue .long .sbt-search{ width:380px; height:84px; background:url(../images/sbt_arrow_blue_l.png) left top / 380px 84px no-repeat; }

.sbt-search span{ display:block; }
.sbt-search .icon-search{ background:url(../images/icon_search.png) 20px top / 34px 30px no-repeat; }

/*sbt bar*/
.sbt-bar{ width:630px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:linear-gradient(90deg, rgba(107,118,130,1) 50%, rgba(122,131,141,1) 50%); line-height:1.4; padding:15px 10px; margin:-100px auto 20px; }

/*plan*/
.plan ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.plan li{ width:250px; background:url(../images/top_plan_bg.png) center / 250px 200px repeat; border:solid 2px #4fc6d5; text-align:center; line-height:1.4; margin:0 7px; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.plan li:hover{ opacity:0.9; }
.plan li a{ display:block; height:200px; color:#4fc6d5; text-decoration:none; padding-top:135px; }
.plan li:nth-child(1) a{ background:url(../images/icon_plan_trial.png) center 20px / 160px 100px no-repeat; }
.plan li:nth-child(2) a{ background:url(../images/icon_plan_license.png) center 20px / 160px 100px no-repeat; }
.plan li:nth-child(3) a{ background:url(../images/icon_plan_tour.png) center 20px / 160px 100px no-repeat; }
.plan li:nth-child(4) a{ background:url(../images/icon_plan_snorkeling.png) center 20px / 160px 100px no-repeat; }
.plan li a span.arrow{ display:inline-block; background:url(../images/arrow_r_green.png) right center / 6px 11px no-repeat; padding-right:15px; }

/*rental*/
.rental ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.rental li{ width:340px; background:url(../images/top_rental_bg.png) center / 340px 200px repeat; border:solid 2px #5496e0; text-align:center; line-height:1.4; margin:0 7px; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.rental li:hover{ opacity:0.9; }
.rental li a{ display:block; height:200px; color:#5496e0; text-decoration:none; padding-top:135px; }
.rental li:nth-child(1) a{ background:url(../images/icon_rental_all.png) center 20px / 160px 100px no-repeat; }
.rental li:nth-child(2) a{ background:url(../images/icon_rental_tank.png) center 20px / 160px 100px no-repeat; }
.rental li:nth-child(3) a{ background:url(../images/icon_rental_other.png) center 20px / 160px 100px no-repeat; }
.rental li a span.arrow{ display:inline-block; background:url(../images/arrow_r_blue.png) right center / 6px 11px no-repeat; padding-right:15px; }

/*spot*/
.spot{ float:left; width:585px; height:390px; }
.spot .all-list .btn{ position:absolute; top:120px; left:85px; }

/*multi-s*/
.multi-s{ float:left; width:585px; height:390px; margin-left:30px; text-align:center; }
.multi-s .btn{ margin-top:30px; }

/*multi*/
.multi{ padding-bottom:40px; text-align:center; }
.multi .frm-wrap{ width:940px; margin:0 auto; }
.multi .frm-box{ float:left; width:460px; }
.multi .frm-box:nth-child(1){ width:410px; }
.multi .frm-box:nth-child(2){ width:510px; margin-left:20px; }

.multi .frm-search{ margin-top:20px; padding:0; }
.multi .frm-box:nth-child(1) .frm-search dt{ width:75px; }
.multi .frm-box:nth-child(1) .frm-search dd{ width:calc(100% - 75px); width:-webkit-calc(100% - 75px); }
.multi .frm-box:nth-child(2) .frm-search dt{ width:135px; }
.multi .frm-box:nth-child(2) .frm-search dd{ width:calc(100% - 135px); width:-webkit-calc(100% - 135px); }

.multi .chk-box{ margin-top:20px; text-align:left; }
.multi .chk-box li{ float:left; width:calc(100% / 3 - 10px); width:-webkit-calc(100% / 3 - 10px); margin-right:10px; }

.multi .btn{  margin-top:20px; }

/* form search */
.frm-search{ margin-top:20px; padding:0 60px 0 20px; }
.frm-search dt , .frm-search dd{ float:left; }
.frm-search dt{ width:100px; text-align:right; padding:10px 12px 0 0; }
.frm-search dd{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); text-align:left; }
.frm-search dd input , .frm-search dd select{ width:100%; height:45px; }
.frm-search dd select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.frm-search dd select.sizeS{ width:100px !important; }

.green .frm-search dt , .gray .frm-search dt{ color:#4fc6d5; }
.green .frm-search dd select , .gray .frm-search dd select{ background:url(../images/arrow_d_green.png) right 10px center / 10px 6px no-repeat; }
.blue .frm-search dt{ color:#5496e0; }
.blue .frm-search dd select{ background:url(../images/arrow_d_blue.png) right 10px center / 10px 6px no-repeat; }

/* japan-map */
.japan-map{ position:absolute; top:25px; left:85px; }
.japan-map table{ width:450px; border-collapse:separate; border-spacing:1px; margin:0 auto; line-height:1.2; }
.japan-map td{ padding:4px 2px; }
.japan-map .pref { background:#4aacdf; font-size:10px; text-align:center; border-radius:2px; }
.japan-map .hokkaido { background:#9bd8ec; padding:10px 0; }
.japan-map .tohoku { background:#7acdef; }
.japan-map .kantou { background:#58c0f1; }
.japan-map .chubu { background:#22a6e5; }
.japan-map .hokuriku { background:#1d90e1; }
.japan-map .kinki { background:#0f7bd7; }
.japan-map .cyugoku { background:#0c69d3; }
.japan-map .shikoku { background:#234ac8; }
.japan-map .kyusyuu { background:#1f26bb; }
.japan-map .okinawa { background:#3a099e; }
.japan-map .pref a{ text-decoration:none; color:#fff; }
.japan-map .dis{ background:#f1f1f1; color:#9098a2; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ position:relative; color:#fff; background:#323e4b; padding:50px 0 30px; line-height:1.4; }
.footer .pagetop{ width:90px; height:33px; position:absolute; top:-33px; left:0; right:0; margin:0 auto; text-align:center; cursor:pointer; }

.footer .nav{ float:left; }
.footer .nav li:not(:first-child){ margin-top:6px; }
.footer .nav li a{ color:#fff; text-decoration:none; background:url(../images/arrow_r_green.png) left 5px / 6px 10px no-repeat; padding-left:15px; }

.footer .det{ float:right; }
.footer .det ul{ margin-left:90px; }
.footer .det li{ float:left; font-size:12px; }
.footer .det li:not(:last-child){ margin-right:20px; }
.footer .det li a{ color:#fff; text-decoration:none; background:url(../images/arrow_square_s.png) left 2px / 12px no-repeat; padding-left:20px; }
.footer .det li.contact a{ display:block; width:190px; height:45px; border:solid 1px #fff; background:url(../images/arrow_square_l.png) 35px 13px / 16px no-repeat; font-size:14px; text-align:center; padding:12px 0 0 15px; margin-top:-15px; }

.footer .address{ font-size:12px; text-align:right; margin:135px 0 0; line-height:1.6; }
.footer .address a.marine img{ margin-right:20px; }
.footer .address a img{ vertical-align:middle !important; }

.footer .copy{ color:#fff; font-size:10px; text-align:center; border-top:solid 1px #526070; padding:25px 0 0; margin-top:20px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; }
img{ max-width:100%; height:auto; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.btn{ display:block; width:100%; }


/* display **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 10px; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sp gnav btn */
.header .sp-gnav-btn{ display:block !important; }
	
	
/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.gnav{ margin:10px 10px 0; }
.gnav li{ width:100%; background-size:15px 8px !important; background-position:right 15px center !important; }
.gnav li a{ height:45px; background-size:30px 26px !important; padding:13px 0 0 60px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ margin:20px 0 50px; }

/*------------------------------------------------------------------------------------------------
　TOPに使われている検索エリア設定
------------------------------------------------------------------------------------------------*/
/*box*/
.box{ position:relative; background:#fff; padding:60px 10px 15px; margin-top:20px; }
.box.normal{ padding:20px; }

/*sbt*/
.sbt-search{ font-size:14px; }
.middle .sbt-search{ width:214px !important; height:60px !important; background-size:214px 60px !important; padding:8px 0 0 !important; }
.long .sbt-search{ width:270px !important; height:60px !important; background-size:270px 60px !important; padding:8px 0 0 !important; }

.sbt-search .icon-search{ background-position:12px 3px !important; background-size:23px 20px !important; }

/*sbt bar*/
.sbt-bar{ width:100%; font-size:14px; padding:8px; margin:-65px auto 0; }

/*plan*/
.plan ul{ display:block; }
.plan li{ width:100%; background-position:center bottom; background-size:70px 56px; border-width:1px; text-align:left; margin:0; box-shadow:none; }
.plan li:not(:first-child){ border-top:solid 1px #4fc6d5; }
.plan li a{ min-height:45px !important; height:auto !important; background-size:44px 26px !important; background-position:8px center !important; padding:13px 0 13px 60px !important; }
.plan li a span.arrow{ display:inline-block; width:100%; background-position:right 15px center !important; }

/*rental*/
.rental ul{ display:block; }
.rental li{ width:100%; background-position:center bottom; background-size:95px 56px; border-width:1px; text-align:left; margin:0; box-shadow:none; }
.rental li:not(:first-child){ border-top:solid 1px #4fc6d5; }
.rental li a{ min-height:45px !important; height:auto !important; background-size:44px 26px !important; background-position:8px center !important; padding:13px 0 13px 60px !important; }
.rental li a span.arrow{ display:inline-block; width:100%; background-position:right 15px center !important; }

/*spot*/
.spot{ float:none; width:100%; height:auto; text-align:center; }

/*multi-s*/
.multi-s{ float:none; width:100%; height:auto; margin-left:0; }
.multi-s .sbt-search{ padding:6px 0 0; }
.multi-s .btn{ display:block !important; width:100% !important; margin-top:20px; }
.multi-s .btn:last-of-type{ margin-left:0; }
.multi-s .btn:nth-of-type(n + 2){ margin-top:10px; }

/*multi*/
.multi .frm-wrap{ width:100%; }
.multi .frm-box{ float:none; width:100% !important; }
.multi .frm-box:nth-child(2){ margin-left:0; }

.multi .frm-search dt , .multi .frm-search dd{ width:100% !important; }

.multi .chk-box li{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); line-height:1.4; margin-top:10px; }

/* form search */
.frm-search{ margin-top:15px; padding:0 10px; }
.frm-search dt , .frm-search dd{ float:none; }
.frm-search dt{ width:100% !important; text-align:left; padding-top:0; margin-top:-10px; }
.frm-search dd{ width:100% !important; }

/* japan-map */
.japan-map{ position:static; padding:5px 15px 0; }
.japan-map li{ float:left; width:calc(50% - 8px); width:-webkit-calc(50% - 8px); }
.japan-map li:nth-child(even){ margin-left:16px; }
.japan-map li a{ display:block; border-bottom:dashed 1px #c2cdd4; padding:7px 0 5px 18px; text-decoration:none; text-align:left; }

.green .japan-map li a{ color:#4fc6d5; background:url(../images/arrow_r_green.png) left 15px / 5px 10px no-repeat; }
.blue .japan-map li a{ color:#5496e0; background:url(../images/arrow_r_blue.png) left 15px / 5px 10px no-repeat; }

/* all list btn */
.all-list .btn{ position:static !important; display:block; width:100% !important; text-align:center; margin-top:20px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ padding:20px 0; }

.footer .nav{ float:none; }
.footer .nav li:not(:first-child){ margin-top:0; }
.footer .nav li a{ display:block; background-position:10px center !important; border-bottom:solid 1px #526070; padding:10px 15px 10px 25px; }

.footer .det{ float:none; margin-top:15px; }
.footer .det ul{ margin-left:0; }
.footer .det li{ float:none; }
.footer .det li:not(:last-child){ margin-right:0; }
.footer .det li a{ display:block; background-position:10px center !important; border-bottom:solid 1px #526070; padding:10px 15px 10px 35px; }
.footer .det li.contact a{ width:100%; padding:12px 0 0 0; margin:20px auto 0; }

.footer .address{ margin-top:20px; text-align:center; }
.footer .address a img{ max-width:200px; width:calc(100% / 2 - 20px); width:-webkit-calc(100% / 2 - 20px); height:auto; }

.footer .copy{ padding-top:15px; margin-top:20px; }

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*multi*/
.multi .chk-box li{ width:100%; margin-top:5px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .address a img{ width:100%; margin-right:0 !important; }
.footer .address a:not(:first-child) img{ margin-top:15px; }

}
