@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#2e2723; background:#fff url(../images/bg.png); 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:#4aacdf; text-decoration:underline; }
a:hover{ color:#4aacdf; }
a:hover , a img:hover , input[type=image]:hover , .btn:hover{ opacity:0.9; }

.btn{ display:inline-block; width:180px; height:40px; color:#fff !important; text-decoration:none !important; border:none; border-radius:20px; padding:7px 25px 5px 20px; cursor:pointer; }
.btn.blue      { background:#3163bf url(../images/arrow_r_white.png) right 12px center / 6px 11px no-repeat; }
.btn.light-blue{ background:#4a94df url(../images/arrow_r_white.png) right 12px center / 6px 11px no-repeat; }
.btn.white     { background:#ffffff url(../images/arrow_r_blue.png)  right 12px center / 6px 11px no-repeat; border:solid 1px #3163bf; color:#3163bf !important; }

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:#3163bf; }
.txt-light-blue{ color:#4a94df; }
.txt-navy{ color:#062661; }
.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{ width:60px; height:auto; }
input.sizeM{ width:500px; height:auto; }
input.sizeL{ width:800px; height:auto; }
textarea.sizeS{ width:500px; height:80px; }
textarea.sizeM{ width:500px; height:120px; }
textarea.sizeL{ width:800px; height:120px; }


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


/* pic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.pic.floatR{ float:none; margin:0 0 10px 0 !important; }*/
.win-max350 img{ max-width:350px; width:100%; height:auto; }
.win-max280 img{ max-width:280px; width:100%; height:auto; }
.win-100 img{ width:100%; height: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%; }


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


/* 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:#4a94df; 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); }


/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.gnav ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }*/
.gnav ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; background-color:#3163bf; }
/*.gnav li{ width:calc(100% / 3); width:-webkit-calc(100% / 3); background:#3163bf url(../images/arrow_d.png) right 10px center / 22px 12px no-repeat; }*/
.gnav li{ width:33%; background:#3163bf url(../images/arrow_d.png) right 10px center / 22px 12px no-repeat; }
.gnav li:nth-child(even){ background:#2553a7 url(../images/arrow_d.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_shop.png) 15px center / 40px 35px no-repeat; }*/
.gnav li:nth-child(1) a{ background:url(../images/gnav_icon_type.png) 15px center / 40px 35px no-repeat; }
/*.gnav li:nth-child(2) a{ background:url(../images/gnav_icon_price.png) 15px center / 40px 35px no-repeat; }*/
.gnav li:nth-child(2) a{ background:url(../images/gnav_icon_mfr.png) 15px center / 40px 35px no-repeat; }
.gnav li:nth-child(3) a{ background:url(../images/gnav_icon_list.png) 15px center / 40px 35px no-repeat; }

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


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

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

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

        .sbt-search{ position:relative; color:#fff; font-size:18px; font-weight:bold; text-align:center; }
.short  .sbt-search{ width:220px; height:84px; background:url(../images/top_sbt_s.png) left top / 220px 84px no-repeat; padding:15px 0 0 35px; }
.middle .sbt-search{ width:300px; height:84px; background:url(../images/top_sbt_m.png) left top / 300px 84px no-repeat; padding:15px 0 0 35px; }
.long   .sbt-search{ width:380px; height:84px; background:url(../images/top_sbt_l.png) left top / 380px 84px no-repeat; padding:15px 0 0 35px; }
.short  .sbt-search.multi,
.middle .sbt-search.multi,
.long   .sbt-search.multi { padding:10px 0 0 25px; line-height:1.4 !important; }

.sbt-search span{ display:block; }
.sbt-search     .icon-search{ background:url(../images/icon_search.png) 10px center / 34px 30px no-repeat; }
.sbt-search     .icon-spot  { background:url(../images/icon_spot.png)   10px center / 34px 30px no-repeat; }
.sbt-search     .icon-shop  { background:url(../images/icon_shop.png)   10px center / 34px 30px no-repeat; }
.sbt-search     .icon-price { background:url(../images/icon_price.png)  10px center / 34px 30px no-repeat; }

/* sbt-area - sub */
        .sbt-search .sbt-sub{ color:#2553a7; font-size:14px; font-weight:bold; border:solid 2px #2553a7; border-left:solid 8px #4a94df; text-align:center; padding:7px 15px 5px; margin:10px 0 0 15px; }
.short  .sbt-search .sbt-sub{ width:185px; position:absolute; top:0; left:220px; }
.middle .sbt-search .sbt-sub{ width:240px; position:absolute; top:0; left:300px; }
.long   .sbt-search .sbt-sub{ position:absolute; top:0; left:380px; }

/*sbt bar*/
.sbt-bar{ width:630px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:linear-gradient(90deg, rgba(6,38,97,1) 50%, rgba(14,49,115,1) 50%); line-height:1.4; padding:15px 10px; margin:-100px auto 20px; }

/*mfr*/
.mfr { float:left; width:830px; height:450px; margin-left:30px; margin-top:0;text-align:center;  }
.mfr ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.mfr li{ width:calc(100% / 6 - 4px); width:-webkit-calc(100% / 6 - 4px); text-align:center; line-height:1.4; padding:0 2px; cursor:pointer; }
.mfr li:nth-child(n + 7){ margin-top:15px; }
.mfr li:hover{ opacity:0.9; }
.mfr li a{ color:#2e2723; text-decoration:none; }
.mfr li img{ max-width:120px; width:100%; height:auto; opacity:1; }
.mfr li p{ font-size:11px; margin:8px 0; }
.mfr .all-list .btn{ margin-top:12px; }

/*type*/
.type ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.type li{ width:200px; background:url(../images/top_type_bg.png) center / 200px repeat; text-align:center; line-height:1.4; margin:0 7px; }
.type li:hover{ opacity:0.9; }
.type li a{ display:block; height:200px; color:#fff; text-decoration:none; padding-top:135px; }
.type li:nth-child(1) a{ background:url(../images/top_type_cruiser.png) center 20px / 158px 93px no-repeat; }
.type li:nth-child(2) a{ background:url(../images/top_type_fishing.png) center 20px / 158px 93px no-repeat; }
.type li:nth-child(3) a{ background:url(../images/top_type_yacht.png) center 20px / 158px 93px no-repeat; }
.type li:nth-child(4) a{ background:url(../images/top_type_jet.png) center 20px / 158px 93px no-repeat; padding-top:115px; }
.type li:nth-child(5) a{ background:url(../images/top_type_other.png) center 20px / 158px 93px no-repeat; }
.type li a span.arrow{ display:inline-block; background:url(../images/arrow_r_white.png) right center / 6px 11px no-repeat; padding-right:15px; }

/*spot*/
.spot{ float:left; width:460px; height:410px; }
.spot li{ position:absolute; }
.spot li:nth-child(1){ top:99px; left:357px; }
.spot li:nth-child(2){ top:167px; left:357px; }
.spot li:nth-child(3){ top:252px; left:357px; }
.spot li:nth-child(4){ top:231px; left:273px; }
.spot li:nth-child(5){ top:273px; left:216px; }
.spot li:nth-child(6){ top:273px; left:131px; }
.spot li:nth-child(7){ top:323px; left:155px; }
.spot li:nth-child(8){ top:273px; left:39px; }
.spot li:nth-child(9){ top:336px; left:39px; }
.spot li span.area{ display:none; }
.spot .all-list .btn{ position:absolute; top:125px; left:40px; }

/*shop*/
.shop{ float:left; width:340px; height:410px; margin-left:30px; text-align:center; }
.shop .btn{ margin-top:25px; }
.shop .btn:last-of-type{ width:110px; margin-left:10px; }

/*price*/
.price{ float:left; width:340px; height:410px; margin-left:30px; text-align:center; }
/*.price p{ color:#3163bf; font-size:20px; margin:25px 0 0 60px; text-align:left; }*/
.price .btn{ width:180px; margin-top:30px; }

/*multi-s*/
.multi-s{ float:left; width:340px; height:450px; text-align:center; margin-top:0; }
/*.multi-s .sbt-search{ padding:10px 0 0 25px; line-height:1.4 !important; }*/
.multi-s .btn{ width:145px; margin-top:25px; }
.multi-s .btn:last-of-type{ margin-left:10px; }
.multi-s .all-list .btn{ width:180px; margin:20px 0 0 0; }
.multi-s .frm-search select.feet { width:78px !important; }

/*multi*/
.multi{ padding-bottom:40px; }
.multi .frm-box{ float:left; width:340px; text-align:center; }
.multi .frm-box:not(:first-child){ margin-left:40px; }
.multi .btn{ width:165px; margin-top:25px; }
.multi .btn:last-of-type{ margin-left:10px; }
.multi .all-list .btn{ position:absolute; top:20px; right:80px; }
.multi .frm-search select.between { width:98px !important; }

/* form search */
.frm-search{ margin-top:20px; }
.frm-search dt , .frm-search dd{ float:left; }
.frm-search dt{ width:120px; color:#3163bf; text-align:right; padding:10px 12px 0 0; }
.frm-search dd{ width:calc(100% - 120px); width:-webkit-calc(100% - 120px); 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; background:url(../images/arrow_d_blue.png) right 10px center / 10px 6px no-repeat; }

.shop .frm-search dt{ width:80px; }
.shop .frm-search dd{ width:calc(100% - 80px); width:-webkit-calc(100% - 80px); }
.shop .frm-search.city dt{ padding:4px 12px 0 0; }
.shop .frm-search.city dd select{ width:145px; height:30px; padding:5px 10px; margin-bottom:5px; }

.price .frm-search{ padding:80px 0; }
.price .frm-search dt{ width:60px; }
.price .frm-search dd{ width:calc(100% - 60px); width:-webkit-calc(100% - 60px); }


/* photo-frame */
div.photo-frame { display:table; text-align:center; }
div.photo-frame div { display:table-cell; height:100%; vertical-align:middle; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ position:relative; color:#fff; background:#062661; 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_blue.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 h1.logo a.marine img { margin-right:20px; }
.footer .address h1.logo a img{ vertical-align: middle !important; }

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


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


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


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.sizeM , input.sizeL , textarea.sizeS , textarea.sizeM , textarea.sizeL{ 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:140px 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 10px; margin-top:20px; }

/*sbt*/
.sbt-area.short{ left:calc(50% - 78px); left:-webkit-calc(50% - 78px); }
.sbt-area.middle{ left:calc(50% - 107px); left:-webkit-calc(50% - 107px); }
.sbt-area.long{ left:calc(50% - 135px); left:-webkit-calc(50% - 135px); }

        .sbt-search{ font-size:14px; }
.short  .sbt-search{ width:157px; height:60px; background-size:157px 60px; padding:5px 0 0; }
.middle .sbt-search{ width:214px; height:60px; background-size:214px 60px; padding:5px 0 0; }
.long   .sbt-search{ width:270px; height:60px; background-size:270px 60px; padding:5px 0 0; }

.sbt-search .icon-search , .sbt-search .icon-spot , .sbt-search .icon-shop , .sbt-search .icon-price{ background-position:12px 3px; background-size:23px 20px; }

.sbt-search .sbt-sub{ position:static !important; width:auto !important; color:#fff; font-size:10px; font-weight:normal; border:none; padding:0; margin:-7px 0 0; }

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

/*mfr*/
.mfr{ float:none; width:100%; height:auto; margin-left:0; }
.mfr ul{ justify-content:flex-start; }
.mfr li{ width:calc(100% / 4); width:-webkit-calc(100% / 4); margin-bottom:10px; }
.mfr li:nth-child(n + 10){ margin-top:0; }
.mfr li:nth-child(n + 5){ margin-top:5px; }

/*type*/
.type ul{ display:block; }
.type li{ width:100%; background-position:center bottom; background-size:100px; text-align:left; margin:1px 0 0; }
.type li a{ min-height:45px !important; height:auto !important; color:#fff; text-decoration:none; background-size:44px 26px !important; background-position:8px center !important; padding:13px 0 13px 60px !important; }
.type 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; }
.spot ul{ margin-bottom:20px; }
.spot li{ position:static; margin-top:1px; }
.spot li a{ color:#fff; text-decoration:none; }
.spot li img{ display:none; }
.spot li span.area{ display:block; height:45px; background:url(../images/arrow_r_white.png) right 15px center / 6px 11px no-repeat , url(../images/top_type_bg.png) center bottom / 100px repeat , #3163bf; text-align:left; padding:10px 15px; }

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

/*price*/
.price{ float:none; width:100%; height:auto; margin-left:0; }
.price .sbt-search{ padding:8px 0 0; }
/*.price p{ margin:0 0 -25px 0; }*/
.price .btn{ display:block; width:100%; margin-top:20px; }

/*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 .sbt-search{ padding:8px 0 0; }
.multi .frm-box{ float:none; width:100%; }
.multi .frm-box:not(:first-child){ margin-left:0; }
.multi .btn{ display:block; width:100%; margin-top:20px; }
.multi .btn:last-of-type{ margin-left:0; }
.multi .btn:nth-of-type(n + 2){ margin-top:10px; }

/* form search */
.frm-search{ margin-top:15px; }
.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; }

.price .frm-search{ padding:0; }

/* 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 #184383; 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 #445882; 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 h1.logo a img { max-width:200px; height:auto; }

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

}


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


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------
　TOPに使われている検索エリア設定
------------------------------------------------------------------------------------------------*/
/*mfr*/
.mfr li{ width:calc(100% / 3 - 1px); width:-webkit-calc(100% / 3 - 1px); } /*1pxは微調整*/
.mfr li:nth-child(n + 5){ margin-top:0; }
.mfr li:nth-child(n + 4){ margin-top:10px; }
}


@media only screen and (max-width: 514px){ /* iPhone6Plus */
/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .address h1.logo a img { max-width:200px; height:auto; }
.footer .address h1.logo a.marine img { margin-right:0; margin-bottom:10px; }
}