@charset "utf-8";

/* common **********
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*** article ***/
article{ padding-top: 66px; }

/*** header ***/
.header{ position: fixed; width:100%; z-index:999; }
.header .main{ height:190px; background:url(../images/mainimg.jpg) top center/ cover no-repeat; }


/*** title ***/
.title{ height:200px; background:url(../images/title_bg.png) repeat-x center; text-align:left; }

.title.normal{ background:url(../images/title_bg_normal.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.cruise-tour .title{ background:url(../images/title_bg_cruise_tour.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports .title{ background:url(../images/title_bg_marine_sports.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports.jetski .title{ background:url(../images/title_bg_marine_sports_jetski.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports.snorkelling .title{ background:url(../images/title_bg_marine_sports_snorkelling.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports.scubadiving .title{ background:url(../images/title_bg_marine_sports_scubadiving.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports.seabob .title{ background:url(../images/title_bg_marine_sports_seabob.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-sports.wakeboard .title{ background:url(../images/title_bg_marine_sports_wakeboard.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-info .title{ background:url(../images/title_bg_marine_info.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.cruising .title{ background:url(../images/title_bg_cruising.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.boat-charter .title{ background:url(../images/title_bg_boat_charter.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.technique .title{ background:url(../images/title_bg_technique.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.maintenance .title{ background:url(../images/title_bg_maintenance.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.marine-school .title{ background:url(../images/title_bg_marine_school.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.managing-ship .title{ background:url(../images/title_bg_managing_ship.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.enjoy-boat .title{ background:url(../images/title_bg_enjoy_boat.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.cabinlife .title{ background:url(../images/title_bg_cabinlife.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.for-owner .title{ background:url(../images/title_bg_for_owner.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.buy-boat .title{ background:url(../images/title_bg_buy_boat.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.what-marine .title{ background:url(../images/title_bg_what_marine.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.instagram .title{ background:url(../images/title_bg_instagram.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }
.fireworks .title{ background:url(../images/title_bg_fireworks.png) right top no-repeat , url(../images/title_bg.png) repeat-x center; }


/*** page title ***/
.title .page-title{ background:url(../images/title_bg_wave.png) left bottom no-repeat; color:#fff; font-weight:bold; font-size:38px; line-height:1.4; padding:50px 0 35px; }
.title .page-title span{ display:block; color:#809ecb; font-weight:normal; font-size:16px; }


/*** plink ***/
.plink{ margin-top:40px; }
.plink li{ float:left; margin-bottom:20px; }
.plink li:not(:nth-child(3n)){ margin-right:21px; }


/*** sbt ***/
.sbt-light-blue-bar{ text-align:center; font-size:24px; font-weight:bold; background:#e5f5ff; padding:13px 15px 10px; margin:40px 0; line-height:1.4; }
.sbt-light-gray-bar{ text-align:center; color:#fff; font-size:24px; font-weight:bold; background:#949494; padding:13px 15px 10px; margin:40px 0; line-height:1.4; }
.sbt-blue-bar{ text-align:center; color:#fff; font-size:24px; font-weight:bold; background:#4aacdf; padding:13px 15px 10px; margin:40px 0; line-height:1.4; }
.sbt-navy-bar{ text-align:center; color:#fff; font-size:24px; font-weight:bold; background:#003d97; padding:13px 15px 10px; margin:40px 0 20px; line-height:1.4; }
.sbt-gray-bar{ font-size:14px; font-weight:bold; background:#eee; padding:5px 15px 2px; margin:40px 0 20px; }
.sbt-txt{ font-weight:bold; border-bottom:solid 1px #c2cdd4; padding:5px 0; margin:40px 0; line-height:1.4; }
.sbt-icon{ font-size:30px; margin:20px 0; padding:15px 0 15px 70px; line-height:1.2; background-position:left top; background-size:60px; background-repeat:no-repeat; }


/*** table ***/
/* 縦向き */
table.normal-list{ width:100%; }
table.normal-list th , table.normal-list td{ border-bottom:solid 1px #c0ccd3; padding:18px 5px 8px; }
table.normal-list th{ width:260px; font-weight:bold; vertical-align:top; }

/* 横向き */
table.normal-list-side{ width:100%; }
table.normal-list-side td{ border:solid 1px #c0ccd3; padding:5px; }
table.normal-list-side tr:first-child td{ background:#eee; text-align:center; }
table.normal-list-side tr:not(:first-child) td{ border-top:none; }
table.normal-list-side tr td:not(:first-child){ border-left:none; }

/* 会員登録フォーム */
.contact .limit{ width:100%; border-bottom:solid 1px #c0ccd3; }
.contact .limit table th , .contact .limit table td{ border-bottom:none; }
.contact .limit table tr:nth-child(n + 2) th{ display:none; }
.contact .limit table tr{ float:left; }

.contact table.normal-list th{ vertical-align:middle; }


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


/*** pic-float-r ***/
.pic-float-r .pic{ float:right; width:460px; margin-left:40px; }
.pic-float-r .txt{ float:left; width:calc(100% - 500px); width:-webkit-calc(100% - 500px); }


/*** chk-list ***/
.chk-list{ padding:30px; }
.chk-list li{ font-size:20px; background-position:left 3px; background-size:24px 22px; background-repeat:no-repeat; padding-left:36px; line-height:1.4; }
.chk-list li:not(:first-child){ margin-top:5px; }

.chk-list.blue{ color:#003d97; background:#e3effc; }
.chk-list.blue li{ background-image:url(../images/listmark_blue_check.png); }
.chk-list.red{ color:#f43b54; background:#f9ecf2; }
.chk-list.red li{ background-image:url(../images/listmark_red_check.png); }
.chk-list.brown{ color:#c47c14; background:#f6efde; }
.chk-list.brown li{ background-image:url(../images/listmark_brown_check.png); }

.chk-list .pic{ float:right; width:460px; margin-left:40px; }
.chk-list .txt{ float:left; width:calc(100% - 500px); width:-webkit-calc(100% - 500px); }

/* box-blue */
.box-blue .chk-list .pic{ width:430px; margin-left:40px; }
.box-blue .chk-list .txt{ width:calc(100% - 470px); width:-webkit-calc(100% - 470px); }


/*** point ***/
.point{ background:#359fd8 url(../images/point_bg.png); padding:18px 20px 20px; margin:60px 0 40px; }
.point .icon{ top:-30px; left:-15px; }
.point dt{ color:#fff; padding-left:60px; margin-bottom:15px; line-height:1.4; }
.point dd{ background:#fff; padding:15px 25px; border-radius:4px; }


/*** point-num ***/
.point-num:nth-of-type(1) dt{ background-image:url(../images/point_number1.png); }
.point-num:nth-of-type(2) dt{ background-image:url(../images/point_number2.png); }
.point-num:nth-of-type(3) dt{ background-image:url(../images/point_number3.png); }
.point-num:nth-of-type(4) dt{ background-image:url(../images/point_number4.png); }
.point-num:nth-of-type(5) dt{ background-image:url(../images/point_number5.png); }
.point-num:nth-of-type(6) dt{ background-image:url(../images/point_number6.png); }
.point-num dt{ font-size:20px; line-height:1.4; padding-left:70px; background-size:50px; background-position:left top; background-repeat:no-repeat; }
.point-num dd{ background:url(../images/arrow_dott_right.png) left center no-repeat; padding:20px 0 20px 150px; margin-top:20px; }
.point-num dl , .point-num .pic{ float:left; }
.point-num dl{ width:calc(100% - 500px); width:-webkit-calc(100% - 500px); }
.point-num .pic{ width:460px; margin-left:40px; }


/*** point-list ***/
.point-list dl{ background:#e5f5ff url(../images/listmark_blue_check.png) 10px 10px / 24px 22px no-repeat; border-radius:5px; padding:10px 0 7px 40px; line-height:1.4; }
.point-list dl:not(:first-child){ margin-top:1px; }
.point-list dt , .point-list dd{ float:left; color:#003d97; }
.point-list dt{ font-size:18px; font-weight:bold; padding-left:0 !important; margin-bottom:0 !important; }
.point-list dd{ background:transparent; padding:2px 0 0; }


/*** caution ***/
.caution{ background:#fff8f8; border:dashed 1px #df4a4a; padding:20px 50px 20px 75px; margin-top:40px; }
.caution .icon{ top:-30px; left:-15px; }


/*** caution-list ***/
.caution-list dt{ line-height:1.4; }
.caution-list dd.ans{ background:url(../images/arrow_dott_right_red.png) left center no-repeat; padding:20px 0 20px 150px; }
.caution-list dl , .caution-list .pic{ float:left; }
.caution-list dl{ width:calc(100% - 210px); width:-webkit-calc(100% - 210px); }
.caution-list .pic{ width:180px; margin-right:30px; }
.caution-list .pic img{ width:180px; height:auto; }

.caution-list.photo dl{ width:calc(100% - 260px); width:-webkit-calc(100% - 260px); }
.caution-list.photo .pic{ width:230px; margin-right:30px; }
.caution-list.photo .pic img{ width:230px; height:auto; }


/*** know ***/
.know{ background:url(../images/icon_know.png) 20px 15px no-repeat; border:dashed 1px #003d97; padding:20px 20px 20px 140px; line-height:1.4; }


/*** japan-map ***/
.japan-map{ background:#e5f5ff; padding:30px; position:relative; }
.japan-map .cmt{ position:absolute; top:45px; left:80px; }
.japan-map table{ width:670px; border-collapse:separate; border-spacing:1px; margin:0 auto; line-height:1.2; }
.japan-map td{ padding:10px 2px; }
.japan-map .pref { background:#4aacdf; font-size:12px; text-align:center; border-radius:2px; }
.japan-map .hokkaido {background:#9ee451;padding:20px 0;}
.japan-map .tohoku { background:#52e4b9; }
.japan-map .kantou { background:#1ac58e; }
.japan-map .toukai { background:#79ccf3; }
.japan-map .hokuriku { background:#2b8cff; }
.japan-map .kinki { background:#2b36ff; }
.japan-map .cyugoku { background:#a389f3; }
.japan-map .shikoku { background:#7429ff; }
.japan-map .kyusyuu { background:#7e31bd; }
.japan-map .okinawa { background:#bb1aa7; }
.japan-map .pref a{ text-decoration:none; color:#fff; }

.japan-map-list{ width:100%; }
.japan-map-list th , .japan-map-list td{ border:solid 1px #c0ccd3; padding:5px; }
.japan-map-list th{ color:#fff; padding:5px 30px; }
.japan-map-list tr:not(:first-child) th , .japan-map-list tr:not(:first-child) td{ border-top:none; }
.japan-map-list tr:first-child th , .japan-map-list tr:first-child td{ background:#eee; }
.japan-map-list td{ padding:5px 10px; border-left:none; text-align:center; }
.japan-map-list .honbu { background:#74b2ff; }
.japan-map-list .hokkaido { background:#9ee451; }
.japan-map-list .tohoku { background:#1ac58e; }
.japan-map-list .kantou { background:#36d0ff; }
.japan-map-list .toukai { background:#79ccf3; }
.japan-map-list .hokuriku { background:#2b8cff; }
.japan-map-list .kinki { background:#2b36ff; }
.japan-map-list .cyugoku { background:#a389f3; }
.japan-map-list .shikoku { background:#7429ff; }
.japan-map-list .kyusyu { background:#7e31bd; }
.japan-map-list .okinawa { background:#bb1aa7; }


/*** box-float-blue , box-blue ***/
.box-float , .box-float .box-float-blue{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.box-float-blue , .box-blue{ background:#c6e5f5; padding:15px; margin:0 auto; }
.box-float-blue{ width:calc(50% - 15px); width:-webkit-calc(50% - 15px); }
.box-float-blue:nth-child(even){ margin-left:30px; }
.box-float-blue:nth-child(n + 3){ margin-top:30px; }
.box-float-blue .inner , .box-blue .inner{ width:100%; background:#fff; border-radius:5px; padding:20px; }
.box-float-blue .sbt , .box-blue .sbt{  color:#fff; font-size:20px; font-weight:bold; background:#003d97; border-radius:5px; padding:12px 20px 10px; line-height:1.4; }


/*** fukidashi ***/
.fukidashi .pic , .fukidashi .txt{ float:left; }
.fukidashi .txt{ width:calc(100% - 485px); width:-webkit-calc(100% - 485px); background:#fff; border:solid 8px #c6e5f5; padding:20px 30px; margin-left:25px; }
.fukidashi .txt:after{ display:block; content:""; width:54px; height:44px; background:url(../images/fukidashi_arrow_pc.png) center / 54px 44px no-repeat; position:absolute; top:calc(50% - 22px); left:-54px; z-index:10; }
.fukidashi .sbt{ background:left center / 60px no-repeat; padding:18px 0 15px 75px; line-height:1.4; }
.fukidashi .sbt.num1{ background-image:url(../images/fukidashi_number1.png); }
.fukidashi .sbt.num2{ background-image:url(../images/fukidashi_number2.png); }
.fukidashi .sbt.num3{ background-image:url(../images/fukidashi_number3.png); }


/*** link-btn ***/
.link-btn li{ float:left; width:calc(100% / 2 - 15px); width:-webkit-calc(100% / 2 - 15px); text-align:center; }
.link-btn li:nth-child(even){ margin-left:30px; }
.link-btn li:nth-child(n + 3){ margin-top:30px; }


/*** navy-btn **/
.navy-btn{ display:block; width:720px; background:#003d97 url(../images/arrow_btn_white.png) right 20px center / 17px 22px no-repeat; color:#fff !important; text-decoration:none !important; text-align:center; line-height:1.2; font-size:20px; padding:26px 50px 24px; margin:0 auto; }


/* cmt-gray */
.cmt-gray{ background:#f2f2f2; line-height:1.6; font-size:12px; }
.cmt-gray .wrap{ padding:20px; }


/* クルーズツアー　cruise tour ********** 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cruise-tour .sbt-icon{ background-image:url(../images/cruise_tour_sbt_icon.png); }

.cruise-tour .pic-float-r .info{ border:solid 5px #c2e2f3; color:#4aacdf; background:#fff; padding:20px; }


/* クルージング　cruising **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cruising .sbt-icon{ background-image:url(../images/cruising_sbt_icon.png); }


/* ボートチャーター　boat charter **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.boat-charter .sbt-icon{ background-image:url(../images/boat_charter_sbt_icon.png); }


/* マリンスポーツ　marine sports **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.marine-sports .marine-slider{ margin-bottom:50px; }
.marine-sports .marine-slider ul li{ width:1200px; height:390px; }

.marine-sports .marine-slider .slick-dots{ text-align:center; bottom:-35px !important; }
.marine-sports .marine-slider .slick-dots li{ width:10px !important; height:10px !important; margin:0 5px 1px !important; background:url(../images/marine_info_dots_gray.png) center / 10px no-repeat; }
.marine-sports .marine-slider .slick-dots li.slick-active{ background:url(../images/marine_info_dots_blue.png) center / 10px no-repeat; }
.marine-sports .marine-slider .slick-dots li button:before{ content:' ' !important; }

.marine-sports .marine-slider ul li.slider-pic1{ background:url(../images/marine_sports_slider1.jpg) no-repeat; }
.marine-sports .marine-slider ul li.slider-pic2{ background:url(../images/marine_sports_slider2.jpg) no-repeat; }
.marine-sports .marine-slider ul li.slider-pic3{ background:url(../images/marine_sports_slider3.jpg) no-repeat; }
.marine-sports .marine-slider ul li.slider-pic4{ background:url(../images/marine_sports_slider4.png) no-repeat; }
.marine-sports .marine-slider ul li.slider-pic5{ background:url(../images/marine_sports_slider5.jpg) no-repeat; }


/* マリンスポーツ　ジェットスキー　marine sports jetski **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.jetski .sbt-icon{ background-image:url(../images/marine_sports_jetski_sbt_icon.png); }

.jetski .brand{ width:878px; margin:0 auto; }
.jetski .brand li{ float:left; width:calc(50% - 15px); width:-webkit-calc(50% - 15px); }
.jetski .brand li:nth-child(2){ margin-left:30px; }


/* マリンスポーツ　スノーケリング　marine sports snorkelling **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.snorkelling .sbt-icon{ background-image:url(../images/marine_sports_snorkelling_sbt_icon.png); }

.snorkelling .point-list dt{ width:130px; }


/* マリンスポーツ　スクーバダイビング　marine sports scubadiving **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.scubadiving .sbt-icon{ background-image:url(../images/marine_sports_scubadiving_sbt_icon.png); }

/* box-float-blue */
.scubadiving .box-float.course .box-float-blue .sbt span{ display:block; font-size:14px; font-weight:normal; }
.scubadiving .box-float.course .box-float-blue .abs{ top:-35px; right:-35px; }

.scubadiving .box-float.spot .box-float-blue:nth-child(1) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_ishigaki_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(2) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_miyako_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(3) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_shikine_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(4) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_osezaki_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(5) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_jyogashima_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(6) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_ogasawara_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(7) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_kashiwa_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(8) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_yoron_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(9) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_oumi_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue:nth-child(10) .sbt{ background:#003d97 url(../images/marine_sports_scubadiving_spot_kushimoto_pic1.png) right top no-repeat; }
.scubadiving .box-float.spot .box-float-blue img{ width:100%; height:auto; }


/* マリンスポーツ　SEABOB　marine sports seabob **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.seabob .sbt-icon{ background-image:url(../images/marine_sports_seabob_sbt_icon.png); }

.seabob .movie{ width:1200px; height:512px; background:url(../images/marine_sports_seabob_movie_bg.png) no-repeat; text-align:center; padding:65px 0; }

.seabob .xpower{ background:#e5f5ff url(../images/marine_sports_seabob_xpower_pic.png) right 100px bottom -8px no-repeat; padding:30px 60px; }
.seabob .xpower .logo , .seabob .xpower .txt{ float:left; }
.seabob .xpower .txt{ margin-left:30px; }
.seabob .xpower a img:hover{ opacity:1; }


/* マリンスポーツ　ウェイクボード　marine sports wakeboard **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wakeboard .sbt-icon{ background-image:url(../images/marine_sports_wakeboard_sbt_icon.png); }


/* テクニック　technique **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.technique .sbt-icon{ background-image:url(../images/technique_sbt_icon.png); }

.technique .pic-float-r.checksheet .pic{ width:600px; }
.technique .pic-float-r.checksheet .txt{ width:calc(100% - 640px); width:-webkit-calc(100% - 640px); }

.technique .point .arrow{ background:url(../images/arrow_dott_right_red.png) left center / 63px 46px no-repeat; padding:12px 0 8px 75px; }


/* メンテナンス　maintenance **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.maintenance .sbt-icon{ background-image:url(../images/maintenance_sbt_icon.png); }

.maintenance .season{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.maintenance .season dl{ width:285px; background:#fff; position:relative; }
.maintenance .season dl:not(:first-child){ margin-left:20px; }
.maintenance .season dl.spring{ border:solid 1px #f7c8ce; }
.maintenance .season dl.summer{ border:solid 1px #f6ca44; }
.maintenance .season dl.autumn{ border:solid 1px #91002c; }
.maintenance .season dl.winter{ border:solid 1px #90c0c0; }

.maintenance .season dd{ padding:10px 10px 0; }
.maintenance .season dd .txt1{ height:245px; padding-bottom:125px; margin-bottom:10px; }
.maintenance .season dl.spring dd .txt1{ background:url(../images/maintenance_season_spring_arrow.png) center bottom / 92px 125px no-repeat; }
.maintenance .season dl.summer dd .txt1{ background:url(../images/maintenance_season_summer_arrow.png) center bottom / 92px 125px no-repeat; }
.maintenance .season dl.autumn dd .txt1{ background:url(../images/maintenance_season_autumn_arrow.png) center bottom / 92px 125px no-repeat; }
.maintenance .season dl.winter dd .txt1{ background:url(../images/maintenance_season_winter_arrow.png) center bottom / 92px 125px no-repeat; }
.maintenance .season dd .txt2{ height:140px; margin-bottom:10px; }
.maintenance .season dd.pic{ width:100%; padding:0 5px 5px; text-align:center; }


/* マリンスクール　marine school **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.marine-school .sbt-icon{ background-image:url(../images/marine_school_sbt_icon.png); }


/* 船舶免許　managing ship **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.managing-ship .sbt-icon{ background-image:url(../images/marine_school_sbt_icon.png); }


/* ボートの楽しみ方　enjoy boat **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.enjoy-boat .sbt-icon.cruise{ background-image:url(../images/enjoy_boat_cruise_sbt_icon.png); }
.enjoy-boat .sbt-icon.fireworks{ background-image:url(../images/enjoy_boat_fireworks_sbt_icon.png); }
.enjoy-boat .sbt-icon.leisure{ background-image:url(../images/enjoy_boat_leisure_sbt_icon.png); }
.enjoy-boat .sbt-icon.facility{ background-image:url(../images/enjoy_boat_facility_sbt_icon.png); }


/* キャビンライフ　cabinlife **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cabinlife .sbt-icon{ background-image:url(../images/cabinlife_sbt_icon.png); }

.cabinlife .ss100 .sensor dl{ position:absolute; width:180px; }
.cabinlife .ss100 .sensor dl.sensor1{ top:-2px; left:815px; }
.cabinlife .ss100 .sensor dl.sensor2{ top:82px; left:815px; }
.cabinlife .ss100 .sensor dl.sensor3{ top:-2px; left:135px; }
.cabinlife .ss100 .sensor dl.sensor4{ top:330px; left:618px; }
.cabinlife .ss100 .sensor dl.sensor5{ top:330px; left:815px; }
.cabinlife .ss100 .sensor dl.sensor5-2{ top:125px; left:135px; }
.cabinlife .ss100 .sensor dl.sensor8{ top:330px; left:135px; }
.cabinlife .ss100 .sensor dl.sensor9{ top:82px; left:135px; }
.cabinlife .ss100 .sensor dt{ color:#fff; border-radius:4px; padding:5px 5px 4px; line-height:1.5; }
.cabinlife .ss100 .sensor dt span{ display:inline-block; width:20px; height:20px; text-align:center; color:#333; background:#fff; border-radius:1px; margin-right:10px; }
.cabinlife .ss100 .sensor dt.blue{ background:#6b9ccc; }
.cabinlife .ss100 .sensor dt.purple{ background:#af6dba; }
.cabinlife .ss100 .sensor dt.green{ background:#4ab3a5; }
.cabinlife .ss100 .sensor dd{ margin-top:8px; padding-left:35px; line-height:1.4; }

.cabinlife .ss100 .panel dl{ position:absolute; width:180px; }
.cabinlife .ss100 .panel dl.panel1{ top:5px; left:135px; width:215px; }
.cabinlife .ss100 .panel dl.panel2{ top:138px; left:135px; }
.cabinlife .ss100 .panel dl.panel3{ top:187px; left:135px; }
.cabinlife .ss100 .panel dl.panel4{ top:5px; left:570px; }
.cabinlife .ss100 .panel dl.panel5{ top:5px; left:815px; }
.cabinlife .ss100 .panel dl.panel6{ top:102px; left:815px; }
.cabinlife .ss100 .panel dl.panel7{ top:252px; left:815px; }
.cabinlife .ss100 .panel dl.panel8{ top:355px; left:815px; }
.cabinlife .ss100 .panel dl.panel9{ top:390px; left:815px; }
.cabinlife .ss100 .panel dl.panel10{ top:252px; left:135px; }
.cabinlife .ss100 .panel dl.panel11{ top:345px; left:135px; }
.cabinlife .ss100 .panel dl.panel12{ top:390px; left:135px; }
.cabinlife .ss100 .panel dt{ background:#ededed; border-radius:4px; padding:5px 5px 4px; line-height:1.5; }
.cabinlife .ss100 .panel dt span{ display:inline-block; width:20px; height:20px; text-align:center; color:#333; background:#fff; border-radius:1px; margin-right:10px; }
.cabinlife .ss100 .panel dd{ margin-top:8px; padding-left:35px; line-height:1.4; }

.cabinlife .sunshade .list dl:not(:first-child){ margin-top:30px; }
.cabinlife .sunshade .list dt{ background:#fef3df url(../images/cabinlife_sunshade_listmark_gold.png) 12px 10px / 22px 20px no-repeat; font-size:16px; padding:10px 12px 8px 45px; line-height:1.4; }
.cabinlife .sunshade .list dt span{ display:inline-block; color:#e1c689; float:right; }
.cabinlife .sunshade .list dd{ margin-top:15px; }

.cabinlife .sunshade .ordermade .sbt{ background:#804c19; }
.cabinlife .sunshade .ordermade .list dt{ background:#f1e4cc url(../images/cabinlife_sunshade_listmark_brown.png) 12px 10px / 22px 20px no-repeat; }


/* ボートのオーナーになるには　for owner ********** 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.for-owner .sbt-icon{ background-image:url(../images/for_owner_sbt_icon.png); }

.for-owner .flow-managing .abs{ top:676px; left:0; }
.for-owner .flow-managing .abs .navy-btn{ width:290px; height:110px; padding-top:32px; }

.for-owner .flow-storage .abs{ top:331px; right:0; }
.for-owner .flow-storage .abs .navy-btn{ width:590px; }

.for-owner .flow-storage .storage dl{ float:left; width:590px; margin-top:20px; }
.for-owner .flow-storage .storage dl:first-child{ margin-right:20px; }
.for-owner .flow-storage .storage dt{ margin-bottom:10px; }


/* ボートを買う　buy boat **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.buy-boat .sbt-icon{ background-image:url(../images/buy_boat_sbt_icon.png); }


/* マリーナって？　what marine **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.what-marine .sbt-icon{ background-image:url(../images/what_marine_sbt_icon.png); }

.what-marine .chk-list-float{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.what-marine .chk-list-float .chk-list{ width:380px; }
.what-marine .chk-list-float .chk-list:not(:first-child){ margin-left:30px; }


/* 全国マリーナ情報　詳細ページ　marine info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sbt */
.marine-info .sbt-place{ text-align:center; margin:40px 0; }
.marine-info .sbt-place.name{ font-size:30px; font-weight:bold; background:url(../images/marine_info_name.png) center bottom / 88px 28px no-repeat; padding-bottom:32px; line-height:1.2; }

.marine-info .sbt-place.area span{ color: #4aabdf; font-size: 12px; font-weight: initial; }
.marine-info .sbt-place.area { font-size: 40px; font-weight: bold; background: url(../images/marine_info_area.png) center top 50px / 88px 11px no-repeat; line-height: 1.1; margin-bottom: 24px; }

/* box-report */
.box-report { background:#4aacdf; padding:12px; border-radius:5px; color:#fff; font-weight:bold; }

/* list */
.marine-info .marine-list li.item{ margin-top:40px; }
.marine-info .marine-list .pic , .marine-info .marine-list .txt{ float:left; }
.marine-info .marine-list .pic{ margin-right:30px; }
.marine-info .marine-list .txt{ line-height:1.4; }
.marine-info .marine-list .txt .name{ color:#4aacdf; font-size:18px; margin-bottom:10px; }
.marine-info .marine-list .txt .address{ background:url(../images/marine_info_icon_address.png) left 3px / 15px 19px no-repeat; padding:3px 0 3px 25px; margin-bottom:15px; }
.marine-info .marine-list .txt table{ font-size:12px; }
.marine-info .marine-list .txt table th{ width:100px; text-align:center; font-weight:bold; background:#f5f5f5; padding:5px; }
.marine-info .marine-list .txt table td{ padding:8px 0 3px 10px; }
.marine-info .marine-list .txt table td ul li{ float:left; }
.marine-info .marine-list .txt table.facility th{ height:84px; }
.marine-info .marine-list .txt table.facility td{ width:310px; }
.marine-info .marine-list .txt table.facility td ul li{ width:calc(100% / 8 - 4px); width:-webkit-calc(100% / 8 - 4px); margin:0 2px 5px; }
.marine-info .marine-list .txt table.facility , .marine-info .marine-list .txt .area-info{ float:left; }
.marine-info .marine-list .txt .area-info{ margin-left:20px; }
.marine-info .marine-list .txt .area-info table:nth-child(2){ margin-top:8px; }
.marine-info .marine-list .txt .area-info table th{ min-height:38px; height:auto; height:38px; }
.marine-info .marine-list .txt .area-info table td{ width:400px; }
.marine-info .marine-list .txt .area-info table td ul li:not(:last-child):after{ content:"/"; padding:0 5px; }

/* icon guide */
.marine-info .icon-guide{ font-size:12px; font-weight:bold; border:solid 1px #ddd; padding:20px 60px 5px; }
.marine-info .icon-guide ul li{ float:left; width:calc(100% / 8 - 10px); width:-webkit-calc(100% / 8 - 10px); height:32px; padding:5px 0 0 45px; margin:0 5px 15px; }

.marine-info .icon-guide ul li.guide{ background:url(../images/marine_info_icon_guide.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.guide.on{ background:url(../images/marine_info_icon_guide_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.guide.dis{ background:url(../images/marine_info_icon_guide_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.shower{ background:url(../images/marine_info_icon_shower.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.shower.on{ background:url(../images/marine_info_icon_shower_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.shower.dis{ background:url(../images/marine_info_icon_shower_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.rest{ background:url(../images/marine_info_icon_rest.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.rest.on{ background:url(../images/marine_info_icon_rest_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.rest.dis{ background:url(../images/marine_info_icon_rest_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.break{ background:url(../images/marine_info_icon_break.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.break.on{ background:url(../images/marine_info_icon_break_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.break.dis{ background:url(../images/marine_info_icon_break_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.meal{ background:url(../images/marine_info_icon_meal.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.meal.on{ background:url(../images/marine_info_icon_meal_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.meal.dis{ background:url(../images/marine_info_icon_meal_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.vend{ background:url(../images/marine_info_icon_vend.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.vend.on{ background:url(../images/marine_info_icon_vend_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.vend.dis{ background:url(../images/marine_info_icon_vend_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.prod{ background:url(../images/marine_info_icon_prod.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.prod.on{ background:url(../images/marine_info_icon_prod_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.prod.dis{ background:url(../images/marine_info_icon_prod_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.gas{ background:url(../images/marine_info_icon_gas.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.gas.on{ background:url(../images/marine_info_icon_gas_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.gas.dis{ background:url(../images/marine_info_icon_gas_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.water{ background:url(../images/marine_info_icon_water.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.water.on{ background:url(../images/marine_info_icon_water_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.water.dis{ background:url(../images/marine_info_icon_water_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.power{ background:url(../images/marine_info_icon_power.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.power.on{ background:url(../images/marine_info_icon_power_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.power.dis{ background:url(../images/marine_info_icon_power_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.repair{ background:url(../images/marine_info_icon_repair.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.repair.on{ background:url(../images/marine_info_icon_repair_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.repair.dis{ background:url(../images/marine_info_icon_repair_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.fitting{ background:url(../images/marine_info_icon_fitting.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.fitting.on{ background:url(../images/marine_info_icon_fitting_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.fitting.dis{ background:url(../images/marine_info_icon_fitting_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotel{ background:url(../images/marine_info_icon_hotel.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotel.on{ background:url(../images/marine_info_icon_hotel_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotel.dis{ background:url(../images/marine_info_icon_hotel_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotsp{ background:url(../images/marine_info_icon_hotsp.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotsp.on{ background:url(../images/marine_info_icon_hotsp_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.hotsp.dis{ background:url(../images/marine_info_icon_hotsp_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.medical{ background:url(../images/marine_info_icon_medical.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.medical.on { background:url(../images/marine_info_icon_medical_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.medical.dis { background:url(../images/marine_info_icon_medical_dis.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.lend{ background:url(../images/marine_info_icon_lend.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.lend.on{ background:url(../images/marine_info_icon_lend_on.png) left top / 32px no-repeat; }
.marine-info .icon-guide ul li.lend.dis{ background:url(../images/marine_info_icon_lend_dis.png) left top / 32px no-repeat; }

/* detail table */
.marine-info table.marine-detail-list{ width:100%; }
.marine-info table.marine-detail-list th , .marine-info table.marine-detail-list td{ border-bottom:dashed 1px #c0ccd3; padding:18px 5px 8px; }
.marine-info table.marine-detail-list th{ width:260px; color:#4aacdf; vertical-align:top; }

/* detail spot */
.marine-info .spot{ margin-top:-15px; }
.marine-info .spot li{ float:left; width:calc(100% / 2 - 15px); width:-webkit-calc(100% / 2 - 15px); background:url(../images/list.png) 10px 13px no-repeat; border-bottom:dashed 1px #c0ccd3; padding:8px 5px 8px 40px; }
.marine-info .spot li:nth-child(even){ margin-left:30px; }

/* map */
.map iframe{ border:none; }
/* google map api 使用時
#map{ width:1200px; height:420px; }
.infowindow{ line-height:1.5; font-weight:bold; }
.infowindow a{ font-weight:normal; }
*/

/* marine-slider **/
.marine-info .marine-slider{ margin-bottom:50px; }
.marine-info .marine-slider ul li{ width:1200px; height:420px; }

.marine-info .marine-slider .slick-dots{ text-align:center; bottom:-35px !important; }
.marine-info .marine-slider .slick-dots li{ width:10px !important; height:10px !important; margin:0 5px 1px !important; background:url(../images/marine_info_dots_gray.png) center / 10px no-repeat; }
.marine-info .marine-slider .slick-dots li.slick-active{ background:url(../images/marine_info_dots_blue.png) center / 10px no-repeat; }
.marine-info .marine-slider .slick-dots li button:before{ content:' ' !important; }

/*★★★ 神奈川 ★★★*/
/* 横浜ベイサイドマリーナ */
.marine-info .marine-slider ul.kanagawa-bayside li.slider-pic1{ background:url(../images/marine_info_kanagawa_slider_bayside1.jpg) no-repeat; }
.marine-info .marine-slider ul.kanagawa-bayside li.slider-pic2{ background:url(../images/marine_info_kanagawa_slider_bayside1.jpg) no-repeat; }
.marine-info .marine-slider ul.kanagawa-bayside li.slider-pic3{ background:url(../images/marine_info_kanagawa_slider_bayside1.jpg) no-repeat; }


/* お知らせ　info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* info area **/
.info-area{ padding-top:0; }
.info-area .pr-list-area{ float:none; }
.info-area .pr-list-area{ width:100%; margin-right:0; }

.info-area .pr-list-area .news ul li{ width:calc(100% / 5 - 20px); width:-webkit-calc(100% / 5 - 20px); }
.info-area .pr-list-area .news ul { z-index:89; }


/* バナー広告について　ad **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.ad table.ad-list{width:100%;}
.ad table.ad-list th , .ad table.ad-list td{ border:solid 1px #c0ccd3; padding:5px 10px; }
.ad table.ad-list tr:not(:first-child) th , .ad table.ad-list tr:not(:first-child) td{ border-top:none; }
.ad table.ad-list th{ width:200px; background:#e5f5ff; }
.ad table.ad-list td{ width:calc(100% / 200px); border-left:none; }


/* サイトマップ　sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-list dl{ float:left; margin-top:40px; }
.sitemap .sitemap-list dl:not(:last-child){ margin-right:40px; }
.sitemap .sitemap-list dt{ background:#e5f5ff; font-size:16px; font-weight:bold; text-align:center; padding:10px 10px 7px; margin-bottom:20px; }
.sitemap .sitemap-list dd a{ display:block; color:#333; text-decoration:none; border-bottom:solid 1px #eee; background:url(../images/arrow_s.png) 10px 18px / 5px 10px no-repeat; padding:10px 10px 5px 25px; }
.sitemap .sitemap-list:nth-child(1) dl{ width:calc(100% / 2 - 20px); width:-webkit-calc(100% / 2 - 20px); }
.sitemap .sitemap-list:nth-child(2) dl{ width:calc(100% / 4 - 30px); width:-webkit-calc(100% / 4 - 30px); }


/* よくあるご質問　qa **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.qa .plink ul li{ margin-right:0; width:calc(100% / 2 - 20px); width:-webkit-calc(100% / 2 - 20px); }
.qa .plink ul li:nth-child(odd){ margin-right:40px;  }
.qa .plink ul li a{ display:block; color:#333; text-decoration:none; text-align:center; border:solid 1px #c2cdd4; background:#fff url(../images/arrow_d.png) right 15px center / 15px 8px no-repeat; padding:10px 35px 8px 10px; }

.qa .sbt-light-blue-bar:first-of-type{ margin-top:20px; }
.qa .sbt-light-blue-bar{ font-size:16px; padding:14px 10px 12px; margin-bottom:10px; }
.qa dl{ border-bottom:dashed 1px #c0ccd3; padding:25px 0 10px; }
.qa dl dt{ font-weight:bold; background:url(../images/qa_q.png) left top / 30px no-repeat; padding:3px 0 0 45px; margin-bottom:20px; }
.qa dl dd{ background:url(../images/qa_a.png) left top / 30px no-repeat; padding:3px 0 0 45px; }


/* 会員（投稿記事）ページ　member **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.member .wrap{ padding:0 60px; }

.member .title{ height:auto; color:#fff; }
.member .title .wrap{ padding:20px 60px; }
.member .title .article-title{ float:left; width:910px; font-size:30px; padding-top:5px; line-height:1.2; }
.member .title p{ float:right; width:170px; line-height:1.6; text-align:right; }

.member .article-edit .photo{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.member .article-edit .photo li{ width:calc(100% / 3 - 20px); width:-webkit-calc(100% / 3 - 20px); margin:0 30px 20px 0; }
.member .article-edit .photo li:nth-of-type(3n){ margin-right:0; }
.member .article-edit .photo li img{ width:100%; height:auto; }

.member .nice a{ display:inline-block; text-decoration:none; border:solid 1px #2698d0; text-align:center; padding:5px 10px; }
.member .nice a:hover , .member .nice a img:hover{ opacity:1; background:#eff9ff; }
.member .nice span{ display:block; color:#828282; font-size:12px; padding-top:2px; line-height:1.2; }


/* マイページ　mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .login .wrap , .mypage .cmt-gray .wrap{ width:700px; }

.mypage .login .wrap{ padding:40px 0 10px; }
.mypage .login .login-title{ color:#003d97; font-size:22px; font-weight:bold; border-bottom:solid 2px #003d97; }
.mypage .login input.ipt{ width:100%; }

.mypage .login .exp , .mypage .login .forgot{ line-height:1.6; font-size:12px; }
.mypage .login .exp a , .mypage .login .forgot a{ color:#333; }
.mypage .login .forgot{ position:absolute; top:230px; right:0; }


/* MY MARINE LIFE　instagram **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.instagram .sec1 { margin-top:40px;}
.instagram .sec1 .sbt-phrase { margin-bottom:20px; text-align:center; }
.instagram .sec1 .inner{ width:1000px; margin:0 auto;  padding:30px 138px 0;  }
.instagram .pic{ float:right; }

.instagram .sec1 .btn-bg{background:url("../images/instagram_sec1_btn2_bg.png") top center no-repeat; width:1200px; height:474px; margin:30px auto 50px; text-align:center; padding:100px;  }
.instagram .sec1 .btn-bg img{margin:0 auto;}

.instagram .sec2 { width:1000px; margin:0 auto; }

/* instagram-more */
.instagram-more .sec1 { margin-top:40px;}
.instagram-more .box{ background-color:#fff; border-radius:10px; border:solid 1px #cccccc; margin:50px auto; padding:10px 0 10px; text-align:center;  }
.instagram-more .box iframe{ height:100% !important; }

/* MARINE info ***********/
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 140%;
	left: -90px;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.8em 0.8em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #4a94df;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
	font-weight: bold;
}
.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #fff;
	/* box-shadow: 10px 10px 10px rgba(0,0,0,0.6); */
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}


/* report 大光寺作成**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.repo_title .title .page-title{ background:none; padding: 20px 0 35px; }
.repo_title .title .page-title span { color: #fff; }
.repo_title .title {background:none; }
.report .rel.visitor-list.red { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #da4848; background-color: #fff2f2; color: #da4848; font-weight: bold; /*font-size: 20px;*/}
.report .rel.visitor-list.red .box-title { position: absolute; display: inline-block; top: -40px; left: 43px; padding: 0 30px; height: 40px; /*font-size: 17px;*/ background: #da4848; color: #ffffff; font-weight: bold; border-radius: 5px 5px 0 0; }
.report .visitor-list.red .exp li { background-image: url(../images/report/listmark_red_check.png) ;}
.report .visitor-list .exp .ul {color: #f43b54;}
.report .visitor-list .exp li{	background-position:left 3px; background-size:28px 26px; background-repeat:no-repeat; padding: 5px 0 0 36px; }
.report .exp { margin: 0 30px; padding: 20px 20px; line-height: 1.5; }

.repo-top{ background: url(../images/report/title_bg_memo.png) no-repeat top right 343px, url(../images/report/head_base.png); height: 210px; }
.repeat a{ color: inherit; }
.repobtn a img:hover{ opacity:1 !important; }
.report .spt45{ padding-top:45px; }
.repo_title{ width:1015px; float:right; padding-top: 20px; height: 0px; }
.header .repo_title .ctl { float: right; position: relative; bottom: 90px; right: 40px; }
.report_wrap{ max-width:1070px; position:relative; margin:0 auto; line-height: 38px; }
.report .head_title{background: url(../images/report/head_logo.png)no-repeat;}
.report { background: url(../images/report/report_line.png)repeat-y center top, url(../images/report/report_contents_btm_bg.png)no-repeat bottom, url(../images/report/report_contents_bg.png)repeat-y top center; position: relative; font-size: 20px; }
.report section { background: url(../images/report/report_ring.png)repeat-x bottom; margin: 0 auto; padding-bottom: 44px; }
/* .report section:nth-child(9) { background:url(../images/report/) ; margin: 0 auto; padding-bottom: 44px; }*/
.report-memo0{ min-height: inherit; width:calc(100% - 752px); margin-left:10px; background: url(../images/report/report_memo_bg.png) repeat left top;  float:left; padding: 10px; }
.report-memo{ min-height: inherit; width:calc(100% - 752px); margin-left:10px; background: url(../images/report/report_memo_bg.png) repeat left top;  float:left; padding: 10px; }
.report-memo2{ width:calc(100% - 754px); background: url(../images/report/report_memo_bg.png) repeat left top; margin-left:10px; padding: 10px; float: right; margin-top: 207px; }
.report-memo3{ width:calc(100% - 754px); background: url(../images/report/report_memo_bg.png) repeat left top; margin-left:10px; padding: 10px; float: right; }
.report-memo6{ width: 500px; background: url(../images/report/report_memo_bg.png) repeat left top; margin-left:10px; padding: 10px; float: right; }
.report-memo7{ margin-top:30px; width: 100%; background: url(../images/report/report_memo_bg.png) repeat left top; margin-left:10px; padding: 10px; float: right; }
.report-memo9{ width:calc(100% - 754px); background: url(../images/report/report_memo_bg.png) repeat left top; margin-top: 150px; margin-left:10px; padding: 10px; float: right; }
.report-memo0 p, .report-memo2 p, .report-memo3 p, .report-memo6 p, .report-memo7 p, .report-memo9 p{ line-height: 29px; font-size: 16px; background: url(../images/report/report_memo_line.png); margin: 0px !important; font-weight:bold; font-family: FOT-ロダンマリア Pro;}
.report-memo0 .abs, .report-memo .abs, .report-memo2 .abs, .report-memo3 .abs, .report-memo6 .abs, .report-memo7 .abs, .report-memo9 .abs{ top:-10px; right:-10px; }
.report-memo p{ background: url(../images/report/report_memo_line.png); margin: 0px !important; line-height: 29px; font-size: 16px; font-weight:bold;  font-family: FOT-ロダンマリア Pro;}
.report .abs.char0{ top:-80px; left:-60px; }
.report .abs.char3{ top:-212px; right:-10px; }
.report .abs.char4{ top:-132px; right:70px; }
.report .abs.char5{ top:-140px; right:0px; }
.report .abs.char9{ top:-244px; right:40px; }
.report-info{ width:calc(1070px - 375px); margin-left:10px; background: #003c9d ;  float:left; height:247px; }
.report-info2{ width:calc(1070px - 375px); background: #003c9d ;  float:left; height:200px; }
.report-info dl dt{ color:#FFF; margin:20px; font-size:22px; padding-left:1em; }
.report-info dl dd{ padding:20px; background:#FFF; margin:20px; color:#003c9d; line-height:1.5; font-size:16px; }
.report-info .abs.char1{ top:-150px; right:50px; }
.report-info .abs.char2{ top:-150px; right:-300px; }
.report-info2 dl dt{ color:#FFF; margin:20px; font-size:22px; padding-left:1em; }
.report-info2 dl dd{ padding:20px; background:#FFF; margin:20px; color:#003c9d; line-height:1.5; font-size:16px; }
.report-info2 .abs.char1{ top:-150px; right:50px; }
.report-info2 .abs.char2{ right:-300px; }
.report section .head_wrap p{ line-height: 1.88; margin-top:10px; }
.report h3{ padding:30px 0 10px; }
.report .title{ background:url(../images/report/title_bg_technique.png) right top no-repeat , url(../images/report/title_bg.png) repeat-x center; }
.report h3{ padding:30px 0 20px; }
.report .sec3 p{ margin-left:0px; }
.report .sbt{zoom:0.7; }
.report h3{ padding:30px 0 10px; }
.report .w100{ width:100%; }
.report .longurl{word-break: break-all; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* common **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*** article ***/
article{ padding-top: 60px; }

/*** title ***/
.title{ height:100px; display:flex; align-items:center; background:url(../images/title_bg.png) repeat-x center !important; }


/*** page title ***/
.title .page-title{ font-size:24px; padding:0 10px; line-height:1.2; background:none; }
.title .page-title span{ font-size:12px; margin-top:3px; }


/*** plink ***/
.plink{ margin-top:20px; }
.plink li{ width:calc(100% / 2 - 7px); width:-webkit-calc(100% / 2 - 7px); margin-bottom:10px; }
.plink li:not(:nth-child(3n)){ margin-right:0; }
.plink li:not(:nth-child(2n)){ margin-right:10px; }
.plink li img{ width:100%; height:auto; }


/*** sbt ***/
.sbt-light-blue-bar , .sbt-light-gray-bar , .sbt-blue-bar , .sbt-navy-bar{ font-size:18px; padding:10px; margin:30px 0; }
.sbt-gray-bar{ padding:5px 15px; margin:30px 0 20px; }
.sbt-icon{ font-size:20px; margin:20px 0; padding:10px 0 10px 50px; background-size:40px; }


/*** table ****/
/* 縦向き */
table.normal-list th , table.normal-list td{ display:block; }
table.normal-list th{ width:100%; border-bottom:none; padding:18px 5px 0; }
table.normal-list td{ padding:0 5px 8px; }

/* 横向き */
table.normal-list-side td{ display:block; width:100%; text-align:center; border-left:solid 1px #c0ccd3; }
table.normal-list-side tr:first-child{ display:none; }
table.normal-list-side tr:nth-child(2) td:first-child{ border-top:solid 1px #c0ccd3; }
table.normal-list-side tr td:not(:first-child){ border-left:solid 1px #c0ccd3; padding:10px; }
table.normal-list-side td:before{ display:block; content:attr(data-month); background:#eee; margin-bottom:10px; }
table.normal-list-side .name{ background:#f0fbff; padding:4px 10px 10px; }

/* 会社概要 */
.company table.normal-list{ margin-top:15px !important; }

/* 会員登録フォーム */
.contact .limit table tr:nth-child(n + 2) th{ display:block; padding-top:46px; }


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


/*** arrow dott 下向き  ***/
.arrow-dott img{ width:60px; height:auto; }


/*** br-reset ***/
br.br-reset{display:none; }


/*** pic-float-r ***/
.pic-float-r .pic{ float:none; width:100%; margin:20px 0; text-align:center; }
.pic-float-r .txt{ float:none; width:100%; }


/*** chk-list ***/
.chk-list{ padding:20px; }
.chk-list li{ font-size:16px; background-position:left 1px; background-size:20px 18px; padding-left:26px; }

.chk-list .pic , .box-blue .chk-list .pic{ float:none; width:100%; margin:20px 0 0; text-align:center; }
.chk-list .txt , .box-blue .chk-list .txt{ float:none; width:100%; }


/*** point ***/
.point{ padding:10px 15px 15px;  margin:50px 0 30px; }
.point .icon{ top:-30px; left:-10px; }
.point .icon img{ width:60px; height:60px; }
.point dt{ padding-left:40px; margin-bottom:8px; }
.point dd{ padding:10px 15px; }


/*** point-num ***/
.point-num{ width:100%; }
.point-num dt{ font-size:18px; padding-left:55px; background-size:42px; background-position:left 3px; }
.point-num dd{ background-size:63px 46px !important; padding:20px 0 20px 80px; margin-top:-10px; }
.point-num dl , .point-num .pic{ float:none; width:100%; }
.point-num .pic{ width:100%; margin-left:0; text-align:center; }


/*** point-list ***/
.point-list dl{ background-position:10px 11px; background-size:20px 18px; padding:10px 0 7px; }
.point-list dt , .point-list dd{ float:none; }
.point-list dt{ width:100% !important; font-size:16px; padding-left:36px !important; }
.point-list dd{ padding:0 10px 0 12px; }


/*** caution ***/
.caution{ padding:20px 40px 20px 45px; margin-top:40px; }
.caution .icon{ top:-30px; left:-10px; }
.caution .icon img{ width:60px; height:60px; }


/*** caution-list ***/
.caution-list{ width:100%; }
.caution-list dt{ font-size:18px; }
.caution-list dd.ans{ background-position:center top; background-size:60px 47px; padding:55px 0 0; }
.caution-list dl{ width:calc(100% - 100px) !important; width:-webkit-calc(100% - 100px) !important; }
.caution-list .pic{ width:90px !important; margin-right:10px !important; }
.caution-list .pic img{ width:90px !important; height:auto; }


/*** know ***/
.know{ background-size:35px 32px; background-position:10px 8px; padding:12px 10px 10px 65px; }


/*** japan-map ***/
.japan-map{ padding:5px 15px 15px; }
.japan-map .cmt{ display:none; }
.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; background:url(../images/arrow_s.png) left 15px / 5px 10px no-repeat; padding:7px 0 5px 18px; }

.japan-map-list th , .japan-map-list td{ display:block; width:100%; text-align:center; }
.japan-map-list tr:first-child{ display:none; }
.japan-map-list tr:not(:nth-child(2)) th{ margin-top:20px; }
.japan-map-list th{ border-top:solid 1px #c0ccd3 !important; }
.japan-map-list td{ border-left:solid 1px #c0ccd3; padding:10px; }
.japan-map-list td:before{ display:block; content:attr(data-month); background:#eee; margin-bottom:10px; }
.japan-map-list .name{ background:#f0fbff; padding:4px 10px 10px; }


/*** box-float-blue ***/
.box-float , .box-float .box-float-blue{ display:inherit; }
.box-float-blue{ width:100%; padding:15px; }
.box-float-blue:nth-child(even){ margin-left:0; }
.box-float-blue:nth-child(n + 2){ margin-top:20px; }
.box-float-blue .inner{ padding:15px; }
.box-float-blue .sbt{ width:100%; font-size:18px; padding:10px 15px; }


/* fukidashi */
.fukidashi .pic , .fukidashi .txt{ float:none; }
.fukidashi .pic{ text-align:center; }
.fukidashi .txt{ width:100%; padding:10px 20px; margin:20px 0 0; }
.fukidashi .txt:after{ width:44px; height:54px; background:url(../images/fukidashi_arrow_sp.png) center / 44px 54px no-repeat; top:-54px; left:calc(50% - 22px); }
.fukidashi .sbt{ background-size:40px; padding:12px 0 8px 50px; margin-bottom:-10px; }


/*** link-btn ***/
.link-btn li{ float:none; width:100%; }
.link-btn li:nth-child(even){ margin-left:0; }
.link-btn li:nth-child(n + 2){ margin-top:10px; }


/*** navy-btn **/
.navy-btn{ width:100%; background-position:right 10px center; background-size:12px 16px; font-size:16px; padding:20px 35px 18px 20px; }


/* cmt-gray */
.cmt-gray .wrap{ padding:10px; }


/* クルーズツアー　cruise tour ********** 
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cruise-tour .pic-float-r .info{ text-align:left; }


/* マリンスポーツ　marine sports **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.marine-sports .marine-slider ul li{ height:315px; background-size:970px 315px !important; }


/* マリンスポーツ　ジェットスキー　marine sports jetski **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.jetski .brand{ width:100%; }
.jetski .brand li{ width:calc(50% - 5px); width:-webkit-calc(50% - 5px); }
.jetski .brand li img{ width:100%; }
.jetski .brand li:nth-child(2){ margin-left:10px; }


/* マリンスポーツ　スクーバダイビング　marine sports scubadiving **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.scubadiving .box-float.course .box-float-blue .sbt span{ font-size:12px; }
.scubadiving .box-float.course .box-float-blue .abs{ top:-30px; left:-25px; right:auto; }
.scubadiving .box-float.course .box-float-blue .abs img{ width:60px; height:60px; }
.scubadiving .box-float.course .box-float-blue .abs + .sbt{ padding-left:30px; }

.scubadiving .box-float.group .box-float-blue img{ width:180px; }


/* マリンスポーツ　SEABOB　marine sports seabob **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.seabob .movie{ width:100%; height:auto; background:none; padding:0; }

.seabob .xpower{ background-position:right -7px bottom -8px; padding:20px; }
.seabob .xpower .logo , .seabob .xpower .txt{ float:none; }
.seabob .xpower .logo{ text-align:center; }
.seabob .xpower .logo img{ width:160px; height:auto; }
.seabob .xpower .txt{ margin-left:0; }


/* テクニック　technique **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.technique .pic-float-r.checksheet .pic{ width:100%; }
.technique .pic-float-r.checksheet .txt{ width:100%; }

.technique .msg .pic-float-r .pic{ margin-bottom:0; }

.technique .point .arrow{ background-size:40px 30px; padding:5px 0 3px 50px; }


/* メンテナンス　maintenance **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.maintenance .season dl{ width:100%; }
.maintenance .season dl:not(:first-child){ margin-left:0; }
.maintenance .season dl:not(:last-child){ margin-bottom:20px; }

.maintenance .season dt img{ width:220px; height:auto; }

.maintenance .season dd .txt1{ height:auto; padding-bottom:92px; background-size:60px 82px !important; }
.maintenance .season dd .txt2{ height:auto; }
.maintenance .season dd.pic{ padding:0 10px 10px; text-align:center; }


/* キャビンライフ　cabinlife **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cabinlife .ss100 .sensor dl , .cabinlife .ss100 .panel dl{ position:static; width:100%; margin-top:10px; }
.cabinlife .ss100 .sensor dd , .cabinlife .ss100 .panel dd{ margin-top:10px; padding-left:0; }
.cabinlife .ss100 .panel dl.panel1{ width:100%; }

.cabinlife .sunshade .list dl:not(:first-child){ margin-top:20px; }
.cabinlife .sunshade .list dt span{ display:block; float:none; }


/* ボートのオーナーになるには　for owner *********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.for-owner .flow-managing .abs , .for-owner .flow-storage .abs{ display:none; }
.for-owner .flow-managing .navy-btn , .for-owner .flow-storage .navy-btn{ max-width:640px; width:100%; }

.for-owner .flow-storage .storage dl{ float:none; max-width:640px; width:100%; margin:20px auto 0 !important; }


/* マリーナって？　what marine **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.what-marine .chk-list-float .chk-list{ width:100%; }
.what-marine .chk-list-float .chk-list:not(:first-child){ margin:20px 0 0; }


/* 全国マリーナ情報　詳細ページ　marine info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sbt */
.marine-info .sbt-place{ margin:30px 0; }
.marine-info .sbt-place img{ width:auto; max-height:65px; }
.marine-info .sbt-place.name{ font-size:24px; background-size:72px 23px; padding-bottom:26px; }

/* list */
.marine-info .marine-list{ max-width:500px; width:100%; margin:0 auto;}
.marine-info .marine-list li.item:not(:first-child){ border-top:dashed 1px #c0ccd3; padding-top:40px; }
.marine-info .marine-list .pic , .marine-info .marine-list .txt{ float:none; }
.marine-info .marine-list .pic{ text-align:center; margin:0 0 20px 0; }
.marine-info .marine-list .txt table td ul li{ border-top:none; }
.marine-info .marine-list .txt table.facility th{ height:auto; }
.marine-info .marine-list .txt table.facility td{ max-width:310px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); }
.marine-info .marine-list .txt table.facility , .marine-info .marine-list .txt .area-info{ float:none; }
.marine-info .marine-list .txt .area-info{ margin-left:0; }
.marine-info .marine-list .txt .area-info table{ margin-top:10px; }
.marine-info .marine-list .txt .area-info table td{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); }
.marine-info .marine-list .txt .area-info table td ul li{ float:none; }
.marine-info .marine-list .txt .area-info table td ul li:not(:last-child):after{ content:""; }

/* icon guide */
.marine-info .icon-guide{ padding:20px 20px 5px; }
.marine-info .icon-guide ul li{ float:left; width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); border-bottom:dashed 1px #eee; padding-bottom:35px; }

/* detail table */
.marine-info table.marine-detail-list th , .marine-info table.marine-detail-list td{ display:block; }
.marine-info table.marine-detail-list th{ width:100%; border-bottom:none; padding:18px 5px 0; }
.marine-info table.marine-detail-list td{ padding:0 5px 8px; }

/* detail spot */
.marine-info .spot{ margin-top:-25px; }
.marine-info .spot li{ float:none; width:100%; background-position:10px 23px; padding:18px 5px 8px 40px; margn-top:-20px; }
.marine-info .spot li:nth-child(even){ margin-left:0; }

/* map */
.map , .map iframe{ width:100%; }
/* google map api 使用時
#map{ width:100%; }*/


/* お知らせ　info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info-area .pr-list-area .news ul li{ width:calc(100% / 2 - 13px); width:-webkit-calc(100% / 2 - 13px); }
.info-area .pr-list-area .news ul li:nth-child(even){ margin-right:0px; }


/* バナー広告について　ad **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.ad table.ad-list{ width:100%; }
.ad table.ad-list th , .ad table.ad-list td{ display:block; width:100%; }
.ad table.ad-list tr:first-child{ display:none; }
.ad table.ad-list tr:not(:nth-child(2)) th{ margin-top:20px; }
.ad table.ad-list th{ border-top:solid 1px #c0ccd3 !important; }
.ad table.ad-list td{ border-left:solid 1px #c0ccd3; padding:10px; }
.ad table.ad-list td:before{ display:block; content:attr(data-month); background:#eee; margin-bottom:5px; }


/* サイトマップ　sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-list dl{ float:none; width:100% !important; }
.sitemap .sitemap-list dl:not(:last-child){ margin-right:0; }


/* よくあるご質問　qa **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.qa .plink ul{ margin-left:0; width:100%; }
.qa .plink ul li{ float:none; width:100%; }
.qa .plink ul li:not(:last-child){ margin-bottom:10px; }
.qa .plink ul li a{ display:block; color:#333; text-decoration:none; text-align:center; border:solid 1px #c2cdd4; background:url(../images/arrow_d.png) right 15px center / 15px 8px no-repeat; padding:10px 35px 8px 10px; }

.qa dl{ border-bottom:dashed 1px #c0ccd3; }
.qa dl dt , .qa dl dd{ background-size:20px; background-position:left 6px; padding-left:30px; }


/* 会員（投稿記事）ページ　member **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.member .wrap{ padding:0 10px; }

.member .title .wrap{ padding:10px; }
.member .title .article-title{ float:none; width:100%; font-size:22px; margin-bottom:-40px; }
.member .title p{ float:none; width:100%; padding:0 0 5px; text-align:left; }

.member .article-edit .photo li{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); margin:0 10px 10px 0; }
.member .article-edit .photo li:nth-of-type(3n){ margin-right:10px; }
.member .article-edit .photo li:nth-of-type(2n){ margin-right:0; }

.member .nice a{ display:block; }


/* マイページ　mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .login .wrap , .mypage .cmt-gray .wrap{ width:100%; }
.mypage .login .wrap{ padding:30px 10px 10px; }
.mypage .login .btn input{ width:auto; height:48px; }
.mypage .login .forgot{ position:static; text-align:center; }


/* MY MARINE LIFE　instagram **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.instagram .sec1{ padding:0 10px; }
.instagram .sec1 .sbt-phrase { width:80%; margin:0 auto;}
.instagram .sec1 .inner{ width:100%; margin:0 auto; padding:2%; }
.instagram .pic{ float:none; display:none; }

.instagram .sec1 .btn-bg{background:url("../images/instagram_sec1_btn2_bg_sp.png") top center no-repeat; background-size:100%; width:100%; height:100%; margin:20px 0 0; text-align:center; padding:20% 0 30%; }
.instagram .sec1 .btn-bg img{ width:60%; padding:0; }

.instagram .sec2{ width:100%; padding:0 10px; }
	
/* instagram-more */
.instagram-more .box{ width:96%; padding:0 0 20px; }	
.instagram-more .box iframe{ height:500px !important; }


/* report ********** 【大光寺】
///////////////////////////////////////////////////////////////////////////////////////////////*/
.repo-top{ background: url(../images/report/title_bg_memo.png) no-repeat bottom right / 110% , url(../images/report/head_base.png); height: inherit; padding:26px; }
.repo-top .sp-item.repo{ position:relative;}
.repo-top .sp-item.repo .abs{ bottom: 0; right: 0; }
.report-memo0, .report-memo, .report-memo2, .report-memo3, .report-memo4, .report-memo6, .report-memo9 { width: inherit; float: inherit; height: inherit; margin: 10px 0; }
.report .floatL{ float:inherit; }
.report-info .abs.char2 { top: 200px; right: 0px; }
.report-info, .report-info2 { width: 100%; margin-left: inherit; }
.report-info2 .abs.char2 { top: -56px; right: 9px; }
.report_wrap img { text-align: center; }
.report h3.sp-item img{ width:100%; }
.report-info{ height:inherit; }
.report-info2{ height:inherit; }

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* 全国マリーナ情報　詳細ページ　marine info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sbt */
.marine-info .sbt-place{ margin:30px 0; }
.marine-info .sbt-place img{ width:auto; max-height:50px; }

/* list */
.marine-info .marine-list li.item{ margin-top:30px; }
.marine-info .marine-list li.item:not(:first-child){ padding-top:30px; }
.marine-info .marine-list .txt table.facility td ul li{ width:calc(100% / 7 - 4px); width:-webkit-calc(100% / 7 - 4px);  }

.marine-info .sbt-place.area { font-size:26px; background: url(../images/marine_info_area.png) center top 30px / 88px 11px no-repeat; background-size: 20%; }
.marine-info .sbt-place.area span { font-size: 10px; }

/* marine-slider */
.marine-info .marine-slider ul li{ height:320px; background-size:914px 320px !important; }
.marine-info .marine-slider .slick-dots li{ background-size:10px !important; }


/* 会員（投稿記事）ページ **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.member .article-edit .photo li{ width:100%; margin:0 0 10px 0; }
.member .article-edit .photo li:nth-of-type(3n){ margin-right:0; }


/* report ********** 【大光寺】
///////////////////////////////////////////////////////////////////////////////////////////////*/
.report{ font-size:inherit; }
.report h3 { padding: 20px 0 10px; }
.report .report-info, .report .report-info2 { height:inherit; margin-top: 10px; }
.report .exp { margin: 0; padding:0; line-height: 1.5; }
.repo-top .sp-item.repo .abs{ width:50%; }
.repo-top{ padding: 10px 5px; }
/*.report-info2 .abs.char2 { top: 64px; right: 59px; width: 30%; }*/
.report .sml30 { margin-left:inherit !important; }
.report .smt50 { margin-bottom:20px !important; } 
.report .abs.char1, .report .abs.char2, .report .abs.char3, .report .abs.char4, .report .abs.char5, .report .abs.char6, .report .abs.char7, .abs.char8, .abs.char9{ position:static; padding: 10px; }
.report .sml70 { margin-left:inherit !important; }
.report .abs.char0 { top: -76px; left: -10px; width: 80px; }
}