@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');

body {font-size: 13px;color: #CCCCCC;margin: 0px;padding: 0px;background: url(image/bg.jpg) repeat top; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 150%;}

.highlight a:hover *{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */  
img { max-width: 100%; height: auto; width /***/:auto; border: none; }
img.miniimage { display: none; }
@media screen and (min-width: 1025px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
@media screen and (max-width: 1024px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
@media screen and (max-width: 736px) {
   img.minispimage { display: block; } /* miniを表示 */
   img.miniimage { display: none; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
p { margin: 0; padding: 0; }
ul { margin: 0; padding:0; }
li { margin: 0; padding:0; }
a:link {color: #FFF; text-decoration: none;}
a:visited {color: #FFF; text-decoration: underline;}
a:hover {color: #c80000; text-decoration: underline;}
a:active {color: #FFF; text-decoration: underline;}

strong { font-weight: normal; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_red { color: #EE0000; }
.text_gray { color: #CCCCCC; }
.text_bold { font-weight:bold;}
.text10 { font-size: 10px; line-height: 130%; }
.text11 { font-size: 11px; line-height: 130%; }
.text13 { font-size: 13px; line-height: 130%; }
.text15 { font-size: 15px; line-height: 130%; }
.text17 { font-size: 17px; line-height: 130%; }
.text19 { font-size: 19px; line-height: 130%; }
.text21 { font-size:21px; line-height: 130%; }
.text25 { font-size:25px; line-height: 130%; }
.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }
.bottom30 { margin-bottom: 30px; }
.bottom40 { margin-bottom: 40px; }
.bottom50 { margin-bottom: 50px; }
.sb-slidebar { display: none; }

.fixed { position: fixed; top: 0; width: 100%; z-index: 10000;}
#page-top { position: fixed; bottom: 20px; right: 20px; z-index: 999;}
#page-top a { text-decoration: none; width: 50px;}
#page-top a:hover { text-decoration: none; }

.wp-pagenavi {clear: both; margin:0 15px; height:45px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;	border: 1px solid #222;	padding: 10px 15px;	margin: 3px; background: #222; color: #FFF; border-radius: 40px; line-height: 30px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #222; background:#FFF; color:#222; }
.wp-pagenavi span.current { font-weight: bold; }

#spNav { display: none;}
.drawer-nav { display: none;}
.btMail  { display:none;}
.btTel  { display:none;}
.spheader { display:none;}
#spLogo { display:none;}

.btnRed  {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#c80000; text-align: center;}
.btnRed:hover,
.btnRed:focus,
.btnRed:active,
.btnRed.active {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#000; text-align: center;}

.btnRed2  {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#c80000; text-align: center;}
.btnRed2:hover,
.btnRed2:focus,
.btnRed2:active,
.btnRed2.active {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#333; text-align: center;}

.btnBlack  {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#000; text-align: center;}
.btnBlack:hover,
.btnBlack:focus,
.btnBlack:active,
.btnBlack.active {width: 100%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background:#c80000; text-align: center;}

#header { width:100%;}
.headerWrap { background: url(image/bg.jpg) repeat top; border-bottom:1px solid #333;}
#headLogo { width:120px; float:left; margin-right:20px;}
#headLogo h1 {padding:0; margin:0; font-size:11px; font-weight:normal;}
#headTitle { width:240px; float:left;}
#headTitle h2 {padding:0; margin:0; font-size:11px; font-weight:normal;}
.headNavi {width:140px; float:right; margin-right:20px; text-align: center; margin-top:30px;}

#contentsTop { width:100%; background: url(image/bg_contents.png) repeat-y top center; padding: 80px 0;}
#contents { width:100%; background: url(image/bg_contents.png) repeat-y top center; padding: 40px 0 80px 0;}
#contentsWrap { width:95%; margin: 0 auto;}
.navBtn {width: 100%; clear: both; bottom: 0; position: fixed; background: #000; padding: 10px 0;}
.navBtn .inner {width: 95%; margin: 0 auto;}

#footer {background: #222; padding: 40px 0; color: #FFF;}
#footer .EN {font-family: 'Barlow', sans-serif; font-weight: 500;}
#footer h2 {line-height: 1.5; padding: 0; margin: 0;}
#footer .txt16 {font-size: 16px;}
#footer .txt700 {font-weight: 700;}
#footer .mb5 {margin-bottom: 5px;}
#footer .mb15 {margin-bottom: 15px;}
#footer .mb10 {margin-bottom: 10px;}
#footer .mb20 {margin-bottom: 20px;}
#footer .logo {width: 160px;}
#footer .container {width: 100%; max-width: 1212px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;}
#footer .col6 {width: calc(100% - 30px); margin: 0 auto;}
#footer .w100 {width: 100%;}
#footer .mlr {margin-left: auto; margin-right: auto;}
#footer ul {list-style: none; font-weight: 500; line-height: 1.7;}
#footer a:link {color: #FFFFFF!important;	text-decoration: none;}
#footer a:visited {	color: #FFFFFF!important;	text-decoration: none;}
#footer a:hover {color: #FFF!important;text-decoration: none;}
#footer a:active {color: #FFFFFF!important;text-decoration: none;}
#footer .flex {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
#footer .jcSb {justify-content: space-between;}
#footer #fnavi {width: 100%;}
#footer .fNav {max-width: 655px;}
#footer .fNav li {margin: 0 30px 10px 0;}
#footer .fNav li a {display: block; padding-left: 10px; border-left: 5px solid #0079AE;}
.footCopy {text-align: right;}
.footCopy small {font-size: 14px;}

#slider { width:100%; height:300px; background:#FFF; z-index:0; position: absolute;}

#makerArea { width:100%; background:url(image/bg_top.png) bottom center no-repeat; margin-top:250px; z-index:1; position:relative;}
#makerWrap { width:97%; margin: 0 auto;}
#makerTriton { background:url(image/bg_maker1.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerRanger { background:url(image/bg_maker2.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerStratos { background:url(image/bg_maker3.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerGambler { background:url(image/bg_maker4.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerBlackwood { background:url(image/bg_maker5.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerAlumi { background:url(image/bg_maker6.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerNitro { background:url(image/bg_maker7.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
#makerTracker { background:url(image/bg_maker8.jpg) no-repeat top; width:22%; margin: 0 1.5% 15px; float:left; background-size: cover;}
.btnMakerlogo { width:200px; margin:75px auto 0;}
.btnMakerlogo h2 {padding:0; margin:0; font-size:11px; font-weight:normal;}
.btnMakerwrap { width:200px; margin:0 auto;}
.btnMaker {width: 160px;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background: url(image/bt_series1.gif) no-repeat; padding:0 20px;}
.btnMaker:hover,
.btnMaker:focus,
.btnMaker:active,
.btnMaker.active {width: 160px;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; font-weight:bold; background: url(image/bt_series2.gif) no-repeat; padding:0 20px;}

.makerLogo { margin:0 15px 20px; background:url(image/line.png) no-repeat center;}
.makerLogowrap { width:300px; margin: 0 auto;}
.makerLogowrap h2 {padding:0; margin:0; font-size:11px; font-weight:normal;}
#makerTritonWrap { width:100%; margin:40px 0 0; background:url(image/logo_triton_bg.png) no-repeat center; height:80px;}
#makerRangerWrap { width:100%; margin:40px 0 0; background:url(image/logo_ranger_bg.png) no-repeat center; height:106px;}
#makerStratosWrap { width:100%; margin:40px 0 0; background:url(image/logo_stratos_bg.png) no-repeat center; height:65px;}
#makerHead { width:300px; margin:0 auto;}
#makerHead h2 { padding:0; margin:0; font-size:11px; font-weight:normal;}

#triton { margin-top:-160px; padding-top:160px;}
#ranger { margin-top:-160px; padding-top:160px;}
#stratos { margin-top:-160px; padding-top:160px;}
#gambler { margin-top:-160px; padding-top:160px;}
#blackwood { margin-top:-160px; padding-top:160px;}
#alumi { margin-top:-160px; padding-top:160px;}

.boatCat {margin:0 15px 20px; padding-bottom:20px; border-bottom:1px solid #FFF; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; clear:both;}
.triple { width:30.33%; margin-left: 1.5%; margin-right:1.5%; margin-bottom:30px; float:left;}
.boatList { margin-bottom:20px;}
.boatListP { width:100%; height:150px;}
.boatListT { width:100%; font-family: 'Muli', sans-serif;}
.btnList {width: 94%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 18px; background: url(image/bt_detail1.gif) #333333 no-repeat; padding:0 3%;}
.btnList:hover,
.btnList:focus,
.btnList:active,
.btnList.active {width: 94%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 18px; background: url(image/bt_detail2.gif) #CC0000 no-repeat; padding:0 3%;}

.boatCatWrap {margin:0 15px 20px; padding-bottom:10px; border-bottom:1px solid #FFF; clear:both;}
.boatCat2 {width: 70%; float:left; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; line-height:40px;}
.boatSeries {width:30%; float:right; background:#333333; font-family: 'Muli', sans-serif; font-size:18px; text-align:center; line-height:40px;}
.textArea { margin-left:15px; margin-right:15px;}

.seriesList {margin:0 15px 30px; background:#222222;}
.seriesPhoto {width:40%; height:240px; float:left; margin-top: 15px;}
.seriesText {width:55%; float:right; margin:15px 2.5%; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF;}
.seriesTitle { line-height:45px; font-size:17px; font-family: 'Libre Baskerville', serif; font-weight:400; border-bottom:1px solid #FFF;}
.seriesPrice { line-height:45px; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; border-bottom:1px solid #FFF; clear:both;}
.seriesPrice2 { line-height:50px; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; clear:both; text-align:right;}
.seriesPrice3 { line-height:30px; font-size:18px; font-family: 'Libre Baskerville', serif; font-weight:400; clear:both; text-align:right;}
.seriesPrice4 { line-height:70px; font-size:34px; font-family: 'Libre Baskerville', serif; font-weight:400; clear:both; text-align:right;}
.seriesMidashi {font-size:13px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin-right:20px;}
.seriesLeft {width:100%; border-bottom:1px solid #FFF; line-height:40px;}
.seriesRight {width:100%; border-bottom:1px solid #FFF; line-height:40px;}
.seriesComment {clear:both; padding:15px 0; line-height:20px; height:40px; overflow:auto;}
.seriesComment2 {clear:both; padding:15px 0; line-height:20px; border-bottom:1px solid #FFF;}

#gallery {width: 95%;margin: 0 auto 30px;	position:relative;}
.galleryItem {width: 100%;	margin: 0 auto;}
#gallery li {list-style: none;margin-left: 5px;	margin-right: 5px;}
#gallery li img {max-height: 300px;}
.thum {	height: 70px;margin: 0 1px;}

#boatName { margin: 0 15px 40px; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; text-align:center; padding-top:20px;}
.detailWrap { width:700px; margin:0 auto;}
.detailPrice { line-height:45px; font-size:24px; font-family: 'Libre Baskerville', serif; font-weight:400; border-bottom:1px dotted #FFF; text-align:center; margin: 0 15px 20px;}
.detail {width:320px; float:left; margin:0 15px 10px; padding-bottom:10px; border-bottom:1px dotted #FFF;}
.detailComment {margin: 0 15px 20px;}
.detailLeft { float:left; margin-right:20px;}
.detailRight { float:left;}
.detailFull {width:670px; float:left; margin:0 15px 10px; padding-bottom:10px; border-bottom:1px dotted #FFF; clear:both;}

.btnOptionWrap { width:300px; margin: 0 auto;}
.btnOption {width: 260px;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail1.gif) #333333 no-repeat; padding:0 20px; margin: 0 auto;}
.btnOption:hover,
.btnOption:focus,
.btnOption:active,
.btnOption.active {width: 260px;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail2.gif) #CC0000 no-repeat; padding:0 20px;}

#optionLeft {width:60%; float:left; margin-left:1.5%;}
#optionRight {width:30%; float:right; margin-right:1.5%; background:#333333; padding:15px;}
#optionName {background:#333; border-left:5px solid #222; line-height:40px; font-size:20px; font-weight:bold; padding-left:10px; margin:0 1.5% 30px;}
.priceLeft {float:left; line-height:30px;}
.priceRight {float:right; text-align:right; line-height:30px; font-family: 'Muli', sans-serif;}
.priceTotal {border-top: 1px solid #FFF; margin:15px 0 20px;}
.priceTotalL {float:left; line-height:50px; font-size:17px;}
.priceTotalR {float:right; line-height:50px; font-size:24px; font-family: 'Muli', sans-serif;}
.btnPriceWrap { width:100%;}
.btnPrice {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail3.gif) #000000 no-repeat right; padding:0 2.5%; margin: 0 auto;}
.btnPrice:hover,
.btnPrice:focus,
.btnPrice:active,
.btnPrice.active {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail2.gif) #CC0000 no-repeat right; padding:0 2.5%;}

.optionList {background:#333333; margin-bottom:30px;}
.optionPhoto {width:40%; height: 180px; float:left;}
.optionText {width:55%; padding: 15px 2.5%; float:right;}
.optionTitle { font-size:15px; border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:15px;}
.optionPrice { font-size:19px; font-family: 'Libre Baskerville', serif; font-weight:400; padding-bottom:5px; margin-bottom:20px; text-align:right}

.btnSelect {width:25%; float:right; margin-left:10px; text-align:center;}
.optionDetail {padding: 15px; background:#FFF; color:#222;}
.optionDetail h3 { font-size:17px; font-weight:normal; border-bottom:1px solid #222;}
.optionPhotoW {width:100%; margin:0 auto;}
.optionPhotoD {width:30.33%; float:left; margin:0 1.5% 20px;}

.btnNext {width:48%; float:right;}
.btnNext2 {width:48%; float:left;}
.btnPrev {width:48%; float:left; text-align:right;}
.btnArrow {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail1.gif) #333333 no-repeat right; padding:0 2.5%; margin: 0 auto;}
.btnArrow:hover,
.btnArrow:focus,
.btnArrow:active,
.btnArrow.active {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail2.gif) #CC0000 no-repeat right; padding:0 2.5%;}
.btnArrow2 {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail4.gif) #333333 no-repeat left; padding:0 2.5%; margin: 0 auto;}
.btnArrow2:hover,
.btnArrow2:focus,
.btnArrow2:active,
.btnArrow2.active {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail5.gif) #CC0000 no-repeat left; padding:0 2.5%;}
.btnWindow {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail6.gif) #333333 no-repeat right; padding:0 2.5%; margin: 0 auto;}
.btnWindow:hover,
.btnWindow:focus,
.btnWindow:active,
.btnWindow.active {width: 95%;color: #FFF;cursor: pointer;display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px; background: url(image/bt_detail7.gif) #CC0000 no-repeat right; padding:0 2.5%;}

#finPhoto {width:370px; margin-left:auto; margin-right: auto; margin-bottom:30px;}
#finText {width:550px; margin-left:auto; margin-right: auto; margin-bottom:30px;}

.optionFin {width:20%; float:left;}
.optionFinW {padding:0 15px; border-right:1px dotted #FFF;}
.optionFinW2 {padding:0 15px;}

.estiBtn { margin: 0 15px;}
.btnFin {width:48%; float:left; margin-bottom: 20px; margin-left: 2%; text-align:center;}

.tagselect {font-size: 15px; width: 35%; text-align:center; background: #000; line-height: 40px; color: #FFF; font-weight: bold;}
.tagselect select {font-size:18px; margin-left: 5px;}

.movie {width: 47%; margin: 0 1.5% 30px; float: left;}
.movie .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}