@charset "UTF-8";/* Reset CSS.-------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{height:100%;overflow-y:scroll;}
body{-webkit-text-size-adjust:100%;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
#main-content-area{background-color:#FFF}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select{vertical-align:middle}
iframe{max-width: 100%;}
.pc,.tide_aria_out ul.show{display: block;}
#shio_area_all_ranking li:nth-child(n+6),#shio_area_ranking li:nth-child(n+6),#surf_point_ranking li:nth-child(n+6),#accordion .toggle,.forecast_table th .tani,.wave_table .disptype2,#meteorological_agency,.sp,.tide_aria_out ul.hide{display: none;}
/*サファリボタン対策*/
input[type="button"],input[type="submit"]{-webkit-appearance:none}
/*エディター関連*/
blockquote{padding:1em 5%;background-color:#f5f5f5}
blockquote.blockquote-style1{position:relative;margin:0.5em 0;padding:1.5em 5%;background-color:#f5f5f5;z-index:1}
blockquote.blockquote-style1:before{z-index:-1;position:absolute;bottom:0px;right:2%;color:#ddd;font-size:27px;content:"\e913";font-family:"icomoon",sans-serif}
blockquote.blockquote-style1:after{z-index:-1;position:absolute;top:0px;left:2%;display:block;text-align:right;color:#ddd;font-size:27px;content:"\e914";font-family:"icomoon",sans-serif}
blockquote.blockquote-style2{margin:0.5em 0;border-left:5px solid #ccc;padding:1em 5%;background-color:#f5f5f5}
blockquote.blockquote-style3{margin:0.5em 0;box-shadow:1px 2px 4px rgba(50,50,50,.5);-webkit-box-shadow:1px 2px 4px rgba(50,50,50,.5);-moz-box-shadow:1px 2px 4px rgba(50,50,50,.5)}
/*共通デザイン*/
/*#page img*/
img{margin:0;padding:0;vertical-align:bottom;max-width:100%;height:auto}
.clearfix{overflow:hidden;height:100%}/*コンテンツ*/
.disp_all #main-content{padding:0;height:100%}
.type-post p{font-size:16px;line-height: 1.6;margin-bottom: 15px}
.type-post strong{font-size:16px}
.type-post th p,.type-post td p {margin-bottom: 0px;}
.banner_center{text-align: center;margin: auto;}
.banner_area320{width: 320px !important;height: 100px !important;}
#subscription_banner_pc{text-align: center;margin: -15px 0 15px 0;}
/*2カラム メイン左*/
#main-content1-area{width:100%;display:inline-block;vertical-align:top;margin-right:1.5%}
#main-content1{background-color:#FFF;margin-bottom:50px;padding:12px 2% 30px}
#main-content1-sidebar{width:calc(30% - 1px);display:inline-block;margin-bottom:285px;vertical-align:top;position:-webkit-sticky;position:sticky;top:80px}
.type-page,.post_title{line-height:1.7}
.post_title{margin:10px 0px 0px 0px;padding:10px 0px 0px 0px;clear:both;border-top:#2c7eb9 4px solid}
.post_title img{margin:0.5em 0px;border:1px solid #CCC}
.post_title #map img{margin:inherit;border:none;margin:0px 0 0 0}
.type-page .post_title{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;clear:both;border-top:#2c7eb9 4px solid}
.type-page h1{font-weight:bold;line-height:1.3;padding:8px 0.5% 15px;font-size:130%;position: relative;}
.type-page h2,.type-page h3,.type-page h4,.type-page h5{padding:20px 0.5% 2px;line-height:1.3;font-size:115%;clear:both}
.type-post h1{padding:0 0.5% 5px;line-height:1.3}
.type-post table{width:100%}
.type-post table td{border:1px solid #ccc;padding:5px 10px}
.type-post table th{border:1px solid #ccc;background-color:#f5f5f5;padding:5px 10px}/* メインビジュアル START*/
#main-visual-area{    padding: 14vw 0 0 0;width:100%;height:450px;height:100vh;background:url(/img/main_visual3.jpg) no-repeat 50% 50%;background-color:rgba(255,255,255,0.2);background-blend-mode:lighten;position:relative;text-shadow:#666 1px 1px 2px, #666 -1px 1px 2px,#666 1px -1px 2px, #666 -1px -1px 2px;background-size: cover; }
.main-visual-play{width: 181px;height: auto;margin: 33px auto 0;}
.home1-right-content{max-height:202.5px;overflow:hidden}
.home1-right-title{max-height:41.3px;overflow:hidden}
.home-t .list-category-op a,.list-category-op a{padding:2px 5px;background-color:#2c7eb9;color:#ffffff}
.home1-right-sub{width:100%;padding:0 2%}
.home1-right-title-sub{font-size:16px;line-height:1.4;margin:5px 0 2px}
.home1-main-sub-all{padding:10px 0px 0px 0px;overflow:hidden;clear:both}
.home3-right-content,.home2-right-content,.home1-right-content{line-height:1.5}
.home3-left .date-main-list,.home2-left .date-main-list,.home1-right .date-main-list{margin:5px 0px 3px}
.home-t a{text-decoration:none}
.home-t a:hover{text-decoration:underline}
.home1-main,.home2-main,.home3-main{margin:0px 0 30px 0;overflow:hidden}
.home1-right-title,.home3-right-title,.home2-right-title{line-height:1.4;font-weight:bold;font-size:115%;border-bottom:#CCC 1px dotted;padding:6px 0;margin:0px 0px 5px 0px}
.home-t .date-list-main{font-size:100%}
.home-d{margin-bottom:-10px}
#main-visual-area .main-visual-title{position:absolute;top:35vh;bottom:0;right:0;left:0;max-width:1100px;margin:auto;text-align:center;color:#fff;font-size:18px;line-height:1.8}
#main-visual-area h1{font-size:50px;font-weight:bold;margin-bottom:10px}/* メインビジュアル END*/
.top .banner_area1{display:none}
.main-top-area-out{background-color:#fff}
.main-top-area-out2{background-color:#f0f0f0;margin-top:50px;padding-bottom:60px}
.main-top-area-out2 a,.main-top-area-out a{text-decoration:none}
.main-top-column-in{width:100%;margin:auto}
.header-title{padding:0px 0px 0px 5px;/*一行で表示 */white-space:nowrap;overflow:hidden;margin:0px auto}
.site-logo{vertical-align:middle;width:300px;display:inline-block;padding:10px 0px 0px 1%}
.site-logo img{vertical-align:middle}
.site-logo-t{display:inline-block;vertical-align:middle;white-space:nowrap;width:23%;padding:0px 0px 0px 5px}
.site-logo-t a{font-weight:bold;text-decoration:none}
#header_wrap{background-repeat:repeat-x;width:100%;position:fixed;z-index:1001;border-bottom:1px #e6e6e6 solid}
#header-area{width:99%;min-height:70px;margin:0 auto;position:relative;padding:0px 0px 0px 0px}
#pc_header_menu ul{position:absolute;top:0px;right:-13vw;width:68%}
#pc_header_menu ul li{display:inline-block;width:10%;text-align:center}
#pc_header_menu ul li p{font-weight:normal;font-size:12px;line-height:1.8;color:#666}
#pc_header_menu ul li a{display:block;text-decoration:none;padding:17px 0;font-weight:bold;white-space:nowrap;font-size:16px;color:#333}
#pc_header_menu ul li a:hover{border-bottom:5px solid #2c7eb9;padding:17px 0 12px}
#pc_header_menu ul li.navi_on a{border-bottom:5px solid #2c7eb9;padding:17px 0 12px}
#header-rights{display:inline-block;vertical-align:middle;margin:0px 0px 0px 0px;position:relative;z-index:100}
.right-imgs{float:right;max-width:728px;margin:0px 0px 0px 0px}
.right-imgs img{width:100%}
.header-right-title a{font-size:104%;text-decoration:none;padding:8px 0 8px 0;display:block;font-weight:bold;text-autospace:ideograph-alpha}
.header-right-title-sub{font-size:11px;margin:-5px 0 0px 0;padding:0px 0 8px 0;cursor:pointer;text-autospace:ideograph-alpha}
.tcon{width:55px !important;position:absolute;border:none;cursor:pointer;display:flex;display:-webkit-flex;display:-ms-flexbox;background-color:rgba(0,0,0,0);top:4px;right:0}
.tcon > *{display:block; }
 .tcon:before{content:'';width:33px;height:33px;margin:10px 0 0 0;background-image:url(/img/search.png);background-repeat:no-repeat;background-size:33px 33px}
#social{position:absolute;top:16px;right:104px}
#social li{display:inline-block;margin:0 5px}
#header-area .favorite img,#social li img{width:33px;height:auto}
#header-area .favorite{position:absolute;top:16px;right:64px}
.max {color: #FF0000;font-weight: bold;}
.min {color: #0096FF;font-weight: bold;}

/*
content:'';width:33px;height:33px;margin:10px 0 0 0;background-image:url(/img/night_mode.png);background-repeat:no-repeat;background-size:33px 33px

.darkArea {width: 90px;height: 33px;position: absolute;top: 18px;right: 117px;}
.darkArea input[type="checkbox"] {display: none;}
.darkArea label {display: block;box-sizing: border-box;text-align: center;border: 2px solid #ccc;border-radius: 3px;height: 30px;line-height: 27px;font-size: 12px;font-weight: bold;background: #eee;transition: .3s;}
.darkArea label span:after {content: "ダークモード";color: #aaa;}
.darkArea #darkcheck:checked+label {background: #2c7eb9;box-shadow: none;}
.darkArea #darkcheck:checked+label span:after {content: "ダークモード";color: #fff;}
*/

.darkArea {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 17px;
  right: 110px;
}
.darkArea input[type="checkbox"] {
  display: none;
}
.darkArea label {
  display: block;
  width: 33px;
  height: 33px;
  cursor: pointer;
  background: url('/img/light_mode.png') no-repeat center;
  background-size: contain;
  border: none !important;
}
.darkArea #darkcheck:checked+label {
  
  background: url('/img/night_mode.png') no-repeat center;
  background-size: contain;
}






/*カテゴリメニュー*/
[class*="accordion"]{background-color:#f9f9f9;display:none;width:100%;position:absolute;z-index:100;pointer-events:auto}
.cat-item a{text-align:left}
/*親階層の指定*/
.accordion .header-right-title-sub{padding:11px 0px 0px 0px;font-weight:normal}
[class*="accordion"] .icon-plus:hover,.categories:hover{background:rgba(6, 6, 6, 0.2) none repeat scroll center center}
ul[class*="accordion"] a{text-decoration:none;color:#333}
#header-right-area [class*="accordion"] .has-sub2{display:table-cell}
.categories ul a{position:relative;display:table;text-decoration:none;line-height:1.3;padding:8px 2% 8px 5%;width:93%;font-size:88%}
.access_ranking ul{border-top:1px dotted #ccc}
.access_ranking ul li{border-bottom:1px dotted #ccc}
.access_ranking ul li a{text-decoration:none;display:block;padding:12px 5px;position:relative}
.access_ranking ul li a p{display:inline;margin-left:5px;font-size:12px;color:#666}
/*サファリ用*/
@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome, .categories ul a{width:100%}
}
ul[class*="accordion"] span{display:table-cell;text-align:center;width:20%;padding:10px;cursor:pointer;vertical-align:middle}
ul[class*="accordion"] li a:last-child{border-bottom:1px solid #ccc}
ul[class*="accordion"] li a:first-child{border-bottom:1px solid #ccc}
[class*="accordion"] .icon-plus.icon-minus:hover,[class*="accordion"] span{background-color:#666;border-bottom:1px solid #ccc}
ul[class*="accordion"] .icon-plus.icon-minus{background-color:#999;border-bottom:1px solid #ccc}
.page_item .icon-plus,.cat-item .icon-plus{color:#FFF}
#header-area2{margin-bottom:0px;min-height:45px;position:relative;vertical-align:middle}
.icon-menu{position:absolute;top:0px;right:0%;cursor:pointer;color:#FFF;font-size:40px;padding:7px 10px}
.icon-cross{padding:10px;cursor:pointer;right:2%;position:absolute;top:15px;color:#FFF;font-size:25px}
/*NEW PC*/
#header-right-area{width:100%;display:table;vertical-align:middle}
#header-right-area .right-sub{display:table-row;vertical-align:middle;margin:0;padding:0}
#header-right-area .right-sub .categories{position:relative;vertical-align:middle;list-style:none;text-align:center;display:table-cell;margin:0;padding:0}
[class*="categories"] .cate-sub{margin:0px 0 0px 0;vertical-align:middle;display:inline-block}
[class*="categories"] span{display:none}/*パンくずエリア*/
#page-pan{border-top:1px solid #e6e6e6;padding-top:70px;margin-bottom:25px;border-bottom:1px solid #e6e6e6;content:'';display:block;background-repeat:repeat-x;width:100%;z-index:1}
#footer-page-navi{text-align: center;border-bottom:1px solid #e6e6e6}
#footer-page-navi a{text-decoration: none;color: #333;display: block;padding: 10px 0;}
#footer-navi_out{background-color:#fff;clear:both;border-top:1px solid #e6e6e6}
#footer-navi,.page-pan-area{margin:auto;max-width:1100px;white-space:nowrap;overflow:hidden;white-space:nowrap}
#footer-navi ul,#breadcrumb ul{margin:0 auto;padding:0;display:flex}
#footer-navi ul li,#breadcrumb ul li{font-size:14px;height:40px;line-height:39px;margin-right:23px;position:relative;padding:0 17px 0 9px}
#footer-navi ul li a,#breadcrumb ul li a{display:block;text-decoration:none}
#footer-navi ul li a:before,#footer-navi ul li a:after,#breadcrumb ul li a:before,#breadcrumb ul li a:after{content:"";display:block;position:absolute;top:0;border-top:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid transparent}
#footer-navi li a:before,#breadcrumb li a:before{right:-40px;border-left:20px solid #ccc}
#footer-navi li a:after,#breadcrumb li a:after{right:-39px;border-left:20px solid #fff}
#footer-navi li a:hover,#breadcrumb li a:hover{text-decoration:underline}
.pan-s{padding:0px 0px 0px 5px}
#page{max-width:1100px;margin:0% auto;min-height:calc(100vh - 144px)}
#page.top{max-width:inherit}
#page.disp_all{width:100%;max-width:100%}
#page.disp_all iframe{height:calc( 100vh - 146px )}
.type-post h1,.tagcloud a,.rsswidget,.rssSummary,#recentcomments,.profile-original,.profile-original2,.list-top-title,.home3-right-content,.home2-right-content,.home1-right-content,.related-title-color,.related1-title-main,.related-list1,.related-title-color,.post_title,.textwidget,.list-content h2,.date-list-cont,.page_item a,.cat-item a,.wideget-title-color,.post-justify{/*テキスト揃え*/
text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph}
/*フッターエリア*/
#site-footer{clear:both;width:100%;height:567px;background-blend-mode:lighten;position:relative}
#footer_background{background-color:rgba(255,255,255,0.6);width:100%;height:567px;object-fit: cover;opacity: 0.4;}
table.gsc-search-box td.gsc-input{padding-right:0px !important}
.footer_in{width: 1100px;position: absolute;top: 8.5vw;margin: 0 auto;text-align: left;display: flex;flex-wrap: wrap;}
.footer_site{width: 23%;}
.footer_site img{width: 170px;height: auto;display: block;margin: 0 auto 15px;}
.footer_site .footer_logo img{width: 250px;}
.footer_site #tide_level_f{width: 210px;height: auto;margin-left: 15px;}
.footer_site #tide_level_f2{width: 210px;height: auto;margin:20px 0 0 15px;}
#colophon ul{width: 23%;line-height: 2.2;white-space: nowrap;}
#colophon li {padding-left: 46%;}
#colophon li a{font-size: 17px;font-weight: bold;color: #333;}
#site-footer .gsc-control-searchbox-only{width:30%;margin:0 auto;position:absolute;top:4vw;left:0;right:0}
#colophon{max-width:1100px;margin:0% auto ;text-align:center}
.copyright{border-top:#ccc solid 1px;clear:both;font-size:90%;padding:10px 0px;text-align:center}
/*一覧*/
.list-post{line-height:1.4;border-bottom:1px #CCC dotted;padding:15px 0}
.hit-count{background-color:#f3f3f3;margin:5px 0 1px 0;height:2.1em;position:relative}
.sort-form{position:absolute;top:4px;left:1%}
.inline-middle{display:inline-block;vertical-align:middle}
.sort-form select{padding:0px 2px 1px 2px;font-size:82%;height:1.8em}
.sort-form p{width:50px;font-size:82%}
.sort-form .sort-select{width:125px;color:#555;background-color:#fff}
.conten-count{font-size:82%;position:absolute;top:9px;right:1%}
.sp-page-count{text-align:center;color:#777;font-size:82%;display:none}
.search-results-text{font-size:84%}
/*パスワードフォーム*/
.icon-lock:before{content:"\e924";font-size:70px;position:absolute;top:29%;left:10%;color:#ccc}
.post-password-form{position:relative;padding:32px 1% 0px;background-color:#f5f5f5;height:160px}
.post-password-form p{text-align:center;font-size:13px}
.post-password-form .postpass-label{padding:10px 0px 2px 0px;display:block;font-weight:bold}
.nocomments{clear:both;margin:20px 0;font-size:13px;text-align:center;background-color:#f5f5f5;padding:20px 0px;line-height:1.4}
.sidebar .list-category-view,.sidebar .list-category-author,.sidebar .list-category-date{font-size:84%}
.list-category-view{margin-right:2px}
.sidebar .wideget-post-op{margin-top:1px}
.new-post-text .wideget-post-op{margin-top:2px}
.related1-title-main a,.related-list1 a,.related-title-color a,.related1-title-main a,.sidebar .post-justify a,.sidebar .wideget-title-color{font-size:15px;line-height:1.4}
.sidebar .list-category-op{margin-top:2px}
.sidebar .list-category-op a{margin:1px 0}
.content-b-single .list-category-op{margin-top:3px}
#main-content1 .list-category-op a:nth-child(even){padding:1px 5px}
.sidebar .list-category-op a:nth-child(even){padding:2px 5px}
.list-category-op{font-size:65%}
.home-t .list-category-op a,.list-category-op a{display:inline-block;vertical-align:middle;padding:1px 5px;margin:0px 0px 3px 0px;line-height:1.2;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;position:relative}
.list-category-comments,.list-category-view,.list-category-author,.list-category-date{font-size:84%;padding-right:5px;color:#666;line-height:1.3}
.date-main-list{line-height:1.2;margin:0px 0px 3px 0px}
.list-post .date-main-list{margin:-3px 0px 1px}
.list-category-op a:last-child{margin-right:5px}
.list_con{padding:5px 8px 0px;border-top:1px solid #f9f9f9}
.list-category-date:before{margin-right:3px;font-size:80%;content:"\e90b";font-family:"icomoon",sans-serif}
.list-category-comments:before{margin-right:3px;font-size:80%;content:"\e908";font-family:"icomoon",sans-serif}
.list-category-view:before{margin-right:3px;font-size:80%;content:"\e912";font-family:"icomoon",sans-serif}
.list-category-author:before{font-size:90%;content:"by "}
.date-list-main{line-height:1.5;font-size:86%;padding:0px 0px 5px 0px}
.post_author,.post_view,.post_comments,.post_date,.post_date a,.date-list-main,.img-new-post-date a,.img-new-post-date,.date-list-main a{color:#666}
.home4-main-sub .home4-right-sub .date-list-main span,.home2-main-sub .home2-right-sub .date-list-main span,.home1-main-sub .home1-right-sub .date-list-main span{margin-left:0px}
.list-top-title,.list-post h2{font-weight:normal;padding:2px 8px 5px;line-height:1.4;font-size:115%}
.post-view-count{font-weight:bold;font-size:95%}
.post-views{font-size:70%}
.list-post-view{color:#333;font-family:Arial,Helvetica,sans-serif;cursor:pointer;line-height:0.6;white-space:nowrap;position:absolute;bottom:0px;left:0px;right:0;margin:0 auto;text-align:center;width:calc(100% + 2px);padding:5px 0;background-color:#ffffff;background-color:rgba(255,255,255,0.7);filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)"}
#main-content1-area .list-post-view{padding:10px 0}
.home1-main .list-post-view{left:0px}
.related1 .list-post-view{bottom:-1px;left:1px;white-space:normal}
.entry-content img{height:auto !important}
.home1-left .list-post-view,.home2-left .list-post-view,.home3-left .list-post-view{bottom:3px}
.home3-left-sub .list-post-view{padding:6% 0px 6%}
.home1-left-sub img,.new-post-img img,.new-post-img1 img,.home2-left-sub img,.home3-left-sub img,.home4-left-sub img{width:100%;height:auto}
.home4-left-sub .list-post-view,.home2-left-sub .list-post-view,.home1-left-sub .list-post-view{padding:5% 0px 5%;z-index:10}
.home3-left-img .list-post-view,.home2-left-img .list-post-view,.home1-left .list-post-view{padding:5% 0px 5%}
#main-content1-area #main-content1 .list-post{width:47.5%;display:inline-block;vertical-align:top;margin:0 0.8%}
.list-img{position:relative;width:100%;height:190px;margin:0 0 0 1%;text-align:center;overflow:hidden}
.list-img1{position:relative;width:30%;margin:0 1% 0 0;text-align:center;float:right}
.list-img1 img{border:1px solid #f0f0f0}
.list-img img{width:100%;height:auto;position:absolute;min-height:188px;top:0;bottom:0;right:0;left:0;margin:auto;text-align:center;border:1px solid #f0f0f0}
.list-content{margin:0px 0px 0px 1.5%}
/*#main-content1 #main-content-list h2,*/
#main-content1 #main-content-list h1{line-height:1.3;padding:5px 5px 15px;font-size:23px}
#main-content1.tide_level{padding-top:15px}
.img-new-post img{border:#ccc 1px solid}
#main-content .home-t h2{clear:both;font-size:20px;padding:0px 8px 11px 8px;margin:10px 0px 10px 0px}
#main-content .home-t .list-post h2{border-bottom:#f0f0f0 1px solid;padding:0px 8px 10px 8px;margin:0px 0px 10px 0px}
.home4-left-sub img,.home3-main-sub img,.home2-main-sub img,.home1-main-sub img,.home3-main img,.home2-main img,.home1-main img{border:1px solid #f0f0f0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:100%}
.home1-main-sub{width:22.3%;margin:0px 0% 15px 2%;display:inline-block;vertical-align:top}
.home1-left{position:relative;width:42%;float:left;margin:0px 0 0px 1.5%}
.home1-right{width:53%;padding:0 0% 0 2.4%;float:left}
.main-top-area-title{text-align:center;padding:50px 0}
.main-top-area-title h2{font-size:35px;line-height:1.2}
.main-top-area-title h2 p{font-size:15px}
.home1-left-sub{position:relative;width:100%;text-align:center;overflow:hidden;min-height:150px;height:11vw}
.home1-left-sub img{width:100%;height:auto;min-width:244px;min-height:150px;z-index:1}
.main-top-sub2,.main-top-sub{width:100%;max-height:450px;height:35vw;background-color:#2c7eb9;position:relative;overflow:hidden}
.main-top-sub img{width:53%;height:auto;position:absolute;left:0;top:0;clip-path:polygon(0 0, 100% 0%, 71% 100%, 0% 100%)}
.main-top-sub2 img{width:53%;height:auto;position:absolute;right:0;top:-12%;clip-path:polygon(0 0, 100% 0%, 100% 100%, 29% 100%)}
.main-top-sub2{margin-bottom:0px}
.main-top-sub-txt{width:30%;position:absolute;right:7%;top:7vw;bottom:0;margin:auto;color:#fff;line-height:1.6}
.main-top-sub2 .main-top-sub-txt{left:7%;right:inherit}
.main-top-sub-txt div{text-align:center;margin:30px auto 0;padding:10px;background-color:#fff;width:200px}
.main-top-sub-txt div a{display:block;text-decoration:none;color:#333;font-weight:bold}
.main-top-sub-txt div:hover{background-color:#f0f0f0}
.main-top-description{width:96%;max-width:1100px;margin:0 auto;padding:0px 2% 50px;line-height:1.4}
.main-top-description p{margin-bottom:0.8em}/*サイドバー*/
.new-post-img1,.new-post-img{position:relative}
.ranking-img{cursor:pointer;position:absolute;top:0px;left:-13px;width:20%;height:20%}
/*画像あり*/
.ranking-i{font-weight:bold;padding:25% 40%;position:absolute;font-family:Arial,Helvetica,sans-serif;font-size:90%;background-color:#FFF;background-color:rgba(255, 255, 255, 0.8)}
.new-post-text2{clear:both;width:98%;padding:7px 2% 7px 0;display:table;border-bottom:1px dotted #CCC;*overflow:hidden}
.post-ranking-right{display:table-cell;*float:left}
.new-post-text-left{width:11%;display:table-cell;text-align:center;*float:left}
.sidebar .side_banner{margin-bottom:10px;text-align:center;min-height: 287px;position: relative;}
.sidebar .new-post-text-left{width:12%}
.content-b-single .new-post-text-left{width:6%}
.ranking{font-weight:bold;padding:1.5px 5px;text-align:center;font-family:Arial,Helvetica,sans-serif}
.new-post-text{clear:both;border-bottom:#ccc 1px dotted}
.new-post-text2 .img-new-post-date{margin:0px 5px 0px 25px}
.content-b-single .img-new-post-date{margin:2px 0px -2px 0px}
.content-b-single .new-post-text2 .img-new-post-date{margin:0px 5px 0px 26px}
.related5 .wideget-post-op,.related2 .wideget-post-op,.related1 .wideget-post-op,.related .wideget-post-op,.content-b-single .wideget-post-op{margin-top:1px}
.content-b-single .new-post-text{padding:8px 2%}
.content-b-single .new-post-text span{margin:0px 5px 0px 0px}
.content-b-single .new-post-text span:first-child{margin:0px 5px 0px 0px}
.img-new-post{clear:both;width:100%;border-bottom:#ccc 1px dotted;background-color:#fff;margin:0px 0px 0px 0%}
.sidebar .postform{margin-top:8px}
.sidebar .img-new-post{padding:7px 1% 7px 1%;width:98%}
#comments a:hover,.share a:hover,#pagination a:hover,.form-submit .submit:hover,#page-top:hover,.sidebar li a:hover,.related1-title-main a:hover,.related-list1 a:hover,.wideget-title-color a:hover,.related-title-color a:hover,.list-category-op a:hover,.list-top-title a:hover,.home1-right-title a:hover,.home3-right-title a:hover,.home1-right-title-sub a:hover,.home2-right-title a:hover,.site-logo-t a:hover,#page-pan a:hover,.list-content h2 a:hover,.date-main-list a:hover,.cover:hover,a:hover img{transition:all 0.4s;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7; -khtml-opacity:0.7;opacity:0.7}
#tab .no_select:hover{background-color:#e7e7e7}
#recentcomments .recentcomments{line-height:1.2;padding:8px 2%;width:96%}
.img-new-post-date a{font-size:95%}
.related5 .single-list4-op-p{margin:0px 0 2px 0px;font-size:86%;line-height:1.3;color:#888}
.related5 .single-list4-op-p a{font-size:100%;color:#888}
.related5 .single-list4-op-p span{margin:0px 5px 0px 0px}
.new-post-title .img-new-post-date{padding:0px 0px 5px 0px}
.sidebar .new-post-img{float:left;width:40%;height:80px; overflow:hidden;margin:0px 1% 0px 1%}
.sidebar .new-post-img1{float:right;width:80px;height:80px;padding:0px 0% 0px 0%;margin:0px 1% 0px 1%;position:relative}
.sidebar .new-post-img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%; height:100%}
.sidebar .new-post-title{float:left;width:56%;text-indent:0px;padding:0px 1% 3px 1%}
.sidebar .page_item a:hover,.sidebar .cat-item a:hover{text-decoration:underline;background-color:transparent}
.sidebar li{padding:10px 2%;border-bottom:1px dotted #CCC}
.sidebar li a{padding:10px 0%;font-size:96%;width:96%;line-height:1.2}
.sidebar .page_item a,.sidebar .cat-item a{background-color:transparent }
.sidebar a{text-decoration:none}
.sidebar .cat-item,.sidebar .page_item{padding:0px 0px 0px 0;width:100%;border:none}
.post-date{position:relative;bottom:6px;margin:0px 0px 0px 2%}
.sidebar .cat-item,.sidebar .page_item{width:100%;border:none}
.sidebar .page_item a,.sidebar .cat-item a{display:block;border-bottom:1px dotted #CCC;background-color:transparent;padding:10px 2%}
.content-b-single .children li a:before,.sidebar .children li a:before{content:"・"}
/*サイドバー*/
.sidebar .original-profile{padding:8px 0px;clear:both}
.sidebar .profile-right{width:25%;float:left;margin:0px 0px 0px 2%}
.sidebar .profile-name{padding:3px 5px 5px 5px;font-size:100%;font-weight:bold;border-bottom:#CCC 1px solid}
.sidebar .profile-left{float:right;width:68%;padding-right:2%}
.sidebar .profile-area{font-size:90%;padding:3px 1.5% 2px;line-height:1.4}
.sidebar .profile-original{/*縦*/
font-size:92%;padding:3px 1.5% 0px;line-height:1.4;clear:both}
.sidebar .profile-original2{/*横*/
font-size:92%;padding:0px 0.5% 8px;line-height:1.4;clear:both}/*投稿エリア*/
.access_ranking h3,.post_title h2{line-height:1.4;font-size:18px;clear:both}
.post_title h3{line-height:1.4;font-size:115%;clear:both}
.post_title h4,#content-single h5{line-height:1.4;font-size:115%;clear:both}
.post_title h5{line-height:1.4;font-size:115%;clear:both}
#content-single .rounded2,.related-single{clear:none;font-weight:bold;margin:30px 0px 2px 0px;font-size:20px;padding:0px 0px 12px 10px;border-bottom:3px solid #00a398}
.related{width:100%;padding:8px 0px 10px 0px}
.related div{border-bottom:1px dotted #ccc;padding:7px 2%}
.related div:first-child{padding:0px 2% 8px 2%}
.single-list1-op{vertical-align:middle;margin:3px 0px 0px 0px}
.single-list1-op span:first-child{margin:0px 5px 0 0px}
/*マップ*/
.change_tab_cont,.change_tab_cont2,.change_tab_cont4{display:none;margin-bottom:8px}
.change_tab_cont iframe,.change_tab_cont2 iframe{margin-bottom:5px}
.change_tab_cont.show,.change_tab_cont2.show,.change_tab_cont4.show{display:block}
.change_tab,.change_tab2,.change_tab4{width:calc(50% - 1px);display:inline-block;vertical-align:top;text-align:center;background-color:#fff;padding:6px 0;font-weight:bold;font-size:15px}
.google-no-auto-placed .change_tab,.google-no-auto-placed .change_tab2,.google-no-auto-placed .change_tab4{width:calc(50% - 1px);display:inline-block;vertical-align:top;text-align:center;background-color:#fff;padding:6px 0;font-weight:bold;font-size:15px}
.change_tab.is-active,.change_tab2.is-active,.change_tab4.is-active{background-color:#2c7eb9 !important;color:#fff;font-weight:bold}
.change_tab4{width:calc(25% - 1px);}
.change_tab2:hover,.change_tab4:hover{cursor: pointer;background-color: #2c7eb9;color: #fff;}
.forecast_ranking{width: 100%;}
.forecast_ranking th{background-color: #f0f0f0;border: 1px solid #ccc;text-align: center;padding: 2px 0;white-space: nowrap;}
.forecast_ranking td{border: 1px solid #ccc;text-align: center;padding: 5px 0;font-size: 14px;white-space: nowrap;}
.forecast_ranking td strong{font-size: 16px;color: #FF0033;}
#forecast_description{position: absolute;right: 12px;top: 9px;font-size: 15px;}
.forecast_supplement{font-size: 12px;text-align: right;}
.forecast .tide_list li:nth-child(n+11),.forecast .forecast_ranking tr:nth-child(n+6),.forecast .forecast_table tr:nth-child(n+7) {display: none;}
.table-scroll {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.table-scroll::-webkit-scrollbar {width: 12px;}
.table-scroll::-webkit-scrollbar-track {background-color: #f1f1f1;}
.table-scroll::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px;}
.table-scroll::-webkit-scrollbar-thumb:hover {background-color: #555;}
.sub_spot a{text-decoration:none}
.sub_spot a:hover{text-decoration:underline}
.sub_spot{line-height:1.4;position:relative}
.sub_spot h3{margin-top:5px;font-size:14px !important;font-weight:bold}
.sub_spot p{font-size:14px;font-weight:normal}
#map_block{margin:0;overflow:hidden;border:1px solid #f0f0f0;position:relative}
#map{width:73%;height:350px ;float:left}
.post-surf_beach #map{width:100%;}
.typhoon_moto{display:none}
.tide_description{overflow: hidden;height: 3.5em;}
#map_b_right{width:26%;float:left}
#map_b_right p{padding-left:10px}
.map_out{margin-bottom:10px;overflow:hidden}
.map_main{width:97%}
.map_main p,.map_right p{line-height:1.5;font-size:12px}
.map_right .map_text,.map_main .map_text{font-size:11px}
.map_main .map_name{font-weight:bold;font-size:13px}
.map_right .map_name{font-weight:bold;font-size:12px}
.info_block{font-size:12px;overflow:visible;margin:5px 0;width:100%}
.info_block th{text-align:center}
.info_block table{width:97%;margin-bottom:5px;clear:both}
.info_block td{border:solid #ccc 1px;text-align:center}
.info_title{padding:5px;font-weight:bold}
.info_periods{padding:2px;background-color:#f5f5f5}
.info_block .info_time{text-align:left;padding:0 5px}
.info_block .info_time2{padding:3px 0;background-color:#f5f5f5}
.review_comment{width:97%;text-align:justify;text-justify:inter-ideograph}
.review_title{background-color:#2c7eb9;color:#FFF;margin:5px 0 2px 0;padding:2px 0 2px 5px}
.review_cnt{color:#FF4949;font-weight:bold;font-size:14px;margin:0 3px}
.market_icon:before{content:"\e930";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;vertical-align:middle;margin-right:5px}
.convenience_icon:before{content:"\e92a";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;vertical-align:middle;margin-right:5px}
.food_icon:before{content:"\e92f";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;vertical-align:middle;margin-right:5px}
.lure_icon:before{content:"\e92b";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;font-weight:bold;vertical-align:middle;margin-right:5px}
.kumade_icon:before{content:"\e92c";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;vertical-align:middle;font-weight:bold;margin-right:5px}
.beach_icon:before{content:"\e92d";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;font-weight:bold;vertical-align:middle;margin-right:5px}
.shopping_icon:before{content:"\e92e";font-family:"icomoon",sans-serif;font-size:24px;color:#2c7eb9;font-weight:bold;vertical-align:middle;margin-right:5px}
.map_comment{font-size:11px;color:#CCC}
.map_title_area{background-color:#f5f5f5;border-bottom:1px solid #ededed;margin-bottom:5px;padding:7px 0 7px 12px;font-weight:bold;font-size:14px;width:100%;color:#444}
/*1ブロック*/
.content-b-single .img-new-post{margin:0px 0% 0px 0%}
.related1{clear:both;overflow:hidden;width:31.5%;display:inline-block;vertical-align:top;margin-bottom:10px;padding:7px 0.5%;/*border-bottom:#CCC 1px dotted*/}
#content-single .new-post-img img,.related1 img{width:100%;height:auto;border:1px #f0f0f0 solid;height:143px}
#content-single .new-post-img,.related1-img{position:relative;margin:0px 1% 0px 1%;width:100%;height:143px;margin-bottom:8px}
.related1-img1{position:relative;margin:0px 1% 0px 1%;float:right;width:12%}
#content-single .new-post-img1{margin:0px 1% 0px 1%;float:right;width:12%}
#content-single .new-post-title,.related1-title{width:99%;margin:0px 0 0px 1%;font-size:16px;float:left}
.content-b-single #searchform{margin:15px 0px 15px 0px}
.content-b-single .tagcloud a{margin:5px 0 0px 5px}
.content-b-single li{border-bottom:dotted 1px #CCC;width:94%;line-height:130%;padding:8px 2%}
.content-b-single li a{font-size:92%;line-height:1.2;padding:8px 0}
.content-b-single li span{font-size:100%}
.content-b-single .cat-item,.content-b-single .page_item{padding:0 0;width:100%;border:none}
.content-b-single .page_item a,.content-b-single .cat-item a{display:block;border-bottom:dotted 1px #CCC;background-color:transparent;width:96%;padding:8px 2%}
.content-b-single .wideget-title-color a,.content-b-single .post-justify a{font-size:96%;line-height:1.3}
.cat-item ul li,.page_item ul li{padding:0px 0px 0px 0%;width:100%}
/*2ブロック*/
.related2{float:left;width:48%;margin:8px 0% 0px 1.6%}
.related2-img{position:relative;margin:0px 1% 0px 0;display:inline-block;vertical-align:top;width:29%}
.related2 img{width:100%;border:1px #f0f0f0 solid}
.related2-title{display:inline-block;vertical-align:top;width:66%;margin:0px 0 0px 0}
.related5 a,.related2-title a{text-decoration:none}
.single-list3-op{margin:0px 0 0 0px;font-size:90%;line-height:1.5}
.single-list3-op a{font-size:90%}
.single-list3-op span{margin:0px 3px 0 10px}
.single-list3-op span:first-child{margin:0px 3px 0 2px}
/*4ブロック*/
.related5s{overflow:hidden;margin:0 0 0px 0}
.related5{float:left;height:100%;width:22%;margin:8px 2% 5px 1%}
.related5 img{width:100%;border:1px #f0f0f0 solid}
.related5-img1,.related5-img{position:relative}
.related5-cont .list-category-op a,.related1-title .list-category-op a,.related2-title .list-category-op a{margin-top:3px}
.related5-cont .list-category-author,.related5-cont .list-category-date{display:block}
.container{margin:0 0 0px 0}
/*SNS開始*/
.share{margin:0px auto;position:fixed;bottom:0;width:50px;z-index:100;left:-1183px;right:0;top:137px}
.share ul{margin :0;padding:0;list-style :none}
.share li{width :50px}
.share li a{display :block;line-height:1.8;color:#fff;font-size :11px;text-decoration :none;text-align :center}
.share li a:visited{ color:#fff}
.share ul:after{content :"";display:block;clear:both}
.tweet a{background: url(/img/x.svg) no-repeat 50% 7px / 17px 17px;padding:23px 0 2px;background-color:#000000}
.facebook a{background: url(/img/facebook.svg) no-repeat 50% 7px / 17px 17px;padding:23px 0 2px;background-color :#315096}
.hatena a{background: url(/img/hatena.svg) no-repeat 50% 9px / 15px 15px;padding:23px 0 2px;background-color :#008fde}
.line a{background: url(/img/line.svg) no-repeat 50% 7px / 18px 18px;padding:23px 0 2px;background-color :#06C755}
/*SNS終了*/
.single-right{text-align:right}
.single-center{text-align:center}
/*サーフスポット*/
.surf_table th{font-weight:bold}
.surf_table td{padding:5px 5px}
/* START 周辺のサーフスポット*/
#etc_area .etc_area{color:#ffffff;background-color:#2c7eb9;padding:4px 8px;border-radius:3px;font-size:13px}
#etc_area .etc_list a,#etc_area .etc_list span,#etc_area .etc_list{vertical-align:middle}
#etc_area .etc_list .kiro span{vertical-align:bottom}
#etc_area .etc_list a{display:block;text-decoration:none;border-bottom:1px dotted #ccc;padding:5px 0}
.surf_spot #etc_area .etc_list a{padding:12px 0}
#etc_area .etc_list a:hover{background-color:#f5f5f5}
/*矢印*/
.sunrisesunset_list a,.tide_aria,.access_ranking li,.tide_list a,.list-top a,.arrow{position:relative}
.sunrisesunset_list a:before,.tide_aria:before,.access_ranking a:before,.tide_list a:before,.list-top a:before,.arrow::before{content:"";position:absolute;display:block;width:10px;height:10px;top:0;bottom:0;margin:auto;right:12px;border-top:solid 3px #999;border-right:solid 3px #999;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.top-ranking a:hover:before,.access_ranking a:hover:before,.tide_list a:hover:before,.tide_aria.clicked:before{border-color:#fff}
.tide-table-aria a:hover,#shio_map a:hover,.tide_list a:hover,.top-ranking a:hover,.access_ranking a:hover{color:#ffffff;background-color:#2c7eb9;text-decoration:none}
.kiro{font-size:10px}
.kiro span{font-size:15px;padding:0 3px}
.etc_area{margin-right:5px}
/* END 周辺のサーフスポット*/
.tuyu_area{border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.tuyu_area li{display: inline-block;width: calc(50% - 1px);border-top: 1px solid #ccc;text-align: center;}
.tuyu_area li:nth-child(odd){border-right: 1px solid #ccc;}
.tuyu_area li a{display: block;padding: 8px 0;text-decoration: none;color: #333;}
.page_title{position: relative;}
/* START お気に入り*/
#favorite{padding:5px 3px 5px 5px;font-size:10px;position:absolute;right:3px;top:0px;border:1px solid #ccc;border-radius:5px;font-weight:bold;background-color:#fff}
#favorite.off::before,#favorite.on::before{content:""; display: block; width: 20px; height: 28px; padding: 0 0 0 26px; background-position-x: 13px; background-repeat: no-repeat; background-size: 20px 20px;}
#favorite.on::before{background-image:url(/img/star_on.svg)}
#favorite.off::before{background-image: url(/img/star_off.svg)}
.surf_spot #favorite,.forecast #favorite {top:-7px;}
.surf_spot #favorite.on::before,.surf_spot #favorite.off::before,
.forecast #favorite.on::before,.forecast #favorite.off::before{height: 21px;}
#favorite_contents .no_text{text-align:center;padding:40px 0 50px}
#map_next:hover,#map_previous:hover,.tide_aria:hover,#meteorological_agency_moto:hover,.surf_table label:hover,#favorite:hover{cursor:pointer}
.favorite_list{position:relative;border:1px solid #ccc;margin:-1px 0 0 0 !important;z-index:0}
.favorite_list .etc_area{color:#ffffff;background-color:#2c7eb9;padding:10px 10px;border-radius:3px;font-size:16px;font-weight:bold;z-index:2}
.favorite_list a{ z-index:1;text-decoration:none;display:block;padding:16px 10px}
.favorite_list .delete_id{position:absolute;right:19px;top:13px;font-size:12px;border-radius:5px;border:1px solid #ccc;padding:7px 5px;display:block;cursor:pointer}
/* END お気に入り*/
/*記事用テーブル*/
.single-type01{width:100%;border-collapse:separate;border-spacing:0px;border-top:1px solid #ccc;border-left:1px solid #ccc}
.single-type01 th{width:25%;padding:2px 2%;text-align:left;vertical-align:top;color:#444;background-color:#f5f5f5;border-left:3px double #999;border-top:1px solid #fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word}
.single-type01 td{padding:2px 1%;width:75%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word}
.olympic_ranking{text-align: center;}
.olympic_ranking .left{text-align: left;}
.olympic_ranking img,.olympic_ranking td{    vertical-align: middle;}
.olympic_ranking th{font-size: 12px;white-space: nowrap;}
.olympic_ranking .time{font-size: 16px;font-weight: bold;}
.o_ranking{width: 10px;}
@font-face{font-family:'icomoon';font-display:swap;src:url('icon/fonts/icomoon.eot?ht5h001');src:url('icon/fonts/icomoon.eot?ht5h001#iefix') format('embedded-opentype'),url('icon/fonts/icomoon.ttf?ht5h001') format('truetype'),url('icon/fonts/icomoon.woff?ht5h001') format('woff'),url('icon/fonts/icomoon.svg?ht5h001#icomoon') format('svg');font-weight:normal;font-style:normal}
[class^="icon-"], [class*=" icon-"]{/* use !important to prevent issues with browser extensions that change fonts */
font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-pocket:before{content:"\e928"}
.icon-feedly:before{content:"\e929"}
.icon-return1:before{content:"\e917"}
.icon-return2:before{content:"\e918"}
.icon-loupe:before{content:"\e925"}
.icon-lock:before{content:"\e924"}
.icon-bottom:before{content:"\e921"}
.icon-left:before{content:"\e922"}
.icon-right:before{content:"\e923"}
.icon-top:before{content:"\e926"}
.icon-next:before{content:"\e91b"}
.icon-next_b:before{content:"\e91c"}
.icon-previous:before{content:"\e91d"}
.icon-previous_b:before{content:"\e91e"}
.icon-home:before{content:"\e904"}
.icon-folder-open:before{content:"\e905"}
.icon-price-tag:before{content:"\e906"}
.icon-clock:before{content:"\e90b"}
.icon-bubble2:before{content:"\e907"}
.icon-bubbles3:before{content:"\e908"}
.icon-bubbles4:before{content:"\e909"}
.icon-quotes-left:before{content:"\e913"}
.icon-quotes-right:before{content:"\e914"}
.icon-spinner11:before{content:"\e90c"}
.icon-search:before{content:"\e910"}
.icon-menu:before{content:"\e90a"}
.icon-eye:before{content:"\e911"}
.icon-happy:before{content:"\e912"}
.icon-plus:before{content:"\e90d"}
.icon-minus:before{content:"\e90e"}
.icon-cross:before{content:"\e90f"}
.icon-play2:before{content:"\e915"}
.icon-play3:before{content:"\e916"}
.icon-circle-up:before{content:"\e91f"}
.icon-circle-right:before{content:"\e919"}
.icon-circle-down:before{content:"\e920"}
.icon-circle-left:before{content:"\e91a"}
/*定型終了*/
.bbs_views:before{font-size:104%;vertical-align:bottom;margin-right:5px;content:"\e911";font-family:"icomoon",sans-serif;color:#000}
.detetime:before,.post_dates:before{font-size:91%;margin-right:5px;content:"\e90b";font-family:"icomoon",sans-serif;color:#000}
.post_modified:before{font-size:91%;margin-right:5px;content:"\e90c";font-family:"icomoon",sans-serif}
.post_view:before{font-size:94%;margin-right:5px;content:"\e912";font-family:"icomoon",sans-serif}
.post_tag:before{font-size:82%;margin-right:5px;content:"\e906";font-family:"icomoon",sans-serif}
.post_comments:before{font-size:82%;margin-right:5px;content:"\e908";font-family:"icomoon",sans-serif}
.icon-embed{font-size:250%}
.icon-plus{display:block;font-size:80%;cursor:pointer}
.icon-minus{display:block;font-size:80%;cursor:pointer}
.icon-bubbles4{margin:0px 8px 0px 2px;font-size:80%}
.icon-bubbles3{margin:0px 8px 0px 2px;font-size:80%}
.icon-home{margin:0 2px 0px 3px;float:left;left:-1px;font-size:95%}
.icon-spinner11{margin:0px 3px 0px 5px;position:relative;top:2px;left:-1px;font-size:100%}
.icon-folder-open,.icon-clock{position:relative;top:1px;font-size:100%}
.icon-happy{position:relative;top:1px;font-size:100%}
.icon-price-tag{margin:0px 3px 0px 10px;position:relative;top:3px;left:-1px;font-size:100%}
.icon-facebook{display:block;position:relative;left:-3px;font-size:16px}
.icon-twitter{display:block;position:relative;top:1px;left:-1px}
.icon-hatebu{display:block;position:relative;top:1px;left:-1px}
.icon-line{display:block;position:relative;font-size:100%;top:1px;left:-1px}
/* ページトップへ戻る */
#page-top{display:none;display:none !important;position:relative;height:0;margin:0 auto}
#page-top a{text-decoration:none;display:block;width:50px;hegiht:50px;margin-left:90%}
.icon-top{z-index:100;position:fixed;bottom:15px;color:#FFF;padding:10px;font-size:200%;background-color:#333;background-color:rgba(0, 0, 0, 0.5);cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.required{font-size:85%}
.required-email{font-size:85%}
#email-notes{font-size:90%}
.rounded{clear:both;width:96%;padding:11px 0 11px 4%;margin:0px 0px 0px 0px;text-align:left;}
.sidebar_block{margin:0px 0px 15px 0px;}
.sidebar_block.ranking_list{background-color: #fff;}
.sidebar_block .google-auto-placed{border-bottom: #ccc 1px dotted;}
.sidebar .rounded a{line-height:1em}
.pagination a:hover,a .single-links:hover,.date-main-list-s a:hover,#pagination a:hover,.new-post-text a:hover,.related5 a:hover,.related2-title a:hover,.content-b-single a:hover,.site-info-area-sp a:hover,.cat-item a:hover,.page_item a:hover,.new-post-title a:hover,.content-b-single ul li a:hover,.content-b-single .tagcloud a:hover,#site-footer a:hover,.related1-title a:hover,.related a:hover,.comments-area a:hover,.list-post a:hover,.page-pan-area a:hover,.sidebar a:hover{text-decoration:underline}
.date-main-list-s a,#pagination a,.new-post-text a,.content-b-single a,.site-info-area-sp a,.cat-item a,.page_item a,.new-post-title a,#site-footer a,.related1-title a,.related a,.comments-area a,.list-post a,.page-pan-area a{text-decoration:none}
.icon-search{display:block;font-size:130%}
.search-aria{width:98%;padding:0 1%}
.sidebar .search-aria{margin-top:10px}
dl.search-form{position:relative;background-color:#fff;border:1px solid #ccc;border-radius:3px}
dl.search-form dt{padding:0px 1% 0px 1%}
dl.search-form dt input{width:90%;padding:1px 0;height:30px;background:none;border:none;font-size:15px;color:#555}
.ie7 dl.search-form dt input,.ie8 dl.search-form dt input{line-height:30px}
dl.search-form dd{position:absolute;top:1px;right:2px;width:10%}
dl.search-form dd button{display:block;width:100%;height:30px;line-height:29px;padding:0px 0;background:none;border:none;cursor:pointer}
.search-form #searchsubmit:before{vertical-align:middle;content:"\e925";font-size:22px;font-family:"icomoon",sans-serif}
.search-form #searchsubmit:hover:before{color:#ccc}
dl.login-form{position:relative;width:50%;margin:0 auto}
dl.login-form dt{width:78%;background-color:#fff;border:1px solid #ccc;position:absolute;padding:0px 1% 0px 1%}
dl.login-form dt input{width:100%;padding:1px 0;height:30px;background:none;border:none;font-size:15px;color:#555}
.ie7 dl.login-form dt input,.ie8 dl.login-form dt input{line-height:30px}
dl.login-form dd{position:absolute;top:0;right:0;width:20%;line-height:20px}
dl.login-form dd input[type="submit"]{border-radius:0px;display:block;width:100%;height:34px;padding:0px 0 2px 0;border:none;cursor:pointer}
dl.login-form dd input[type="submit"]:hover{background:#ccc;color:#555}
.sidebar dl.search-form dt input{width:88%}
.sidebar dl.search-form dd{width:12%}
/*投稿ページナビ*/
.single-link-navi{text-align:center;margin-top:40px}
.single-link-navi a{text-decoration:none}
a .single-links{color:#666;background-color:#fff}
.single-links{border-radius:3px;padding:12px 13px;border:#CCC 1px solid}
/*一覧ページナビ*/
#pagination{margin-top:40px;display:table;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#pagination a{font-size:96%}
#pagination .prev{line-height:1.2;display:table-cell;width:48%;padding:8px 10px 15px;box-sizing:border-box;*line-height:normal;*float:left}
#pagination .next{border-left:1px solid #ddd;line-height:1.2;text-align:right;display:table-cell;width:48%;padding:8px 10px 15px;box-sizing:border-box;*line-height:normal;*float:left}
.next-right:after{padding-left:8px;font-size:80%;content:"\e91b";font-family:"icomoon",sans-serif}
.prev-left:before{padding-right:8px;font-size:80%;content:"\e91d";font-family:"icomoon",sans-serif}
.prev-left{font-size:88%;padding:3px 0px 5px 0px}
.next-right{text-align:right;font-size:88%;padding:3px 0px 5px 0px}
.date-main-list-s a{margin-right:3px;display:inline-block;vertical-align:middle}
.date-main-list-s .list-category-op{font-size:70%}
.date-main-list-s{overflow:hidden;padding:0px 0.5%}
.post_date{clear:both;padding:0px 0.5%;margin-top:1px}
.post_date li{display:inline-block;vertical-align:bottom;margin:0px 10px 0px 0px;font-size:89%}
.post_date a{font-size:95%;text-decoration:none}
.post_date a:hover{text-decoration:underline}
.post_view_count{font-family:Arial,Helvetica,sans-serif;line-height:1;font-weight:bold;font-size:115%}
.post_view_views{font-size:80%}
.tagcloud{overflow:hidden;clear:both}
.tagcloud a{line-height:1.2;border-radius:3px;margin:0px 0px 5px 1%;padding:5px 10px;float:left;position:rerative;font-size:85%}
.link_more{border:1px solid #ccc;vertical-align:middle}
.link_more a{display: inline-block;vertical-align:middle}
.link_more a:nth-child(2){width: 76%;display: inline-block;}
.link_more img{width:100%;margin:0;vertical-align:middle}
.link_more .img_more{width:20%;display:inline-block;position:relative;vertical-align:middle;margin:0 2% 0 0;overflow:hidden}
.sidebar .tagcloud{padding:8px 1% 0 0}/*-----カレンダー -----*/
#wp-calendar{border-collapse:collapse;width:100%;margin-left:0px}
#wp-calendar thead tr th{text-align:center;padding:5px 0px}
#wp-calendar caption{font-size:95%;background-color:#f0f0f0;margin-bottom:5px;margin-top:8px;padding:8px 0px;font-weight:bold;text-align:left}
.sidebar #wp-calendar caption{margin-top:10px}
#wp-calendar td{font-size:92%;text-align:center;padding:10px 0px}
#wp-calendar tbody tr #today{font-weight:bold}
#wp-calendar tbody tr #today a{display:block}
#wp-calendar td a{font-weight:bold;text-decoration:underline;display:block}
#wp-calendar td a:hover{text-decoration:none}
#wp-calendar caption{text-align:center;font-weight:normal}
#wp-calendar #prev a,#wp-calendar #next a{text-decoration:none;font-weight:normal}
/*-----テキスト -----*/
.textwidget{font-size:90%;line-height:1.4;padding:8px 1%}
.content-b-single .textwidget{padding-top:7px}
/*エラーページ*/
.page-404{padding:0px 1.5%;margin:20px 0px}
.page-404-h1{font-size:120%;padding:0 0 12px 10px}
.page-404-top{font-weight:bold;font-size:110%;margin:0px 0px 10px 0px}
.page-404-sub{font-size:100%;line-height:20px}
/*ページナビ*/
.pages-sp{display:none}
.pagination{margin:30px 0px 10px 0px;text-align:center;padding:0px 0px 0px 0px;font-size:13px;line-height:13px ;background:none}
.pagination ul{display:inline-block}
.pagination li{float:left}
.pagination span,.pagination a{display:block;float:left ;margin:2px 8px 2px 0;border-radius:3px;padding:12px 13px;text-decoration:none;width:auto ;color:#666 ;border:#CCC 1px solid}
.pagination a:hover{color:#fff ;background:#1F9FD6}
.pagination .current{padding:12px 13px;background:#1F9FD6;color:#fff }
.icon-search{font-size:140%}
/*下のCSS*/
.content-b-single .rss-date,.rss-date{font-size:84%}
.rssSummary{line-height:1.3;font-size:88%}
cite{font-size:90%;display:block;text-align:right}
.post_author:before,.post_author:before,.content-b-single cite:before,.sidebar cite:before{content:"by "}
.content-b-single .rss-date{margin-top:1px;display:block;color:#888}
.sidebar .rssSummary,.content-b-single .rssSummary{margin-top:2px}
.sidebar .rss-date{display:block;margin-top:3px}
.content-b-single cite,.sidebar cite{margin-top:1px}
.rss-date:before{font-size:82%;position:relative;top:0px;padding:0 5px 0px 0%;content:"\e90b";font-family:"icomoon",sans-serif}
.rsswidget img{position:absolute;display:none}
.content-b-single .rounded2 .rsswidget:hover,.rounded .rsswidget:hover{text-decoration:none;cursor:default;-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1}
.rounded .rsswidget,.rounded2 .rsswidget{/*リンクの無効*/pointer-events:none}
.footer-title-sp-t .rsswidget{margin-left:-2px}
.footer-title-sp:hover{transition:all 0.4s;opacity:0.9;filter:alpha(opacity=90);-ms-filter:"alpha( opacity=90 )";background-color:#ccc}/*1カラム*/
.cover{display:inline-block;background-color:#ccc;background-position:center center;background-repeat:no-repeat;width:100%;height:300px;background-size:cover;border:#f0f0f0 1px solid}/*マップ*/
.map_tied{width:100%}
.map_tied th{background-color:#f0f0f0;border:1px solid #ccc;vertical-align:middle;text-align:center;padding:5px 5px}
.map_tied td{border:1px solid #ccc;text-align:right;vertical-align:middle;line-height:1.2;padding:2px 5px}
.leaflet-popup-content .map_title{margin-bottom:8px;font-weight:bold;font-size:16px}
.leaflet-popup-content .map_tied td p{margin:0}/*下のCSS終了*/
.categories.sp_background{background:rgba(6, 6, 6, 0.2) none repeat scroll center center}
.original-publicity1{text-align:center}
.original-publicity{text-align:left}
.original-publicity2{text-align:right}
.icon-menu{display:none}
.ggmap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
 .ggmap iframe,.ggmap object,.ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
#tide-level-map div{pointer-events:none}
/*潮位関連*/
#tidegraph-syu{height:180px;width:100%}
#tidegraph{height:300px;width:100%;margin:auto}
.shio-cyui{line-height:1.2;font-size:11px;position: relative;}
.shio-cyui .amedas_link{position: absolute;right: 5px;top: 5px;}
.post_date_shio{font-size:13px;padding:7px 0 0 0px}
.post_date_shio li{display:inline-block;padding:0px 5px 0px 0px}
h1.post_shio_title{font-size:22px}
/*リンク位置の調整*/
#shio-date{display:block;padding-top:300px;margin-top:-300px}
#shio-table{display:block;padding-top:100px;margin-top:-100px;font-weight:bold}
.amedas-table,
.shio{margin-bottom:5px;text-align:center;width:100%;border:1px solid #CCC}
.shio tr{border:1px solid #CCC}
.amedas-table td,
.shio td{line-height:1.2;vertical-align:middle;border:1px solid #CCC;padding:2px 0px}
.shio td span{display:block;font-weight:normal}
.shio td span.unit{display: inline-block;}
.shio td:first-child{font-size:13px;line-height:1.2;padding:2px 0 1px}
.amedas-table th,
.shio th{white-space:nowrap;vertical-align:middle;background-color:#2c7eb9;color:#fff;border:1px solid #CCC}
.shio td.day{font-weight:bold;white-space:nowrap}
.shio tr.hide{display:none}
.offtext{font-size: 9px;margin-top: -6px;font-weight: bold;}
.wind.on,.wave.on{background-color: rgba(78, 204, 243, 0.4);}
.amedas-table th{font-size:14px;}
.tide_level .amedas_time,
.forecast .amedas_time{position: absolute;top:5px;right:10px;font-size:15px;font-weight: normal;}
.tide_level .amedas_time{top: 13px;}
.amedas-table td{padding: 10px 0;}
.amedas_text{font-size: 12px;line-height: 1.2;}
.forecast .forecast_more,#see_more,#shio_area_all_more,#shio_area_more,#surf_point_more,#wave_moto,#shio_moto{text-align:center;background-color:#fff;padding:7px 0px;border-radius:5px;font-size:12px;margin:8px auto;cursor:pointer;border:1px solid #CCC;border-bottom:solid 4px #ccc;font-weight:bold;width:30%}
.tide_level .weather tr:nth-child(5),.tide_level .weather tr:nth-child(7){background:#f5f5f5}
#forecast_archive{padding: 5px 0 5px 0;margin-bottom: 9px;display: flex;overflow-x: scroll;}
#forecast_archive .archive_out{display: inline-block;border: 1px solid #CCC;margin-right: 5px;padding: 5px 5px 5px 0px;white-space: nowrap;flex: 0 0 auto;position: relative;}
#forecast_archive .img_area{display: inline-block;}
#forecast_archive .img_area img{border: none;}
#forecast_archive .text_area{display: inline-block;vertical-align: top;}
#forecast_archive .area_name{font-size: 12px;}
#forecast_archive .max {color: #FF0000;font-size: 15px;font-weight: bold;}
#forecast_archive .min {color: #0096FF;font-size: 15px;font-weight: bold;}
#forecast_archive .batsu{position: absolute;top:-5px;right: -3px;font-size: 100%;font-weight: bold;background: #333;border: 1px solid #000;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 15px;line-height: 15px;cursor: pointer;transition: .2s;}
#forecast_archive .batsu:hover{background: #fff;border-color: #333;color: #333;}
#main-content1-area #shio_map{margin:20px 0 30px}
.sunrisesunset_list,
.tide_list{overflow:hidden;margin-bottom:15px;border:1px solid #ccc;overflow:hidden;clear:both;margin:0px 0;padding:0}
.tide_aria_out .tide_list{display:none;border-right:2px solid #2c7eb9;border-left:2px solid #2c7eb9;border-bottom:2px solid #2c7eb9}
.sunrisesunset_list li,.tide_list li{width:calc(50% - 1px);float:left;border-bottom:1px solid #CCC;text-align:center;margin:0px 0px 0px 0px}
.sunrisesunset_list li:nth-child(odd),
.tide_list li:nth-child(odd){border-right:1px solid #ccc}
.sunrisesunset_list a,.tide_list a{display:block;text-decoration:none;padding:7px 20px;white-space:nowrap}
.sunrisesunset_list a:hover,
.tide_list a:hover{background-color:#2c7eb9;color:#FFF}
.tide_aria{font-size:15px;padding:10px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:calc(50% - 4px);display:inline-block;vertical-align:top;text-align:center}#typhoon_area .tide_aria{width:100%;border:1px solid #ccc}
#typhoon_area .tide_aria a{text-decoration:none;font-weight:bold}
.tide_aria.clicked{background-color:#2c7eb9;border:1px solid #2c7eb9;color:#FFF;width:calc(100% - 1px)}
.tide_aria_out{border-left:1px solid #ccc;border-top:1px solid #ccc;overflow:hidden}
.tide_level_text{background-color:#f5f5f5;font-size:13px;line-height:1.4;margin-top:15px;padding:10px 10px;white-space:pre-wrap}
.tide_level_text h2{font-size:14px;padding:0;padding-bottom:5px}
.tide_level_text p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;margin-bottom: 17px;}
.wind-icon{width:22px;height:22px;background-size:auto 90%;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMUExQTFBO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyXzFfMV8iPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjIsNDguNSAyNSwxLjUgNDcuOCw0OC41IDI0LjksNDIgCSIvPgo8L2c+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-position:0 0;display:inline-block;text-align:center;vertical-align:middle}
.azimuth{font-size:8px;line-height:1;padding-bottom:5px}
.wave_table{width:100%}
.wave_table th{text-align:center;background-color:#2c7eb9;color:#fff;border:1px solid #ccc;font-size:11px;white-space:nowrap;padding:3px 0}
.wave_table th.dey{text-align:center;background-color:#f5f5f5;color:#000;font-weight:normal;font-size:15px}
.wave_table td{border:1px solid #ccc;padding:0px 5px 0px;text-align:center;white-space:nowrap;vertical-align:middle;font-size:11px}
.wave_table td img{border:none;width: 35px;}
.wave_table td.wave_icon{width:50px;padding:0px}
.wave_table td.time{text-align:right;width:14px;font-weight:bold}
.wave_table .wave_tr{display:none}
.weather_con1{font-size:12px;line-height:1.2}
.weather_con2{line-height:1.2;margin:5px 0 -3px 0}
.wave_tr_on.disptype2.active {display: table-row;}
.tide-disp-change{position: absolute;top: 4px;right: 10px;}
.tide-disp-change span {padding: 8px 17px 9px;border-radius: 5px;font-size: 14px;border: 1px solid #ccc;}
.tide-disp-change .active{color: #fff;background-color: #FFA500;border: none;}
.tide-disp-change #tidedispchange{margin-left: 5px;}
#rainy_season,.weather{text-align:center;width:100%;border:1px solid #CCC}
.weather tr{border:1px solid #CCC}
.weather td{width:10%;vertical-align:middle;border:1px solid #CCC;padding:5px 0}
.weather td:first-child{font-size:12px}
.weather-min{font-size:14px;color:#0066ff}
.weather-max{font-size:14px;color:#ff0000}
.weather-date{font-size:14px;font-weight:bold;padding:11px 0;background-color:#f0f0f0}
.weather img{border:none}
.wave_table th .tani{font-size:12px;padding-left:3px}
.amedas-table .tani,
.wave_table td .tani{font-size:10px;padding-left:3px}
.weather_out{margin:0 0 10px 0;text-align:center}
.weather_out .tide_list li{width:calc(33.42% - 2px);border-right:1px solid #ccc}
.sunrisesunset_list li:nth-child(odd),
.tide_list li:nth-child(odd){ border-right:1px solid #ccc}
.change_tab_cont .tide_list li:nth-child(3n){border-right:none}
.weather_out .tide_list{border:none;border-top:1px solid #ccc;border-left:1px solid #ccc}
.weak6{background-color:#e9f4fe}
.weak0{background-color:#ffdddd}
.weather-forecast-img p{font-size:11px}
.weather_day{width:100%;text-align:center;vertical-align:middle}
.weather_out .weather{font-size:14px;margin-top:25px;line-height: 1.2;}
.weather_out .weather td{border:1px solid #CCC;vertical-align:middle;white-space: nowrap;}
.weather_out .weather td p{font-size: 10px;font-weight: bold;}
.weather_out .weather th{border:1px solid #CCC;font-size:12px;padding:5px 0;vertical-align:middle;width:5%;background-color:#f0f0f0;white-space: nowrap;}
.weather .weather_temp span{font-size:15px}
#weather_10{text-align: left;margin: 0 0 -14px 0;padding: 12px 1.8% !important;}
.forecast .weather .day{font-size: 14px;font-weight: bold;vertical-align: top;padding: 3px 0 7px;}
#search_gps{vertical-align: middle;border: 1px solid #ccc;text-align: center;padding:8px 0;font-weight: bold;}
#search_gps:hover{cursor: pointer;}
#search_gps:before{content:"";display:inline-block;vertical-align: middle;width:1.8em;height:1.8em;background:url(/img/gps.svg) no-repeat;background-size:contain;margin-right: 3px;}
.weather_out .max{color:#FF0000;font-size: 20px;font-weight: bold;}
.weather_out .min{color:#0096FF;font-size: 20px;font-weight: bold;}
.forecast h3,.weather_out h3{border-bottom: #2c7eb9 3px solid;font-size: 16px;padding:5px 0;margin-bottom:10px}
.forecast .weather_out h3{font-size: 18px;}
.forecast h3{padding-left: 5px;margin-top: 15px;position: relative;}
.weather_out .weather th p{font-size:13px;line-height:1}
.weather_out img{border:none}
.weather_out div.inner{display:inline-block;width:49.5%;vertical-align:top;font-size:12px}
.weather_out div.inner:first-child{margin-right:1%}
.weather_out div.inner .left{display:inline-block;width:50%;vertical-align:middle;font-size:15px;margin:-9px 0 0 0}
.weather_out div.inner .right{display:inline-block;width:50%;vertical-align:middle}
.weather_out div.inner .right h4{background-color:#f0f0f0;display:block;width:100%;font-size:12px;font-weight:bold;padding:3px 0;color:#333}
.change_tab_list{border: 1px solid #CCC;}
.forecast .change_tab_list{margin-bottom: 20px;}
.forecast .change_tab {border-bottom: 1px solid #CCC;}
.index_table,.forecast_time_table,.weather_out .forecast_table{width:100%;border:1px solid #ccc;white-space: nowrap;text-align: center;margin-top: 18px;}
.tide_level .index_table{margin-top: 0;}
.index_table th,.forecast_time_table th,.weather_out .forecast_table th{background-color:#f0f0f0;border:1px solid #ccc}
.index_table td,.forecast_time_table td,.weather_out .forecast_table td{border:1px solid #ccc;vertical-align:middle}
.weather_out .forecast_table td.icon{width:72px}
.weather_out .forecast_table td.icon img{margin: 0;}
.weather_out .forecast_table td.icon p{font-size: 10px;font-weight: bold;margin: -8px 0 0 0;}
.weather_out .forecast_table td img{width:55px}
.forecast_time_table td.time,.weather_out .forecast_table td.time{width:20px;font-weight:bold;}
.forecast_time_table td img{width:35px;border:none}
.weather_out .forecast_table td.wind_txt{line-height: 1.2;}
.weather_out .forecast_table td.wind_txt p{font-size: 13px;}
.forecast .weather_out .forecast_table td{font-size: 15px;}
.forecast th{font-size: 11px;padding: 5px 0;}
.index_table th{padding: 2px 0;color: #ffffff;background-color: #2c7eb9;}
.forecast th.dey{font-size: 15px;font-weight: bold;}
.forecast_time_table td.wind_txt{line-height: 1.2;font-size: 13px;}
.forecast_time_table td.wind_txt p{font-size: 12px;}
.forecast .tani{font-size: 11px !important;padding-left: 2px;}
.index_table img{width: 40px;height: auto;margin: 0;border: none}
.weather .index p,.index_table p{font-size: 10px;font-weight: bold;}
.index_table td{width: 25%;}
.weather_out h2{text-align:left; padding:20px 0.5% 2px}
.weather_out .temp{font-size:16px;font-weight:bold}
.weather_out div.inner .right p{ padding:2px 0}
.sunrisesunset h2,.forecast h2,.weather_out h2,.access_ranking h3,.post_title h2.weather-aria{background-color:#2c7eb9;color:#FFF;border-left:none;margin:20px 0 10px 0;padding:8px 1.8%}

.sunrisesunset td .moon_age{
  font-size: 12px;

}
.weather_out h2{text-align: center;margin-top: 0;line-height: 1;}
.weather_out h2 span{font-size: 10px;}
p.times_day,span.times_day{background-color: #FF0000;color: #fff;padding: 2px 3px;}
p.tiger,span.tiger {background-color: #ff9c30;color: #fff;padding: 2px 3px;}
p.snake,span.snake {background-color: #ff9c30;color: #fff;padding: 2px 3px;}
p.pardon,span.pardon {background-color: #DAA520;color: #fff;padding: 2px 3px;}
span.unsuccessful,p.unsuccessful{background: #ccc;color: #333;padding: 2px 3px;}
.weather_out .left p{font-size: 12px;font-weight: bold;}
.access_ranking h3{margin:18px 0 -1px 0}
.weather-live{line-height:1.5;padding:0 0.5%;margin-bottom:13px;font-size:15px}
.post_title h3.weather-t{padding:3px 1.8% 3px 1.8%;border-left:none;border-bottom:#2c7eb9 3px solid;margin:15px 0 10px 0;font-size:18px}
.weather-wave{font-size:13px;line-height:1.1;padding:5px 0}
#forecast_map {width:100%;height:400px}
#forecast_map .leaflet-marker-pane img{background-color: inherit;}
/*Q&A*/
#accordion {margin: 8px auto 0;}
#accordion .option {position: relative;margin-bottom: 8px;}
#accordion .title,#accordion .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
#accordion .title {border: solid 1px #ccc;padding: 8px 2em 8px 1em;display: block;color: #333;font-weight: bold;}
#accordion .title::after,#accordion .title::before {content: "";position: absolute;right: 1.25em;top: 14px;width: 2px;height: 0.75em;background-color: #999;transition: all 0.3s;}
#accordion .title::after {transform: rotate(90deg);}
#accordion .content {max-height: 0;overflow: hidden;}
#accordion .content p {margin: 0;padding: 0.5em 1em 1em;font-size: 0.9em;line-height: 1.5;}
#accordion .toggle:checked+.title+.content {max-height: 500px;transition: all 1.5s;}
#accordion .toggle:checked+.title::before {transform: rotate(90deg) !important;}

/*楽天トラベル　START*/
.hotel_list li{display:inline-block;vertical-align:top;width:calc(25% - 11px);margin:0 0 18px 8px;line-height:1.6;font-size:12px}
.hotel_list li a{text-decoration:none}
.hotel_list li img{width:100%;height:auto}
.hotel_list li .review_count::before{width:22px;height:auto;content:url('');background:url(/img/icon_review.svg) 4px 2px / auto 13px no-repeat;display:inline-block}
.hotel_list li p span{font-weight:700}
.hotel_list li .review_count{font-weight:400}
.hotel_list li p.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.hotel_list li p span.price{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#BF0000}
.hotel_list .img_block{width:100%;height:113px;border:1px solid #ccc;overflow:hidden;position:relative;margin-bottom:5px}
.hotel_list .img_block img{position:absolute;height:113px;top:0;bottom:0;right:0;left:0;margin:auto;border:none}
/*楽天トラベル　END*/
.weather .index img{width: 28px;height: auto;margin: 0;}
#himawari_block{height: 549px;}
#kaikyou_block{height: 656px;}
.himawari div{font-weight: bold;position: absolute;background-color: #f5f5f5;bottom: -25px;left: 0;right: 0;}
.kaikyou img,.himawari img{margin-top: 0;}
#kaikyou_block,#himawari_block{position:relative;width:100%;margin-bottom:25px;padding:0px 0 62px;margin-top:0px;text-align:center;background-color: #f5f5f5;}
.himawari,.kaikyou{position: absolute;top: 0;z-index: 0;}
.himawari.active1,.kaikyou.active2{z-index: 1;}
.kaikyou.active2 div{background-color: #f5f5f5;font-weight: bold;}
#kaikyou-next,#kaikyou-prev,#himawari-next,#himawari-prev{position: absolute;bottom: 11px;text-align: center;width: 30%;background-color: #FFF;padding: 5px 10px;border-bottom: solid 3px #ccc;border-radius: 5px;text-decoration: none;font-size: 14px;font-weight: bold;z-index: 10;}
#userSection:hover,#kaikyou-next:hover,#kaikyou-prev:hover,#himawari-next:hover,#himawari-prev:hover{cursor: pointer;}
#kaikyou-prev,#himawari-prev{left: 5px;}
#kaikyou-next,#himawari-next{right: 5px;}
.weather_map{text-align: center;}
.weather_map img{width: calc(100% - 4px);margin-top: 0px;}
#map_next,#map_previous{white-space: nowrap;width:10%;background-color:#FFF;padding:5px 10px;border:solid 1px#ccc;border-bottom:solid 3px#ccc;border-radius:5px;font-size:14px;font-weight:bold;position:absolute;top:11px;display:block}
#play-himawari,#play-kaikyou,#play {display: inline-block;position: relative;width: 45px;height: 45px;border: 0.05em solid currentColor;border-radius: 50%;color: #2c7eb9;background-color: #fff;font-size: 37px;display: inline-block;position: absolute;left: 21px;bottom: 11px;z-index: 99;user-select: none;}
#play-himawari.active,#play-kaikyou.active,#play.active{color: #fff;background-color: #2c7eb9;}
#play-himawari::before,#play-kaikyou::before,#play::before {position: absolute;top: 50%;left: 37%;transform: translateY(-50%);width: 0px;height: 0px;border: 0.3em solid transparent;border-left: 0.5em solid currentColor;box-sizing: border-box;content: "";}
.form-control-range{width: 75%;position: absolute;bottom: 8px;left: 100px;}
#forecast_map_area #play:hover{cursor: pointer;}
#forecast_map_area{position:relative;width:100%;margin-bottom:25px;padding:40px 0 30px;margin-top:0px;text-align:center;background-color: #f5f5f5;}
#map_previous{left:15%}
#map_next{right:15%}
.map_control{font-weight:bold;position:absolute;right:0px;left:0;top:9px;}
.post_title h3.weather-aria3{background-color:#2c7eb9;color:#FFF;clear:both;margin:50px 0 8px;padding:10px 1.8%}
h4.hotel,h4.question{background-color: #2c7eb9;color: #FFF;border-left: none;margin: 20px 0 10px 0;padding: 11.5px 1.8%;font-size: 18px;}
.jqplot-xaxis-label{top:8px}

.post_title h2.shio-tidegraph{border-left:none;position:relative;margin:0px 0 8px 2px;font-size:18px;padding:8px 4px 7px 8px;/*border-left:#2c7eb9 5px solid;*/background-color: #2c7eb9;color: #fff;}

.tide_level.weather-map .weather_map_img{
  text-align: center;
  margin: 0 0 50px 0;
}
.weather_map_img .weather_map_img_text{
  font-size: 12px;
}
.tide_level.weather-map .update_time{
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 12px;
}

.tide-level{position:relative;/*margin-top:5px*/}
.tide-level-monthly{position:relative;margin:15px 0 0px}
.tide-level-min{position:absolute;top:9px;right:103px;font-size:12px;color: #fff;}
.tide-level-max{position:absolute;top:9px;right:10px;font-size:12px;color: #fff;}
.tide-level-max.en{right:0px;top:10px}
.tide-level-min.en{right:130px;top:10px}
#shio_chart{width: 100%;height: 450px;margin-bottom: 0px}
/*#shio_chart{width:100%;height:18vw}*/
#amedas-graph_disp li,
#shio-tidegraph_disp li{display:inline-block;width:calc(33.33% - 22px);vertical-align:middle;padding:10px;text-align:center;border:1px solid #ccc }
#amedas-graph_disp li.active,
#shio-tidegraph_disp li.active{background-color:#2c7eb9;color:#fff;font-weight:bold}
.post_title_shio{position:relative;padding:3px 0 8px}
#graph_explanation{font-size:11px;line-height:1.2;margin:0 0 0 1%}
.surf_spot h2,.post_title h2.tide-table{padding:8px 8px;border-bottom:#2c7eb9 4px solid;margin:20px 0 8px 0px;font-size:20px;position: relative;}
.widget_title{position: absolute;top: 13px;right: 5px;font-size: 12px;}
.widget_title a{background-color: #2c7eb9;background-color: #FFA500;color: #fff;text-decoration: none;padding: 5px 5px;border-radius: 5px;}
#tide-level-map{width:100%;height:300px;margin:0 auto 25px}#movie iframe{width:100%}#movie{margin:0px 0 0px 0}
#shio_map,.tide-table-aria{font-size:16px;border:1px solid #ccc;border-bottom:4px solid #ccc;margin:20px -8px 20px 0;text-align:center;}
#shio_map{margin-right:0;}
#shio_map a,.tide-table-aria a{font-weight:bold;text-decoration:none;display:block;width:100%;padding:6px 0}



.tide-level-select .submit_btn:hover,.side_contact a:hover{text-decoration:none;border-radius:5px;background-color:#FF8620}
.tide-table-content{background-color:#F5F5F5;padding:10px 2% 5px 2%;font-size:11px}
.tide-table-content p{margin-bottom:5px;color:#666}
#year{width:80px;font-size:13px}
#year_data2,#year_data1{width:80px;font-size:13px}
#day,#month,#day_data2,#month_data2,#day_data1,#month_data1{width:61px;font-size:13px}
.dete_in{font-size:16px;text-align:center;padding:8px 0;width:109px}
#sunrise_time,#tide_time{margin:8px 0 8px;width:100%;text-align:center;border:1px solid #ccc}
#sunrise_time th{border:1px solid #ccc;background-color:#2c7eb9;color:#fff;font-size:13px;padding:3px 0; vertical-align: middle;}
#tide_time th{border:1px solid #ccc;background-color:#e5e5e5;font-size:13px;padding:3px 0; vertical-align: middle;}
#tide_time th p{font-size:10px;}

#sunrise_time td,#tide_time td{border:1px solid #ccc;padding:3px 0;vertical-align:middle}
.shio th p,#tide_time th p,#tide_time td p{line-height:1.2}
.tide-level-select{background-color:#f0f0f0;margin:10px 0 20px;padding:10px 0;text-align:center;position:relative}#chart_cover{position:relative}
#chart_load{display:none;position:absolute;top:calc(50% - 32px);bottom:0;left:calc(50% - 32px);right:0;margin:auto;text-align:center;background:url(/img/ajax-loader.gif) no-repeat 0 0}
.motto_block{background-color:#f0f0f0;padding:1px 0}
.tide-level-select span,.tide-level-select input{display:inline-block !important}
.tide-level-select select{padding:0px 0px 0px 8px;height:24px;background-color:#FFF}
#shio_tide_table{margin-top:-90px;padding-top:90px}
.tide-level-select .submit_btn{padding:8px 17px 9px;color:#fff;border-style:none;background-color:#FFA500;border-radius:5px;margin-left:5px;font-size:15px;font-weight:bold;border-bottom:3px solid #DF8500;cursor:pointer}
#datepicker{margin:0 10px}
.tide-level-select div{width:30%;display:inline;background-color:#FFF;padding:10px 10px;border-bottom:solid 3px #ccc;border-radius:5px;text-decoration:none;font-size:14px;font-weight:bold}
.tide-level-select div:hover{ cursor:pointer}
.tide-level-select a{background-color:#FFF;padding:10px 10px;border-bottom:solid 3px #ccc;border-radius:5px;text-decoration:none;font-size:14px;font-weight:bold}
.date_error{text-align:center;background-color:#f5f5f5}
.hidden{display: none !important;}
#tide-days,#tide-day{display: none;}
#tide-days.show,#tide-day.show{display: block;}
#tide_select{display: none !important;}
.tide-level-select{display: none !important;}
/*highlight.js開始*/
.hljs{display:block; overflow-x:auto; padding:0.5em; background:white; color:black}
.hljs-comment,.hljs-quote{color:#800}
.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name{color:#008}
.hljs-variable,.hljs-template-variable{color:#660}
.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp{color:#080}
.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link{color:#066}
.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params{color:#606}
.hljs-attribute,.hljs-subst{color:#000}
.hljs-formula{background-color:#eee; font-style:italic}
.hljs-selector-id,.hljs-selector-class{color:#9B703F}
.hljs-addition{background-color:#baeeba}
.hljs-deletion{background-color:#ffc8bd}
.hljs-doctag,.hljs-strong{font-weight:bold}
.hljs-emphasis{font-style:italic}
.highlight{background-color:#f9f9f9}
/*追加分*/
pre.highlight .gutter{ float:left;text-align:right;margin-right:0.5em;padding-right:0.5em;min-width:1em;color:#333;border-right:2px solid #2c7eb9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*highlight.js終了*/
.amazon_search,
.rakuten_search{width: 100%;text-align: center;border: solid 1px #ccc;border-bottom: solid 3px #ccc;margin: 8px 0;}
.amazon_search a,
.rakuten_search a{display: block;padding:8px 0 12px 0px;text-decoration: none;font-weight: bold;color: #333 !important;vertical-align: middle;}
.amazon_search img,
.rakuten_search img{border: none;vertical-align: middle;margin: 0px 6px 0 0;}

/*シェアボックス*/
.single-share{clear:both;width:100%;background-color:#f0f7fc;overflow:hidden;margin:30px 0;}
.single-share-right{padding:7px 0 0 0;font-weight:bold;width:68%;text-align:center;float:left}
.single-share-left{float:left;height:113px;background-color:#fff;border:1px solid #f5f5f5;width:30%;position:relative}
.single-share-left img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;max-height:100%}
.share-like{margin-top:21px;font-size:16px;line-height:1.3;position:relative}
.share-aria{margin-top:15px;vertical-align:top}
.single-twitter,.single-facebook,.single-pocket,.single-feedly{display:inline-block;vertical-align:top;margin-right:5px}
.fb-like{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);margin-right:3px;margin-top:1px}
.single-feedly a{background-color:#6cc655;padding:5px 10px 4px 10px;text-decoration:none;color:#FFF;display:block;font-size:12px;border-radius:3px}
.single-feedly a:hover{background-color:#51ab3a}
.single-twitter a{background-color:#1b95e0;padding:5px 10px 4px 10px;text-decoration:none;color:#FFF;display:block;font-size:11px;border-radius:3px}
.single-twitter a:hover{background-color:#0c7abf}
.single-pocket a{background-color:#f03e51;padding:5px 10px 4px 10px;text-decoration:none;color:#FFF;display:block;font-size:12px;border-radius:3px}
.single-pocket a:hover{background-color:#c0392b}
.single-twitter a:before{content:"\e902";margin-right:5px;font-size:13px;vertical-align:middle;font-family:"icomoon",sans-serif}
.single-pocket a:before{content:"\e928";margin-right:5px;font-size:13px;vertical-align:middle;font-family:"icomoon",sans-serif}
.single-feedly a:before{content:"\e929";margin-right:5px;font-size:13px;vertical-align:middle;font-family:"icomoon",sans-serif}
/*お問い合わせ*/
.contact_area{padding:0 5px}
.contact_area input,.contact_area button,.contact_area textarea,.contact_area select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #CCC; padding:10px; margin-bottom:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.contact_area textarea{width:96%}
.contact_area label{font-size:15px; font-weight:bold}
.contact_area .wpcf7-submit{text-align:center; margin:auto; background-color:#2c7eb9; color:#FFF; width:200px; font-size:20px; font-weight:bold}
.contact_area_s{ text-align:center}
.contact_area .wpcf7-submit:hover{cursor:pointer;background-color:#6cbef9}
.side_contact{text-align:center;margin-top:15px}
.side_contact a{display:block;padding:15px 0;background-color:#FFA500;border-bottom:5px solid #DF8500;font-weight:bold;border-radius:4px;color:#FFF}
#map_block2{display:none}
.post-surf_spot #map{width:100%;height:350px;z-index:1}
.surf_table{width:100%}
.surf_table th{background-color:#f0f0f0;padding:5px 8px;border:1px solid #f0f0f0}
.surf_table td{padding:8px 8px;border:1px solid #e0e0e0}
.surf_table td label{float:left}
.area_input label{width:25%}
.checkbox01-input{display:none}
.surf_table td ul{border-left:solid 1px #ccc}
.surf_table td ul li{display:inline-block;width:calc(32.73% - -2px);border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center}
.surf_table td.overseas{padding:0;border:none}
.surf_table td ul li a{text-decoration:none;display:block;padding:5px 0}
.checkbox01-parts{padding-left:25px;position:relative; margin-right:20px}
.surf_table .season .checkbox01-parts{margin-right:7px}
.checkbox01-parts::before{content:"";display:block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #999;border-radius:4px}
.checkbox01-input:checked + .checkbox01-parts::after{content:"";display:block;position:absolute;top:-5px;left:5px;width:7px;height:14px;transform:rotate(40deg);border-bottom:4px solid #2c7eb9;border-right:4px solid #2c7eb9}
.surf_form_submit{text-align:center;margin-top:15px}
.surf_form_submit button{border:none;background-color:#2c7eb9; padding:10px 80px;color:#FFF;border-radius:5px;font-size:18px}
.surf_form_submit button:hover{background-color:#2c7eb9;cursor:pointer}
#surf_search{display:none}
#surf_search_button{text-align:center;background-color:#2c7eb9;padding:8px 0;width:100%;color:#FFF;position:relative;display:inline-block}
#surf_search_button::before{position:absolute;top:7px;right:13px;margin:auto;content:"";vertical-align:middle;width:10px;height:10px;border:3px solid;border-color:transparent transparent #FFF #FFF;transform:rotate(-45deg)}
#surf_search_button.active::before{position:absolute;top:16px;right:13px;margin:auto;content:"";vertical-align:middle;width:10px;height:10px;border:3px solid;border-color:#FFF #FFF transparent transparent;transform:rotate(-45deg)}
.surf_out table{width:100%;margin-bottom:10px;font-size:14px;border:1px solid #ccc}
.surf_out a{text-decoration:none}
.surf_out th{padding:1px 0;background-color:#f5f5f5;width:12%;text-align:center;border:1px solid #ccc;font-size:12px;vertical-align:middle}
.surf_out td{padding-left:1%;border:1px solid #ccc;vertical-align:middle}
.surf_out h2{background-color:#2c7eb9;color:#fff;margin-bottom:5px;font-size:15px;text-decoration:underline;padding:10px 8px}
.wave_tr td{white-space:nowrap;text-align:center;border:1px solid #ccc}
.wave_tr td.time{font-weight:bold}
.point_description{font-size:12px;border:1px solid #ccc;padding:0px 10px 10px 10px;margin-top:23px}
.point_description h2{padding:9px 0;margin:0}

/* START ビーチ＆海水浴*/
.surf_out .surf_in{/*アンカー対策*/padding-top: 80px;margin-top:-80px;}
.post-surf_beach .leaflet-popup-content p {margin: 5px 0;}
.post-surf_beach .leaflet-popup-content{width: 150px;}
.beach_img{display: inline-block;width: 20%;vertical-align: top;}
.beach_img img{width: 100%;height: 143px;object-fit: cover;}
.beach_text{display: inline-block;width: calc(80% - 15px);vertical-align: top;padding: 0 0px 0 8px;font-size: 14px;}
.post-surf_beach .surf_in{border-bottom: 1px solid #ccc;margin-bottom: 5px;padding-bottom: 5px;}
.beach_text h2{background-color: #fff;color: #333;text-decoration: none;font-size: 17px;padding: 8px 0px 0px;}
.post-surf_beach .review_block{line-height: 1.4;border-top: 1px dashed #ccc;padding: 12px 5px;display: none;}
.post-surf_beach .review_block.no0{padding: 8px 5px 12px;display: block;}
.post-surf_beach .review_text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;border-top: none;padding: 0px 0px 0px;}
.search_box{margin-bottom: 10px;background-color: #f5f5f5;padding: 7px 8px;font-weight: bold;font-size: 12px;white-space: nowrap;}
.search_box select{width: 70%;display: inline-block;}
.search_box div{width: 30%;display: inline-block;}
.surf_in .more{text-align: center;font-size: 10px;border: 1px solid #ccc;width: 150px;text-align: center;padding: 1px 0;margin:5px auto 0;font-weight: bold;}
#amedas-graph_disp li:hover,#shio-tidegraph_disp li:hover,.surf_in .more:hover{cursor: pointer;color: #ffffff;background-color: #2c7eb9;}
.post-surf_beach p.author_name{text-align: right;font-size: 12px;margin-top: 5px;font-weight: bold;}
.post-surf_beach h2 span{color: #ffffff;background-color: #2c7eb9;padding: 5px 7px;border-radius: 5px;font-size: 13px;margin-right: 8px;}
/*口コミ*/
.star5_rating{position: relative;z-index: 0;display: inline-block;white-space: nowrap;color: #CCCCCC;/*font-size: 30px; フォントサイズ 自由に設定化 */}
.star5_rating:before, .star5_rating:after{content: '★★★★★';}
.star5_rating:after{position: absolute;z-index: 1;top: 0;left: 0;overflow: hidden;white-space: nowrap;color: #ffcf32; /* イエローカラー 自由に設定化 */}
.star5_rating[data-rate="5"]:after{ width: 100%}.star5_rating[data-rate="4.9"]:after{ width: 98%}.star5_rating[data-rate="4.8"]:after{ width: 96%}.star5_rating[data-rate="4.7"]:after{ width: 94%}.star5_rating[data-rate="4.6"]:after{ width: 92%}.star5_rating[data-rate="4.5"]:after{ width: 90%}.star5_rating[data-rate="4.4"]:after{ width: 88%}.star5_rating[data-rate="4.3"]:after{ width: 86%}.star5_rating[data-rate="4.2"]:after{ width: 84%}.star5_rating[data-rate="4.1"]:after{ width: 82%}.star5_rating[data-rate="4"]:after{ width: 80%}.star5_rating[data-rate="3.9"]:after{ width: 78%}.star5_rating[data-rate="3.8"]:after{ width: 76%}.star5_rating[data-rate="3.7"]:after{ width: 74%}.star5_rating[data-rate="3.6"]:after{ width: 72%}.star5_rating[data-rate="3.5"]:after{ width: 70%}.star5_rating[data-rate="3.4"]:after{ width: 68%}.star5_rating[data-rate="3.3"]:after{ width: 66%}.star5_rating[data-rate="3.2"]:after{ width: 64%}.star5_rating[data-rate="3.1"]:after{ width: 62%}.star5_rating[data-rate="3"]:after{ width: 60%}.star5_rating[data-rate="2.9"]:after{ width: 58%}.star5_rating[data-rate="2.8"]:after{ width: 56%}.star5_rating[data-rate="2.7"]:after{ width: 54%}.star5_rating[data-rate="2.6"]:after{ width: 52%}.star5_rating[data-rate="2.5"]:after{ width: 50%}.star5_rating[data-rate="2.4"]:after{ width: 47%}.star5_rating[data-rate="2.3"]:after{ width: 45%}.star5_rating[data-rate="2.2"]:after{ width: 43%}.star5_rating[data-rate="2.1"]:after{ width: 42%}.star5_rating[data-rate="2"]:after{ width: 40%}.star5_rating[data-rate="1.9"]:after{ width: 38%}.star5_rating[data-rate="1.8"]:after{ width: 36%}.star5_rating[data-rate="1.7"]:after{ width: 34%}.star5_rating[data-rate="1.6"]:after{ width: 32%}.star5_rating[data-rate="1.5"]:after{ width: 30%}.star5_rating[data-rate="1.4"]:after{ width: 28%}.star5_rating[data-rate="1.3"]:after{ width: 26%}.star5_rating[data-rate="1.2"]:after{ width: 24%}.star5_rating[data-rate="1.1"]:after{ width: 22%}.star5_rating[data-rate="1"]:after{ width: 20%}.star5_rating[data-rate="0.9"]:after{ width: 18%}.star5_rating[data-rate="0.8"]:after{ width: 16%}.star5_rating[data-rate="0.7"]:after{ width: 14%}.star5_rating[data-rate="0.6"]:after{ width: 12%}.star5_rating[data-rate="0.5"]:after{ width: 10%}.star5_rating[data-rate="0.4"]:after{ width: 8%}.star5_rating[data-rate="0.3"]:after{ width: 6%}.star5_rating[data-rate="0.2"]:after{ width: 4%}.star5_rating[data-rate="0.1"]:after{ width: 2%}.star5_rating[data-rate="0"]:after{ width: 0%}
/* END ビーチ＆海水浴*/

/* 台風 開始.-------------------------------------------------------- */
.type-page.typhoon{font-size:17px}
.typhoon_text{margin-bottom:15px}
.typhoon_img img{width:100%;height:auto}
.typhoon-table2 td{width:20%;text-align:center;vertical-align:middle;line-height:1.4;font-size:16px !important;padding:8px 0px !important;white-space:nowrap}
.typhoon-table2 td p{font-size:11px}
.typhoon-table2 th{width:10%;vertical-align:middle;text-align:center;font-size:13px;padding:8px 0px !important}
.typhoon-table2 th.dey{padding:5px 0px !important;background-color:#e0e0e0;font-size:16px}
.typhoon-table2 th span{font-size:12px;display:block;font-weight:normal;line-height:1.3}
#typhoon-ranking td,#typhoon-table td{text-align:center;font-size:14px;white-space:nowrap;padding:5px 0}
#typhoon-ranking th,#typhoon-table th{text-align:center;white-space:nowrap}
.update-time{position:absolute;right:5px;top:12px;font-size:14px;font-weight:normal}
.typhoon_title{font-weight:bold}
.typhoon_description,.typhoon_description2{margin-bottom:10px}
/*
20250727一時的に削除
#typhoon-table tr{display:none}
#typhoon-table tr:nth-child(10),#typhoon-table tr:nth-child(9),#typhoon-table tr:nth-child(8),#typhoon-table tr:nth-child(7),#typhoon-table tr:nth-child(6),#typhoon-table tr:nth-child(5),#typhoon-table tr:nth-child(4),#typhoon-table tr:nth-child(3),#typhoon-table tr:nth-child(2),#typhoon-table tr:nth-child(1){display:table-row}
*/
.no_typhoon{text-align:center;background-color:#f5f5f5;padding:15px 0;font-weight:bold}
.map_id{background-color:#fff;margin:0 0 10px 0;padding:10px 5px 10px 5px;font-size:16px}
.post_navi{position:relative;display:block;margin-bottom:10px}
.post_navi a{border:1px solid #ccc;text-decoration:none;background-color:#2c7eb9;color:#fff;font-weight:bold;display:block;padding:5px 10px}
.post_navi_next{float:right}
.post_navi_previous{float:left}
.typhoon_class{text-align:center;width:100% !important;margin:0;padding:0;vertical-align:top;margin-top:15px}
.typhoon_class td,.typhoon_class th{vertical-align:middle;font-size:13px;line-height:1.2;padding:5px 0px !important}
.typhoon_class th{width:20%;white-space:nowrap}
.typhoon_class th.t{background-color:#2c7eb9;color:#ffffff}
.typhoon_class td{width:80%}
.typhoon_class span{display:block;font-size:10px}
/* サーフメンバー 開始.-------------------------------------------------------- */
.surfing_out{border-bottom: 1px solid #ccc;padding: 18px 5px;margin-top:-100px;padding-top:100px;}
.surfers_contact_out{background-color: #f0f0f0;padding: 10px 0;margin-top: 10px;}
.surfing_out .surfers_contact{background-color: #f88c20;border-bottom: 3px solid #E15F00;text-align: center;color: #fff;font-size: 12px;font-weight: bold;width: 100px;margin: 0px auto 0;padding: 2px 10px;border-radius: 5px;}
.surfing_out .surfers_contact_login{display: none;background-color: #f0f0f0;padding: 15px 0;margin: 0px 0 0 0;}
.surfing_out .message_history{text-align: center;font-weight: bold;background-color: #f5f5f5;padding: 10px 0;margin-top: 10px;}
.surfers_contact_login_top{margin: 10px 0 0 0;}
.surfers_contact_login_top a,.surfing_out .surfers_contact_login a{color: #FFF;}
.messageform #login{color: #FFF;border: none;padding: 5px 40px;border-radius: 5px;font-weight: bold;}
.surfers_contact_login_top .surfers_login,.surfers_contact_login_top .surfers_new_login,.surfing_out .surfers_contact_login .surfers_login,.surfing_out .surfers_contact_login .surfers_new_login{display: inline-block;width: 48%;text-align: center;border-radius: 5px;margin:0 0 0 1%;}
.surfers_contact_login_top .surfers_login,.messageform #login,.surfing_out .surfers_contact_login .surfers_login{background-color: #f88c20;border-bottom: 3px solid #E15F00;}
.surfers_contact_login_top .surfers_new_login,.surfing_out .surfers_contact_login .surfers_new_login{background-color: #068BF1;border-bottom: 3px solid #0B6CBA;}
.surfers_contact_login_top div a,.surfing_out .surfers_contact_login div a{text-align: center;display: block;text-decoration: none;font-weight: bold;font-size: 12px;padding: 10px 0;}
.messageform{text-align: center;}
.message_complete{margin-top: 10px;background-color: #f5f5f5;font-weight: bold;padding: 10px 0;}
.messageform textarea{width: calc(100% - 32px);font-size: 16px;height: 60px;margin: 0px 0 0 0;padding: 8px;}
.post_title .surfing_out h3 {margin-top:18px;line-height: 1.4;font-size: 18px;padding: 0;margin-bottom: 5px;position: relative;}
.post_title .surfing_out.sex1 h3{color: #2c7eb9;}
.post_title .surfing_out.sex2 h3{color: #b1063a;}
.surfing_out .surfers_message{font-size: 15px;line-height: 1.4;}
.post_title .surfing_out h3 .post_time{font-weight: normal;position: absolute;top: 5px;right: 5px;font-size: 12px;color: #333;}
.surfing_out .surfers_profile{font-size: 12px;}
.sex_target{font-size: 12px;margin-bottom: 5px;}
.post_title h2.member-aria{color: #ffffff;background-color: #2c7eb9;padding: 10px 1.8%;}

  /* お問合わせ 開始.-------------------------------------------------------- */
#contact_block{background-color:#FFF;padding:0px 0px 35px 0px;margin-bottom:15px;border:1px solid #e7e7e7;border-bottom:2px solid #CCC}
#contact_block .history_list{width:100%}
#contact_block textarea, #contact_block input{height:35px;vertical-align:middle;border:1px solid #CCC;padding:0 5px;border-radius:5px;font-size:14px}
#contact_block h2{border-top:#CCC solid 1px;border-bottom:#CCC solid 1px;width:99%;position:relative;margin:25px 0 10px 0;font-size:18px;color:#FFF;background-color:#2c7eb9;padding:13px 0px 13px 1%;}
#inquiry_t_b{position:relative;background-color:#2c7eb9;color:#FFF;border-bottom:1px solid #f5f5f5}
#inquiry_t_b h1{padding:18px 0 18px 31px;font-size:20px}
#inq_step{position:absolute;top:8px;right:40px}
.inquiry input{font-size:15px}
.inquiry :placeholder-shown{font-size:15px}
.inquiry ::-webkit-input-placeholder{font-size:15px}
.inquiry :-moz-placeholder{font-size:15px}
.inquiry ::-moz-placeholder{font-size:15px}
.inquiry :-ms-input-placeholder{font-size:15px}
#inq_name{width:190px}
.inquiry .required_c{position:absolute;right:5px;font-size:11px;padding:2px 4px;background-color:#E65151;color:#FFF;text-align:right;border-radius:5px}
.inquiry .required.on{background-color:#ffe6e3}
#inq_tel,#inq_time,#inq_mail{width:300px;padding:0px 8px}
.n_block li{display:inline-block;vertical-align:middle;padding-right:20px}
table.inquiry #year{width:70px}
table.inquiry #month{width:50px}
.block_3 #s_rent_max{margin:5px 0}
.inquiry .kara{margin:0 8px}
.n_block select{padding:2px 5px;margin:0 3px;font-size:14px}
table.inquiry .come{font-size:11px;display:block;color:#666;margin-top:5px}
.rq_box li{float:left;width:25%;white-space:nowrap; line-height:30px}
.rq_box li:nth-child(4n){width:23%}
table.inquiry .sub_t{padding:1px 5px;margin-bottom:4px;font-size:11px;font-weight:bold}
table.inquiry .sub_t2{font-size:12px;margin-bottom:4px}
table.inquiry div{width:49%;float:left}
table.inquiry #ing_etc{width:725px;font-size:13px;padding:8px 5px;height:60px}
table.inquiry #ing_etc.contact_text{height:10em}
table.inquiry{width:100%;border-collapse:separate;border-spacing:0;text-align:left;line-height:1.5;border-top:1px solid #ccc;border-left:1px solid #ccc}
table.inquiry th{text-align:left;width:18%;padding:10px 0px 10px 15px;font-weight:bold;vertical-align:middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #fff;border-left:1px solid #fff;position:relative}
table.inquiry td{width:85%;padding:10px 15px 10px 15px;vertical-align:top;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative}
table.inquiry td .rq_box{white-space:nowrap}
#inq_step div{margin-right:30px;vertical-align:middle;position:relative;display:inline-block}
#inq_step div:last-child{margin-right:0px}
.icon-step2,.icon-step1{display:inline-block;height:40px;width:100px;background-color:#fff;position:relative}
.icon-step2:before,.icon-step1:before{content:"";position:absolute;top:0;width:0;height:0;left:100px;border:20px solid transparent;border-left:21px solid #fff}
.icon-step1:after{position:absolute;top:6px;left:5px;content:"\e934";font-size:29px;color:#ccc;font-family:"icomoon",sans-serif}
.icon-step2:after{position:absolute;top:6px;left:6px;content:"\e933";font-size:29px;color:#ccc}
.icon-step3{height:40px;width:100px;position:relative;background-color:#fff}
.icon-step3:before{position:absolute;top:6px;left:5px;content:"\e932";font-size:29px;color:#ccc}
.check.icon-step1:after,.check.icon-step2:after,.check.icon-step3:before{color:#333}
#warning{background-color:#ffe6e3;text-align:center;margin:0px 0 15px;padding:10px 0 10px 25px;border:1px solid #FF0000;position:relative;display:none}
.icon-warning:before{content:"\e927";font-family:"icomoon",sans-serif;font-size:22px;position:absolute;top:6px;margin-left:-25px;color:#FF0000}
#warning span{font-weight:bold}
#contact_block .privacy{margin-top:15px;font-size:12px;text-align:center}
#contact_block .privacy a{text-decoration:underline}
#contact_block .privacy a:hover{text-decoration:none}
#submit_area_c{width:908px;position:relative;height:49px;padding:12px 15px 15px 15px;background-color:#f5f5f5;margin:17px auto 10px auto;text-align:center}
/*オレンジボタン線あり*/
#contact_block #submit_contact{background-color:#f88c20;color:#FFF;padding:9px 70px;height:50px;font-weight:bold;font-size:16px;border-bottom:3px solid #E15F00}
.inq_list{width:96%;margin:0 auto}
.room_list .tuika:hover,#contact_block #submit_contact:hover,.icon-tuika.on:hover:before{background-color:#ff9c30;cursor:pointer}
#contact_block .b_type{background-color:#2c7eb9;color:#FFF;font-size:10px;padding:2px 7px;margin-right:4px;font-weight:normal;vertical-align:middle;border-radius:4px}
#contact_block .b_name{font-weight:bold;padding-bottom:8px}
#contact_block .history_list.contact td{font-size:13px;padding:5px 25px}
#contact_block .history_list.contact .sub1{width:200px}
#submit_back{position:absolute;left:15px;top:19px;line-height:0px;background:#fff;border:1px solid #ccc;color:#111;padding:9px 20px 9px 15px;text-align:center;border-radius:5px}
#submit_back:hover,table.room_list .clickable:hover,table.room_list .rent_s:hover,.list_del:hover,.list_navi a:hover,.list_header li a:hover,.madori_disp:hover,.history_list .c_left:hover,#a_search4:hover,#a_search3:hover,#a_search2:hover,#a_search:hover,#check_back:hover{text-decoration:none;cursor:pointer;background-color:#f5f5f5}
#contact_block .block1{height:100%;min-height:1em}
#contact_block .block2{min-height:5em}
.room.s_block input[type="radio"] + label{line-height:1.6}
table.inquiry td.s_block{padding:0 0}
table.inquiry .s_block ul li{padding:10px 5px 10px 15px;border-top:1px solid #CCC;list-style:none}
table.inquiry .s_block ul li span{font-weight:bold;display:block}
table.inquiry .s_block ul li:first-child{border-top:none}
table.inquiry .mail_block{clear:both;padding-bottom:5px}
.history_list .no-rent{padding:10px;font-size:14px}
.complete_b{position:relative;text-align:center;padding:45px 0 50px 0;width:96%;margin:30px auto 30px auto;line-height:1.5;background-color:#f5f5f5}
.complete_b p{position:relative}
.complete_b .main_t{font-size:20px;font-weight:bold;margin-bottom:10px}
.icon-m-big{position:absolute;right:0px;top:20px;transform:rotate( -19deg )}
.finish_navi{text-align:center;margin-bottom:50px}
.finish_navi li{border-radius:5px;font-size:14px;display:inline-block}
.finish_navi li a{border:1px solid #CCC;padding:8px 10px;border-radius:5px;font-size:14px}
.line_search_b_out a:hover,.finish_navi a:hover{text-decoration:none;background-color:#2c7eb9;color:#FFF}
.finish_navi li:first-child{margin-right:10px}
.contact_end{text-align:center;padding:45px 0 50px 0;width:96%;margin:30px auto 30px auto;line-height:1.5}
.contact_end .main_t{border-bottom:2px solid #CCC;font-size:20px;padding:5px 0;font-weight:bold;margin-bottom:10px}
 /* お問合わせ 終了.-------------------------------------------------------- */
 /* プライバシーポリシ 開始.-------------------------------------------------------- */
.privacy .post_title{padding:10px 10px}
.privacy .post_title div:first-child{margin-top:5px}
.privacy .post_title div{margin:20px 0 5px -5px;font-size:18px}
 /* プライバシーポリシ 終了.-------------------------------------------------------- */
#sp_h_menu{width:100%;margin:71px auto 0 auto;display:none;z-index:600;position:fixed;background-color:#f0f0f0}
.h_menu label,#sp_h_menu li a{border-top:1px solid #fff;color:#FFF;display:block;position:relative;padding:15px 25px 15px 10px;text-decoration:none;font-size:15px}#sp_h_menu .search-aria{width:94%;padding:3px 1%;margin:12px auto}
#sp_h_menu dl.search-form dt input{font-size:16px;padding:5px 0}
#sp_h_menu dl.search-form dd{top:4px}
.tcon:hover, .tcon:focus{outline:none; }
.tcon::-moz-focus-inner{border:0; }
.tcon-menu__lines::before{top:9px}
.tcon-menu__lines::after{top:-9px}
.tcon-transform .tcon-menu__lines{-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xcross{width:auto}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines{background:transparent; }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:30px; }
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}
.tcon-visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto; }
#topic-path{padding:8px 0;display:inline-block;vertical-align:top;color:#fff;overflow:hidden;white-space:nowrap;font-size:10px;width:100%}
#topic-path a{color:#e55600}
#sp_navi_menu{background-color:rgba(255,255,255,0.2);-moz-box-shadow:0px 0px 8px #000000;-webkit-box-shadow:0px 0px 8px #000000;box-shadow:0px 0px 8px #000000;padding:5px 0;display:table;table-layout:fixed;text-align:center;width:100%}
#sp_navi_menu li{display:table-cell;vertical-align:middle}
 #sp_navi_menu li a{-moz-box-shadow:0px 0px 3px #000000;-webkit-box-shadow:0px 0px 3px #000000;box-shadow:0px 0px 3px #000000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;background:#fdfdfd; /* Old browsers */
 background:-moz-linear-gradient(top, #fdfdfd 16%, #dcd4ca 64%); /* FF3.6-15 */
 background:-webkit-linear-gradient(top, #fdfdfd 16%,#dcd4ca 64%); /* Chrome10-25,Safari5.1-6 */
 background:linear-gradient(to bottom, #fdfdfd 16%,#dcd4ca 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#333;display:block;font-size:12px;text-decoration:none;padding:12px 0;border-left:1px solid #bcb4aa}
#sp_navi_menu li a:active,#sp_navi_menu li a:hover{/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#dcd4ca+36,fdfdfd+84 */
background:#dcd4ca; /* Old browsers */
background:-moz-linear-gradient(top, #dcd4ca 36%, #fdfdfd 84%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #dcd4ca 36%,#fdfdfd 84%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #dcd4ca 36%,#fdfdfd 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}#sp_h_menu_main{/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom:1px solid #CCC}
#sp_h_menu_main ul{max-width:980px;margin:0 auto;overflow:hidden;white-space:nowrap}
#sp_h_menu_main li{display:inline-block;width:33%;border-left:1px solid #CCC}
#sp_h_menu_main li a{display:block;width:calc(100% + 4px);text-align:center;padding:13px 0;font-size:12px;font-weight:bold}
#sp_h_menu_main li a:hover{background-color:#fff;text-decoration:none}
#sp_h_menu_main li:first-child{border-left:none}
/*アコーデ開始*/
#sp_h_menu .h_menu a{display:block;padding:10px;text-decoration:none;color:#000;background-color:#fff;border-bottom:1px solid #CCC;line-height:1}
.h_menu input{display:none}
.h_menu ul{margin:0;padding:0;background :#f4f4f4;list-style:none}
.h_menu li{display:none}
.h_menu label:after{display:block;content:"";position:absolute;top:50%;right:20px;width:10px;height:10px;margin:-6px 0 0 0;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#menu_b0:checked ~ #link0 li,#menu_b1:checked ~ #link1 li,#menu_b2:checked ~ #link2 li{display:block}
#menu_b0:checked ~ label.mb0:after,#menu_b1:checked ~ label.mb1:after,#menu_b2:checked ~ label.mb2:after{top:40%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}/*掲示板*/
.bbs .tide_aria_out{margin-top:10px}
.bbs .tide_aria_out .tide_list{display:block;border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.bbs .tide_list li{width:100%;text-align:left}
.bbs .tide_list li:nth-child(odd){border-right:none}
.bbs .tide_list a{white-space:inherit;font-weight:bold;padding:10px 10px}
.bbs .tide_list p{font-size:12px;font-weight:normal}
.thread_form textarea,.thread_form input{padding:8px 8px; font-size:15px; margin-left:1%; width:calc(95% - 8px)}
.thread_form .submit_btn{padding:9px 17px 7px;width:250px;color:#fff;border-style:none;background-color:#FFA500;border-radius:5px;margin:10px auto;font-size:15px;font-weight:bold;border-bottom:3px solid #DF8500;cursor:pointer;display:block}
.thread_form h2{color:#ffffff;background-color:#2c7eb9;margin-top:25px;padding:8px 8px}
.thread_form p{margin-top:5px;padding:8px 8px;font-weight:bold}
.reply_out{border-top:1px solid #ccc;padding:0px 5px 12px}
.reply_out h3{position:relative;margin-bottom:5px;padding:10px 0 2px}
.reply_out .detetime{position:absolute;right:5px;font-weight:normal;font-size:14px}
.sub_reply{border-top:1px solid #ccc;padding:8px 0px 8px 10px}
.reply_out h4 span,.reply_out h3 span{font-weight:normal;font-size:11px}
.reply_out h4{padding-top:0;position:relative;font-weight:normal;font-size:13px}
.reply_last{text-align:right;margin-bottom:15px}
.reply_last span span{margin:0 4px 0px 0px;font-weight:bold}
.thread_form{text-align:left}
.thread_no{background-color:#f5f5f5;text-align:center;padding:15px 10px 20px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.thread_no p{font-size:15px;font-weight:bold}
.kinshi{font-size:11px;background-color:#f5f5f5;padding:12px 7px}
#typhoon_news,#bbs_news{border:1px solid #ccc;font-size:13px;position:relative;vertical-align:middle;margin-bottom:10px;line-height:1.4}
#typhoon_news a,#bbs_news a{background-color:#2c7eb9;color:#fff;padding:5px 10px 13px;text-decoration:none;display:block;vertical-align:middle;border-bottom:1px solid #CCC}
#bbs_news a:before{content:'';background-image:url('/img/chat.svg');background-repeat:no-repeat;width:50px ;height:50px;;position:absolute;top:0px;left:22%;z-index:0}
#typhoon_news span,#bbs_news span{background-color:#FF0000;color:#fff;font-size:10px;padding:3px 5px;vertical-align:text-bottom;margin:0 5px 0 0;z-index:2}
#typhoon_news p,#bbs_news p{font-weight:bold;font-size:16px;vertical-align:middle;text-align:center;line-height:1.6;margin-bottom:5px}
.typhoon_link,.bbs_link{background-color:#fff;color:#000;border-bottom:3px solid #ccc;border-radius:5px;margin-top:5px;padding:5px 0;font-weight:bold;text-align:center}
#warning_news{font-size:13px;font-weight:bold;position:relative;line-height:1.5;border:1px solid #ccc;padding:8px 5px 8px 45px;border-bottom:3px solid #CCC;margin-bottom:12px}#warning_icon{position:absolute;top:0;bottom:0;left:10px;margin:auto 0;background:url("/img/warning.svg") no-repeat;background-size:30px auto;width:30px;height:30px}
.bbs .reply_data{margin:-3px 0 5px 0}
.bbs .iine{border:1px solid #ccc;padding:6px 10px;margin-bottom:10px;font-size:14px}
.bbs .iine:hover{cursor:pointer;font-weight:bold}
.bbs .iine img{width:20px;height:auto;display:inline-block;border:none;vertical-align:middle;margin:-3px 5px 0px 0;fill:#42AFE3}
.shio_list h1{padding:8px 0.5% 15px;margin:0 0 5px 0;border-bottom:#2c7eb9 4px solid}
.shio_list h2{margin:0 0 5px 0;color:#ffffff;background-color:#2c7eb9;font-size:18px;padding:10px 8px}
.moon_age_r{border-color:#B4BCBF;border-style:solid;border-radius:100%;background:#FDDF01;width:0px;height:20px;margin:0px 0 0px 0;display:inline-block}
.moon_age_l{border-color:#FDDF01;border-style:solid;border-radius:100%;background:#B4BCBF;width:0px;height:20px;margin:0px 0 0px 0;display:inline-block}
/* US: Remove Saturday/Sunday background colors - only holidays are highlighted */
/* .wave_table th.week6, .shio tr.week6,.list_date6{background-color:#e9f4fe} */
/* .wave_table th.week0, .shio tr.week0,.list_date0{background-color:#ffdddd} */
.moon_list td div{vertical-align:middle;width:20%;display:inline-block}
.moon_list{width:100%;margin-bottom:30px}
.moon_list th{border:1px solid #ccc;text-align:center;background-color:#f0f0f0;padding:5px 0;white-space:nowrap}
.moon_list th.day{width:40%}
.moon_list td{border:1px solid #ccc;text-align:center;padding:8px 0;vertical-align:middle;white-space:nowrap}
.moon_list td.date{text-align:left;padding-left:10%}
.shio_list .shio_search li{display:inline-block;width:calc(24.5% - 4px);margin:8px 0 15px 1%;border:1px solid #ccc;border-radius:5px;text-align:center}
.shio_list .shio_search li:first-child{margin-left:0}
.shio_list .shio_search li a{padding:8px 0;display:block;text-decoration:none;font-weight:bold}
.shio_list .shio_search_date{position:relative;padding-bottom:45px}
.shio_list .shio_search_date li{width:35%;position:absolute;top:5px;text-align:center}
.shio_list .shio_search_date li a{text-decoration:none;padding:8px 0;display:block;border:1px solid #ccc;border-radius:5px;white-space:nowrap}
.shio_list .shio_search_date .date_min{left:5px}
.shio_list .shio_search_date .date_max{right:5px}/*モーダル開始*/
.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:10}
.modal__bg{background:rgba(0,0,0,0.8);height:100vh;position:absolute;width:100%;z-index:10}
.modal__content{background:#fff;left:50%;padding:20px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10;line-height:1.6;max-width:320px}
/*モーダル開始*/.radio-input{display:none}
.radio-input + label{padding-left:20px;position:relative;margin-right:20px}
.radio-input + label::before{content:"";display:block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #999;border-radius:50%}
.radio-input:checked + label{color:#2c7eb9}
.radio-input:checked + label::after{content:"";display:block;position:absolute;top:3px;left:3px;width:11px;height:11px;background:#2c7eb9;border-radius:50%}
#questionnaire_thank{display:none; text-align:center}
#questionnaire_thank a{margin-top:15px; font-weight:bold}
.questionnaire_title{border-bottom:#2c7eb9 3px solid;margin:0px 0 6px 0px;font-size:18px;font-weight:bold;padding:0px 5px 10px}
.questionnaire_description{margin:0px 0 11px 0px;font-size:14px}
.modal__content .form_submit{text-align:center;background-color:#f0f0f0;padding:10px 0;margin-top:10px}
.modal__content input#submit{border: none;margin:0px auto 0;background-color:#FFA500;border-bottom:3px solid #DF8500;color:#fff}
.video .out_block{width:31.6%;display:inline-block;vertical-align:top;line-height:1.3;margin:10px 0 10px 1%;font-weight:bold}
.video .img_block{position:relative;overflow:hidden;height:126px;border:1px solid #ccc;background-color:#CECECE;margin-bottom:5px}
.video .out_block.changed{width:100%}
.video .out_block.changed .img_block{height:400px}
.video .img_block img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}
.video .img_block .load_time{position:absolute;bottom:10px;right:10px;background-color:#fff;padding:2px 5px;font-size:12px}
.video .more{text-align:center;background-color:#2c7eb9;border-radius:5px;font-size:16px;margin:15px auto 30px;cursor:pointer;border-bottom:solid 4px #2C69B9}
.video .more a{display:block;padding:10px 0;color:#fff;text-decoration:none}
#list_bottom{clear:both}
.list_navi_count{padding:7px 0px 12px 10px;position:relative}
.list_navi_count:before,.list_navi_count:after{position:absolute;left:0;content:'';width:100%;height:0px;box-sizing:border-box}
.list_navi_count:before{top:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}
.list_navi_count:after{bottom:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}
.list_navi_count span{margin:0 2px;font-size:20px;font-weight:bold;color:#FF4949;font-family:Arial, Helvetica, sans-serif}
.list_navi{padding:15px 0px;text-align:center}
.list_navi a{display:block;border:1px solid #CCC;margin:0 0 0 5px;padding:9px 10px;border-radius:3px;text-decoration:none;background-color:#FFF}
.current{background-color:#2c7eb9;color:#FFF;display:block;border:1px solid #CCC;margin:0 0 0 5px;border-radius:3px;padding:9px 10px}
.list_navi li{display:inline-block}
.entry-content a{color:#33a5cb}
.p573 .tide_list{display:none}
.p573 .tide_aria.clicked{margin:5px 0}
.p573 .tide_table_out{border-left:1px solid #ccc;border-top:1px solid #ccc}
.p573 .tide_table_out td,.p573 .tide_table_out th{text-align:center}
.gsib_a{padding:12px 9px 15px 9px !important}
.gsc-search-button-v2{padding:16px 27px !important}#header_home p{font-size:12px;font-weight:normal}
#header_home{text-align:center;display:block;padding:5px 0 8px 0;border:solid 1px #ccc;border-bottom:solid 3px #ccc;font-weight:bold;line-height:1.3;border-radius:5px}
#meteorological_agency_moto,.weather_10{text-align:center;display:block;padding:9px 0 10px 0;border:solid 1px #ccc;border-bottom:solid 3px #ccc;font-weight:bold;line-height:1.3;border-radius:5px;margin: 20px 0px;text-decoration: none;color: #333333 !important;}
.weather_container {display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.weather_10, #meteorological_agency_moto {flex: 1;min-width: 100px;}

/*amazon用*/
.amazon_sp{display:none;margin:0px 0 0px 0}
.amazon{margin:-15px 0 12px 0}
.top .amazon,.top .amazon_sp{display:none;margin:0}
#surf_search.active,.home1-right-sub .list-category-author,.home1-right-sub .list-category-comments,.home1-right-sub .list-category-date,.home2-right-sub .list-category-author,.home2-right-sub .list-category-comments,.home2-right-sub .list-category-date,.home4-right-sub .list-category-author,.home4-right-sub .list-category-comments,.home4-right-sub .list-category-date{display:block}
/*ダークモード開始*/
/*PC開始*/
/*背景色*/
#darkBody .main-top-area-out,
 #darkBody .surf_in th,#darkBody .beach_text h2,#darkBody #footer-navi_out,#darkBody .img-new-post,body#darkBody,#darkBody #main-content1,#darkBody #page-pan,#darkBody #header_wrap {background-color: #282828 !important;}
/*文字カラー*/
#darkBody #forecast_archive p,#darkBody #userSection .user-name,
#darkBody #main-content1 .post-amedas tbody td:last-child,#darkBody #main-content1 .post-amedas tbody td:first-child,#darkBody #main-content1 .post-amedas .sub_title,#darkBody .post-amedas .fixed01,#darkBody #main-content1 .Weather p.temp,#darkBody #main-content1 .weatherName,#darkBody #main-content1 .rokuyou,#darkBody .sunrisesunset_list a,#darkBody #sunrisesunset a,#darkBody .main-top-area-out2 a,#darkBody .main-top-area-out a,#darkBody .main-top-area-title h2,#darkBody #accordion .title,#darkBody #accordion a,#darkBody #breadcrumb ul li,#darkBody #breadcrumb ul li a,#darkBody #colophon li a,#darkBody #etc_area a,#darkBody #footer-navi ul li,#darkBody #footer-navi ul li a,#darkBody #footer-page-navi a,#darkBody #main-content1,#darkBody #meteorological_agency_moto,#darkBody #pc_header_menu ul li a,#darkBody #shio_map a,#darkBody .access_ranking ul li a,#darkBody .beach_text h2,#darkBody .change_tab,#darkBody .change_tab_cont a,#darkBody .forecast_ranking a,#darkBody .hotel_list a,#darkBody .list-post h2 a,#darkBody .post_modified:before,#darkBody .post_view:before,#darkBody .rainy_season_table p,#darkBody .related1 a,#darkBody .sidebar a,#darkBody .sub_spot a,#darkBody .surf_out .surf_in th,#darkBody .surf_out .wave_tr_list th,#darkBody .surf_out a,#darkBody .tide-table-aria a,#darkBody .tide-table-content p,#darkBody .tide_list a,#darkBody .tuyu_area li a,#darkBody .wave_tr_on .dey,#darkBody .weather_10,#darkBody .weather_out div.inner .right h4,#darkBody table.inquiry th{color:#fff!important}
#darkBody #favorite,#darkBody #see_more,#darkBody .leaflet-bar a,#darkBody .motto_block div,#darkBody .overview__cont dt,#darkBody .shio tr.week0,#darkBody .shio tr.week6,#darkBody .surf_out a th,#darkBody .tide-level-select div,#darkBody .weak0,#darkBody .weak6,#darkBody th.fixed01{color:#282828!important}
#darkBody .overview__cont dt{background-color:#ccc!important}#darkBody #pc_header_menu ul li p,#darkBody .post_date,#darkBody .post_view{color:#ccc}
#darkBody .overview__cont dt{border-color:#fff!important}#darkBody #breadcrumb li a:before,#darkBody #footer-navi li a:before{border-left:20px solid #fff!important}
#darkBody #breadcrumb li a:after,#darkBody #footer-navi li a:after{border-left:20px solid #282828}
#darkBody .single-share-left{border:inherit}#darkBody .single-share{border:1px solid #ccc}
#darkBody #main-content1 .sunrisesunset tbody td:first-child,#darkBody #main-content1 .sunrisesunset tbody td:last-child,#darkBody #main-content1 .sunset_title,#darkBody #main-content1 .sunrise_title,#darkBody #main-content1 tbody td:first-child p.temp,#darkBody #main-content1 tbody td:last-child p.temp,#darkBody #main-content1 tbody td:first-child .weatherName,#darkBody #main-content1 tbody td:last-child .weatherName,#darkBody #main-content1 .sunrisesunset .today .weatherName,#darkBody #main-content1 .sunrisesunset .today p.temp,#darkBody #main-content1 tbody td:last-child .rokuyou,#darkBody #main-content1 tbody td:first-child .rokuyou,#darkBody #main-content1 .holiday .rokuyou,#darkBody .holiday,#darkBody #sunrisesunset .week0,#darkBody #sunrisesunset .week6,
#darkBody .forecast .forecast_more,
#darkBody #wave_moto{color:#666 !important}
#darkBody #main-content1 tbody td:last-child .r_color0,#darkBody #main-content1 .holiday .r_color0,#darkBody #main-content1 tbody td:first-child .r_color0 {color: red !important;}
#darkBody #contact_block,#darkBody .change_tab2,#darkBody .change_tab4{background-color:inherit}
#darkBody .forecast_ranking td strong,#darkBody .hotel_list li p span.price{color:red}
/*SVG色を反転*/
#darkBody .wind-icon,#darkBody .hotel_list li .review_count::before {filter: invert(1);}
/* 明るめ背景色 */

#darkBody #amedasChart,
#darkBody .search_box,#darkBody #sunrisesunset tr:nth-child(2n+2) td,#darkBody .surfers_contact_out,#darkBody .main-top-area-out2,#darkBody #bbs_news a,#darkBody #chart_cover,#darkBody #etc_area .etc_list a:hover,#darkBody #footer-page-navi,#darkBody #forecast_map_area,#darkBody #search_gps,#darkBody #shio-tidegraph_disp,#darkBody #submit_area_c,#darkBody #typhoon_news a,#darkBody .change_tab,#darkBody .forecast_ranking th,#darkBody .google-no-auto-placed .change_tab,#darkBody .motto_block,#darkBody .surf_out .surf_in th.dey,#darkBody .surf_out th,#darkBody .surf_table th,#darkBody .tide-level-select,#darkBody .tide-table-content,#darkBody .tide_level_text,#darkBody .tide_list.show,#darkBody .type-post table th,#darkBody .wave_tr_on .dey,#darkBody .weather_out .forecast_table th,#darkBody .weather_out .weather th,#darkBody .weather_out div.inner .right h4{background-color:#797979 !important}
#darkBody img {opacity: 0.8;}
/*PC終了*/
#darkBody .logo_black{fill: #ffffff}
#darkBody .tide_level_text p {padding: 0 13px;}
#darkBody .tide_level_text{padding: 0 0 17px;}
/*ダークモード終了*/
/*Amazon*/
.amazon-list-container { padding: 0; margin: 0 auto; font-size: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; display: grid; grid-auto-flow: column; grid-auto-columns: 143px; align-items: stretch; border: 1px solid #ddd; border-right: none; background: #fff; }
.amazon-list-container::-webkit-scrollbar { height: 8px; }
.amazon-list-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.amazon-list-container::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
.amazon-list-container::-webkit-scrollbar-thumb:hover { background: #666; }
.amazon-list-container .amazon-title { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 48px; font-weight: normal; white-space: normal; word-break: break-word; line-height: 1.3; color: #0066c0; text-decoration: underline; }
.amazon-list-container .amazon-card { display: flex; flex-direction: column; margin: 0; border-right: 1px solid #ddd; padding: 10px 5px 5px; box-shadow: none; font-size: 14px; text-decoration: none; color: inherit; transition: background-color 0.2s; }
.amazon-list-container .amazon-card:hover { background-color: #f5f5f5; }
.amazon-list-container .amazon-image { width: 128px; height: 128px  !important; margin-bottom: 10px; border-radius: 4px; object-fit: contain; border: none !important; }
.amazon-list-container .review-info { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; }
.amazon-list-container .star-rating { color: #F90; font-weight: bold; }
.amazon-list-container .review-count { color: #007185; font-size: 14px; }
.amazon-list-container .price-info { margin: 2px 0 0px; line-height: 1.2; }
.amazon-list-container .price-row { display: flex; align-items: center; gap: 8px; }
.amazon-list-container .current-price { font-size: 16px; font-weight: bold; color: #B12704; }
.amazon-list-container .original-price { text-decoration: line-through; color: #666; font-size: 12px; }
.amazon-list-container .savings { background-color: #B12704; padding: 2px 5px; color: #fff; font-size: 10px; font-weight: bold; }
.amazon-list-container .availability { color: #007600; margin-top: 5px; }
.amazon-list-container .prime-icon { height: auto; width: 43px; border: none !important; }/*Amazon*/
.amazon-list-container { padding: 0; margin: 0 auto; font-size: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; display: grid; grid-auto-flow: column; grid-auto-columns: 143px; align-items: stretch; border: 1px solid #ddd; border-right: none; background: #fff; }
.amazon-list-container::-webkit-scrollbar { height: 8px; }
.amazon-list-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.amazon-list-container::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
.amazon-list-container::-webkit-scrollbar-thumb:hover { background: #666; }
.amazon-list-container .amazon-title { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 48px; font-weight: normal; white-space: normal; word-break: break-word; line-height: 1.3; color: #0066c0; text-decoration: underline; }
.amazon-list-container .amazon-card { display: flex; flex-direction: column; margin: 0; border-right: 1px solid #ddd; padding: 10px 5px 5px; box-shadow: none; font-size: 14px; text-decoration: none; color: inherit; transition: background-color 0.2s; }
.amazon-list-container .amazon-card:hover { background-color: #f5f5f5; }
.amazon-list-container .amazon-image { width: 128px; height: 128px  !important; margin-bottom: 10px; border-radius: 4px; object-fit: contain; border: none !important; }
.amazon-list-container .review-info { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; }
.amazon-list-container .star-rating { color: #F90; font-weight: bold; }
.amazon-list-container .review-count { color: #007185; font-size: 14px; }
.amazon-list-container .price-info { margin: 2px 0 0px; line-height: 1.2; }
.amazon-list-container .price-row { display: flex; align-items: center; gap: 8px; }
.amazon-list-container .current-price { font-size: 16px; font-weight: bold; color: #B12704; }
.amazon-list-container .original-price { text-decoration: line-through; color: #666; font-size: 12px; }
.amazon-list-container .savings { background-color: #B12704; padding: 2px 5px; color: #fff; font-size: 10px; font-weight: bold; }
.amazon-list-container .availability { color: #007600; margin-top: 5px; }
.amazon-list-container .prime-icon { height: auto; width: 43px; border: none !important; }
#subscription_banner_sp{display: none;}
#subscription_banner_pc{display: block;}
@media screen and (max-width:1500px){
#pc_header_menu ul{right:-11vw;width: 80%;}
}
/*amazon用END*/ /*アコーデ終了*/
@media screen and (min-width:770px){
#sp_header_menu{display:none}
.main-top-sub2 {margin-bottom: 50px;}
}/*シェアボックス終了*/

@media screen and (max-width:1100px){
#himawari_block {height: 50vw;}
#kaikyou_block {height: 60vw;}
}

@media screen and (max-width:1000px){
#map{width:100%;height:350px ;float:inherit}
#map_b_right{width:100%;float:inherit;overflow:hidden}
#map_b_right p{padding-left:3%;float:left;width:30%;white-space:nowrap}
/*シェアボックス*/
.single-share-left{height:75px;width:20%}
.single-share-right{width:78%}
.share-like{margin-top:5px;font-size:15px}
.share-aria{margin-top:8px}
#sp_h_menu{margin:43px auto 0 auto}
#site-footer .gsc-control-searchbox-only{top:2vw}
#footer_background,#site-footer{height:40vw}
#bbs_news a:before{left:calc(33% - 124px)}
}
@media screen and (max-width:900px){/*シェアボックス*/
.single-twitter,.single-facebook,.single-pocket,.single-feedly{margin-right:0px}
.pagination .list-first,.pagination .list-last{display:none}
.icon-lock:before{left:7%}
.main-top-sub-txt{top:7vw}
.weather_out div.inner {display: inherit;width: 100%;}
}
@media screen and (max-width:770px){/*add new navi start*/
body {position: relative;}
#subscription_banner_pc{margin: 17px 0 15px 0;}

#see_more{margin-top: -22px;margin-bottom: -31px}
/*amazon用*/
.sp,.amazon_sp{display:block}
.pc,.amazon{display:none}
#page-pan{margin-bottom:0px}
#shio_tide_table{margin-top:-70px;padding-top:70px}
#shio-tidegraph_disp li{padding:7px 10px;margin:0 0 10px}

#shio_chart{height:320px !important}




/*#shio_chart{height:70vw !important}*/
.post_date_shio li:first-child{font-size:12px;display:block}
.surf_table td ul li{width:calc(49.3% - -1px);vertical-align:top;font-size:13px}
.post_date_shio li{font-size:12px}
.wave_table th .tani{font-size:10px;padding-left:0}
.wave_table th{font-size:10px}#favorite{ right:3px;top:-2px;padding:4px 3px 8px}
.post_date_shio{ padding:5px 0 0px 2px;line-height:1.3}
.post_title_shio{padding:0px 0 0px}
.forecast {position: relative;}
.forecast.type-page h1 {position: initial;width: 80vw}
.hotel_list{display: -webkit-box;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;height: 40vw;width: 100%;}
.hotel_list .img_block {height:22vw;}
.hotel_list li {width: calc(31% - 11px);display: list-item;}
/*amazon用END*/
.tide-level-select {padding: 22px 0;}
.amedas .search_box div {width: 33%;}
.sidebar .side_banner {min-height: inherit;}
.forecast iframe{height: 50vh;}
.forecast .weather .day{ font-size: 12px; padding: 5px;}
.forecast .weather th{ font-size: 10px; padding: 5px;}
.forecast .weather td{ padding: 5px;}
.forecast .weather .monthly{ font-weight: bold;font-size: 14px;}
#himawari_block {height: 74vw;}
#kaikyou_block {height: 88vw;}
.surf_spot #favorite,.forecast #favorite {top: -9px;}
#favorite.on::before,#favorite.off::before {height: 25px; background-position-x:13px; background-size:25px 25px; margin-bottom: 1px;}
.surf_spot #favorite.off::before,
.surf_spot #favorite.on::before,.forecast #favorite.on::before,.forecast #favorite.off::before{height: 25px;}
.post_title .surfing_out h3 {margin-bottom: 0px;}
.post_title .surfing_out h3 .post_time {position: inherit;top: 0;right: 0px;}

/*もっとみる*/
.tide_level_text{position:relative;padding:5px 11px 30px}
.typhoon_description,.tide_level_text p,.tide_description{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:32px}
.tide_level_text p{-webkit-line-clamp:5;margin-bottom:0px}
.typhoon_description_out{position:relative}
.typhoon_moto{display:block;font-weight:bold;position:absolute;right:5px;font-size:12px;bottom:-22px}
.typhoon_description .typhoon_moto,.tide_level_text #see_more{bottom:10px}
.link_more{line-height:1.4;padding:5px}
.moon_list th.day{width:50%}
.moon_list td.date{padding-left:5%}
h1.post_shio_title{font-size:18px;padding-left:3px}
.wave_table td{font-size:12px;padding:0px 2px 0px}
#footer-navi ul li, #breadcrumb ul li{padding:0 0px 0 5px}
#main-content1-area #map2{width:100%;height:300px}
.surf_spot #map,#forecast_map,.post-surf_spot #map,#map2{pointer-events:none;z-index:1;height:300px}
#map_cover{width:100%;height:300px}
.tablesorter-default{margin-top:0 !important}
.link_more img{display:flex}
.link_more a{display:flex}
.video .out_block{width:100%;font-size:16px;line-height:1.6;margin:15px 0 5px}
.video .iframe{height:100vh !important}
.video .img_block{height:35vw}
.p573 table th{white-space:nowrap;text-align:center;font-size:12px}
.p573 table td{white-space:nowrap;text-align:center;padding:2px 0;font-size:13px}
#page{overflow:hidden}
#breadcrumb:before{top:0px}
.tcon{top:2px;right:0px;margin:auto 0;width: 47px !important;}
#header-area .favorite{width:33px;right:50px;top:13px}
#userSection{left: 48px;top: 13px !important;}
#social{top:15px;right:0px}
#social li{margin:0 3px}
#social li img{width:30px}
.darkArea {width: 65px;left: 5px;top: 13px;}
.darkArea label span:after {font-size: 10px}
#header_wrap{position:inherit}
#pc_header_menu{display:none}
#sp_header_menu{z-index:100;box-shadow:0px 3px 2px rgba(0,0,0,0.2);width:100%;overflow:hidden;}
#sp_header_menu.fixed{position: fixed;top: 0;}
#sp_h_menu{margin:0px auto 0 auto;position: inherit;}
#sp_header_menu ul{margin:0 auto;padding:0;width:100%;overflow-x:auto;white-space:nowrap;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;background-color:#2c7eb9}
#sp_header_menu ul::-webkit-scrollbar{display:none}
#sp_header_menu ul li{display:inline-block}
#sp_header_menu ul li a{display:block;color:#fff;padding:20px 12px;text-decoration:none;font-size:12px;font-weight:bold}
#sp_header_menu ul li.navi_on a{background-color:#5caee9}/*add new navi END*/
/*リンク位置の調整*/
#shio-date{display:block;padding-top:110px;margin-top:-110px}
#shio-table{display:block;padding-top:100px;margin-top:-100px}
#page-pan{padding-top:0px}
#footer-navi, .page-pan-area{overflow-x:scroll;overflow-y:hidden}
#breadcrumb ul li{margin-right:18px;padding-right:3px;font-size:13px;font-weight:bold}
/*add トップ START*/
#main-visual-area{background-size:auto 100%;height:calc(100vh - 113px)}
.main-top-sub-txt{top:5vw !important}
.main-top-sub-txt div{margin-top:5%}
.main-top-area-title{padding:7vw 0}
.main-top-sub2 img{top:0;height:100%}
.main-top-area-title h2{font-size:25px}
.home1-right-title-sub{font-size:15px;line-height:1.3}
.main-top-area-title h2 p{font-size:13px}
/*add トップ END*/
.surf_table td.area_input label{width:calc(29% - 2px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0 8px 4%}
.surf_table .block_3 label:nth-child(3n),td.season label:nth-child(4n),.surf_table td.area_input label:nth-child(3n){border-right:none}
.surf_table .block_3 label{width:calc(30% - 2px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0 8px 3.7%}
.surf_table .block_wave label,.surf_table .block_4 label{width:calc(22.1% - 4px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0 8px 3.7%}
.surf_table .season label{width:calc(22.1% - 4px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0 8px 3.7%}
.surf_table .type label,.surf_table .block_4 label,.surf_table td.area_input{white-space:nowrap}
.surf_table td{padding:0}
.surf_table .block_4 label{padding-left:0.8%;padding-right:1%}
.surf_table .type label{padding:8px 0;padding-left:1%;padding-right:1.1%;border-right:1px solid #ccc}
.surf_table .checkbox01-parts{margin-right:0px}
#search_c_block{width:96%;margin:0 auto;padding:10px 0 0px 0}
[class^="icon-"], [class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-step2, .icon-step1{display:inline-block;height:40px;width:75px;background-color:#e5e5e5;position:relative}
#check_back{position:absolute;left:15px;top:16px;background:#fff;border:1px solid #ccc;color:#111;padding:9px 10px 9px 5px;text-align:center;border-radius:5px}
#contact_block #submit_contact{background-color:#f88c20;border-radius:5px;color:#FFF;width:80%;padding:9px 0px;font-weight:bold;font-size:16px;border-bottom:3px solid #E15F00}
#search_c_block input[type="button"],#search_c_block input[type="submit"]{-webkit-appearance:none}
#contact_block #submit_area_c.check #submit_contact{width:72%;margin-left:24%}
#submit_area_c{width:calc(100% - 30px);position:relative;height:49px;padding:13px 15px 15px 15px;background-color:#e5e5e5;border-bottom:1px solid #CCC;margin:17px auto 30px auto;text-align:center}
#contact_block{background-color:#fff;padding:0px 0px 10px 0px;margin:10px 0 35px 0; border:1px solid #e7e7e7; border-bottom:2px solid #ccc}
#contact_block .history_list{width:100%}
#contact_block h2{ border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; width:calc(100% - 10px);position:relative; margin:0 0 10px 0; font-size:16px; color:#FFF; background-color:#2c7eb9; padding:13px 0px 13px 10px}
#contact_block .block_3 .room{margin-top:8px}
#contact_block .block_3 .room li{width:49%;display:inline-block}
#inquiry_t_b h1{color:#FFF;background-color:#2c7eb9;font-size:16px;padding:15px 0px 15px 10px}
#contact_block .history_list td{border-bottom:1px solid #CCC}
.inquiry input{font-size:15px}
.inquiry :placeholder-shown{font-size:15px}
.inquiry ::-webkit-input-placeholder{font-size:15px}
.inquiry :-moz-placeholder{font-size:15px}
.inquiry ::-moz-placeholder{font-size:15px}
.inquiry :-ms-input-placeholder{font-size:15px}
#inq_name{font-size:16px;width:calc(100% - 18px);padding:10px 8px}
.inquiry .required_c{ position:absolute; top:0; bottom:0; height:20px; line-height:20px; margin:auto; right:5px; font-size:11px; padding:0px 4px; background-color:#E65151; color:#FFF; text-align:right; border-radius:5px}
.inquiry .required.on{background-color:#ffe6e3}
#inq_tel{margin-bottom:8px}
.kara{display:none}
#inq_tel,#inq_time,#inq_mail{width:calc(100% - 18px);font-size:16px;padding:10px 8px}
.n_block li{ display:inline-block; vertical-align:middle; white-space:nowrap; padding-right:20px}table.inquiry #year{width:75px}table.inquiry #month{width:60px}
.n_block select{padding:2px 5px;margin:0 3px;font-size:14px}table.inquiry .come{font-size:11px;display:block;color:#666;margin-top:5px; line-height:1.3}
.rq_box li{width:100%;white-space:nowrap}
.rq_box li:nth-child(4n){width:23%}
table.inquiry .sub_t{ padding:1px 5px; margin-bottom:4px; font-size:11px; font-weight:bold}
table.inquiry .sub_t2{font-size:12px;margin-bottom:4px}
table.inquiry div{width:100%}
table.inquiry #ing_etc{width:calc(100% - 12px);font-size:16px;height:60px}
table.inquiry #ing_etc.contact_text{height:10em}
table.inquiry{background-color:#FFF;width:100%;border-collapse:separate;border-spacing:0;text-align:left;line-height:1.5;border:1px solid #ccc}
table.inquiry th{width:96%;display:block;clear:both;float:left;font-size:14px;padding:10px 0px 10px 4%;font-weight:bold;vertical-align:middle;border-bottom:2px solid #ccc;border-top:1px solid #fff;background:#eee;position:relative}
table.inquiry td{display:block;clear:both;float:left;width:94%;padding:10px 3%;border-bottom:1px solid #ccc;position:relative}
#inq_step{width:100%;top:inherit;right:inherit;position:relative;margin:7px 0 0px 0;text-align:center}
#inq_step div{margin-right:6%;vertical-align:middle;position:relative;display:inline-block}
#inq_step div:last-child{margin-right:0px}
.icon-step2:before,.icon-step1:before{content:"";position:absolute;top:0;width:0;height:0;left:75px;border:20px solid transparent;border-left:21px solid #e5e5e5}
.icon-step1:after{position:absolute; top:7px; left:3px; font-size:24px; color:#ccc; font-family:"icomoon",sans-serif}
#inq_step div.check{background-color:#f0f0f0}
.check.icon-step2::before,.check.icon-step1::before{border-left:21px solid #f0f0f0}
.check.icon-step1:after,.check.icon-step2:after,.check.icon-step3:before{color:#000}
.icon-step2:after{ position:absolute; top:7px; left:2px; font-size:24px; color:#999}
.icon-step3{ height:40px; width:80px; position:relative; background-color:#e5e5e5}
.icon-step3:before{position:absolute; top:7px; left:2px; font-size:24px; color:#999}
#warning{line-height:1.2; background-color:#ffe6e3; text-align:center; margin:0px 0 15px; padding:10px 0 10px 25px; border:1px solid #FF0000; position:relative; display:none}
.icon-warning:before{ content:"\e927"; font-family:"icomoon",sans-serif; font-size:22px; position:absolute; top:6px; margin-left:-25px; color:#FF0000}
#warning span{font-weight:bold}
#submit_area_c{width:calc(100% - 30px);position:relative;height:49px;padding:13px 15px 15px 15px;background-color:#e5e5e5;border-bottom:1px solid #CCC;margin:17px auto 30px auto;text-align:center}
.sort-form select{padding:0px 4px 1px}
.page-pan-area{margin-top:0px}
.content-b-single dl.search-form dt input,.sidebar dl.search-form dt input{width:90%}
.content-b-single dl.search-form dd,.sidebar dl.search-form dd{width:10%}
.content-b-single .new-post-text-left,.sidebar .new-post-text-left{width:6%}
.sidebar li a{font-size:95%}
.post-view-count{font-size:88%}
.home3-left-img .list-post-view,.home2-left-img .list-post-view,.home1-left .list-post-view{padding:3% 0px 3.5}
.icon-lock:before{left:10%}
#main-content-list h1{font-size:120%}
#main-content1-sidebar{background-color:#fff}
.site-logo{width:100%;text-align:center;padding:2px 0px 0px 0px;margin:0px 0px 0px -5px;height:53px;line-height:53px}
.site-logo img{max-height:50px;width:auto}
.site-logo-t{width:100%;text-align:center;padding:3px 0px 0px 0px;margin:0px 0px 0px -5px;height:53px;line-height:53px}
#main-content1-sidebar{margin:0 auto;padding:0px 0 30px;clear:both;width:100%}
#main-content1-area{clear:both;width:100%;padding:0;margin:0}
#main-content1{margin:0 auto 0 auto;padding:15px 2%;clear:both;width:96%}
.type-post p{padding:0 1%}
.access_ranking h3, .post_title h2{font-size:19px;padding:8px 10px}
.forecast .post_title h2{padding: 8px 1.8%;clear: both;}
.rounded{clear:both;width:96%;padding:11px 2% 11px;margin:15px 0px 0px}
.sidebar{text-align:center}
#site-footer{margin:0 auto;max-width:1100px;clear:both;display:block}
#site-footer,#footer_background {height: 690px;}
.footer_in {width: 100%;top:20.5vw;font-size: 16px;}
.footer_weather{order:1;flex-basis: 50%;}
.footer_surf{order:2;flex-basis: 50%;}
.footer_etc{order:3;flex-basis: 50%;}
.footer_site{order:4;flex-basis: 50%;}
#colophon ul {margin-top: 25px;}
#colophon  li{padding-left: 15%;}
.footer_site .footer_logo img {width: 189px;margin-left:-11px;margin-top: -13vw;}
.footer_site img {margin: 0 0 8px;padding-left: 15%;}
.footer_site #tide_level_f2,.footer_site #tide_level_f{width: 154px;margin-left: 6px;}
#site-footer .gsc-control-searchbox-only{top:8%;width:90%}
.gsc-search-button-v2{padding:20px 10px !important}
ul#language{top:55px}
ul#language li{width:initial}
.site-info-area{padding:0px 0 30px 0;text-align:left;margin:0px 0 0px 0;width:100%;float:none}
.footer-title{clear:both;font-size:100%}
.sidebar .profile-right{width:15%;margin:0px 0px 0px 2%}
.sidebar .profile-left{width:79%;padding-right:2%}
.sidebar .profile-name{font-size:100%}
.sidebar .new-post-img{margin:0;margin:0 2% 0 1%;float:left;width:30%}
.sidebar .new-post-img1{margin:0;margin:0 1%;float:right;width:30%}
.sidebar .new-post-img img{width:inherit;height:inherit}
.sidebar .new-post-title{width:67%;padding:0;margin:0;font-size:16px;float:left}
.sidebar #calendar_wrap{width:100%;padding:0 0%}/*新規終了*/
#content-single .type-post h1{font-size:4vw}
.icon-menu{display:block;position:absolute;top:0px;right:0%;cursor:pointer;color:#FFF;font-size:32px;padding:14px 15px 14px 15px;background:rgba(6, 6, 6, 0.2) none repeat scroll center center}
.icon-cross{padding:20px 20px 19px 20px;cursor:pointer;right:0%;position:absolute;top:0px;color:#FFF;font-size:22px}
/*追加終了*/
#header-area{min-height:inherit;height:60px;margin:0 auto}
.weather-aria3{background-color:#2c7eb9;color:#FFF;border-left:none;margin:5px 0 10px 0;padding:15px 1.8%}
.access_ranking h3{margin:5px 0 -1px 0;padding:10px 5px}
.access_ranking ul{margin:0 0 -1px 0}
.icon-top{right:15px}
/*iphone用*/
.iphone dl.login-form dt input,.iphone dl.search-form dt input{font-size:16px}
.iphone #content-single select,.iphone .sidebar select{font-size:16px;padding:1px 5px}
.footer-title-sp{cursor:pointer;position:relative;font-size:90%;font-weight:bold;padding:15px 10px 15px 10px;margin:0px 0px 0px 0;border-bottom:solid 1px #ccc;border-top:solid 1px #fff;color:#303030}
#colophon-sp:first-child{border-top:solid 1px #ccc}
.footer-title-sp-t:before{margin-right:1%;content:"\e91b";font-family:"icomoon",sans-serif}
.site-info{clear:both}
/*ページナビ*/
.pagination{display:none}
.pages-sp{display:block}
.pages-sp{ margin:20px 0px 10px 0px;text-align:center;width:100%;padding:10px 0px 10px 0px}
.pages-sp a{text-decoration:none;padding:7px 5%}
.pages-link{border-radius:3px;color:#FFF;margin:0px 1% 0px 1%;background-color:#1f9fd6}
.pages-sp a:hover{color:#000;margin:0px 1% 0px 1%;background-color:#1f9fd6}
/*NEW スマホ*/
#header-right-area{width:100%;display:block;margin:21px 0px 0px 0px;width:100%;vertical-align:middle;text-align:left}
#header-right-area a{text-align:left;padding:10px 0px 10px 10px}
.header-right-title{padding:0px 0px 0px 5px}
.header-right-title-sub{font-size:11px;padding:0px 0 10px 16px}
#header-right-area .right-sub{display:block;vertical-align:middle;margin:0;padding:0}
#header-right-area .right-sub .categories{vertical-align:middle;list-style:none;text-align:left;display:block;margin:0;padding:0;padding:0px 0px 0px 0px}
#header-right-area .categories ul a{padding:11px 1% 11px 2%;line-height:1.4;width:100%;font-size:100%}
#header-right-area [class*="accordion"] ul li a{width:100%}
ul[class*="accordion"] span{padding:10px 18px}
#header-right-area [class*="accordion"] li{position:relative}
#header-rights{margin:-16px 0px 0px 0px;width:100%;display:none}
ul[class*="accordion"]{width:100%;position:relative}
.categories{cursor:pointer;overflow:hidden;clear:both;width:100%;position:relative;border-right:none;border-right:20px solid #FFF;text-align:left}
ul[class*="accordion"] span{text-align:center;width:10%}
.icon-plus{cursor:pointer;display:block;margin-top:0px;color:#FFF;font-size:16px}
[class*="categories"] span{display:block}
.categories6 .icon-plus,.categories5 .icon-plus,.categories4 .icon-plus,.categories3 .icon-plus,.categories2 .icon-plus{position:absolute;right:32px;top:-1.5px;text-align:right}
#header-right-area .right-sub .categories:first-child{border-top:1px solid #fff}
#header-right-area .right-sub .categories:first-child,#header-right-area .right-sub .categories{border-bottom:1px solid #fff}
#header-right-area .right-sub .categories{border-right:none}
#main-content1-sidebar{display:block}
}
.amazon_banner{white-space:nowrap;overflow-y:auto}
@media screen and (max-width:601px){
.search_box select {display: block;width: 90%;}
.amedas .forecast_ranking td,.amedas .forecast_ranking {font-size: 12px;}
.tide-disp-change {top: 0px;}
.tide-disp-change span {padding: 5px 17px 7px;}
.tide_level .index_table th,
.amedas-table th{font-size:12px;}
.amedas_time{top: 11px;font-size: 13px;}
.weather_out .tide_list li{width:calc(50% - 2px);font-size: 12px;}
.weather_out .wind_txt{font-size: 10px;}
.forecast .weather_out .forecast_table th {font-size: 10px;line-height: 1.2;vertical-align: middle;}
.forecast .forecast_time_table td,
.forecast .weather_out .forecast_table td {padding: 2px 0;}
.weather_out .forecast_table td.wind_txt p{font-size: 10px;}
.forecast .weather_out .forecast_table td .tani{font-size: 10px;}
.forecast_table th .tani{display: block;}
.map_control {left: 17%;}
.form-control-range {width: 65%;position: absolute;bottom: 8px;left: 27%;}
.related1{width:47.7%}
.related1-img,.related1 img{ height:30vw}
#main-visual-area h1{font-size:8vw}
#main-visual-area .main-visual-title{font-size:3.5vw;top:27vh}
.main-top-sub-txt{width:95% !important;top:10vw}
.main-top-sub2,.main-top-sub{height:50vw}
.main-top-sub img{width:53%;height:100%}
.sidebar .new-post-img img{width:auto;height:100%}
#map_b_right p{padding-left:4%;width:46%;white-space:nowrap;font-size:13px}
/*シェアボックス*/
.single-share-left{display:none}
.single-share-right{width:100%;padding:0px 0% 15px 0%}
.share-like{margin-top:0px;background-color:#2c7eb9;padding:10px 1%;color:#FFF}
.share-aria{margin-top:10px}
.tide-level-select select{display:inline}
.tide-level-select span{display:block}
#tidegraph-syu,#tidegraph{margin-top:-5px;height:38vh}
.tide-level-min{top:2px;right:0px;position:inherit;float:left;font-weight:bold;margin-left:25%;font-size: 14px;color: #333;}
.tide-level-max{top:2px;right:0px;font-weight:bold;position:inherit;margin-bottom:0px;font-size: 14px;color: #333;}
.post_title h2#disp_2.shio-tidegraph,.post_title h2#disp_1.shio-tidegraph{border:none}
.tide-level{margin-top:0px}#typhoon_news{margin-bottom:2px}

.post_title h2.shio-tidegraph{margin:0px;padding:8px 0 8px 2%;border-left:#2c7eb9 5px solid}

.post_title h2.tide-table{margin:15px 0 8px 0;padding:4px 0 7px 2%;font-size:16px}
.widget_title {top: 5px;}
#main-content-list h1{padding:0px 5px 7px}
dl.login-form{width:60%}
.related1-img1{margin:0 1%;width:30%}#content-single .new-post-title, .related1-title{width:100%;margin:0px 0px 0px 1%}
.sidebar .new-post-img1{margin:0 1% 0 0;width:30%}
.ranking{padding:5px 1% !important;width:98% !important}
.home1-right-title{padding:0px 0px 10px}
.home3-left-img .list-post-view,.home2-left-img .list-post-view,.home1-left .list-post-view{padding:3% 0px 3.5%}
.home-t .home3-right-title,.home-t .home2-right-title{padding:6px 1% 9px 1%}
.post_date{margin-top:2px;line-height:1.2}
.post_date li{margin-right:5px}
.icon-lock:before{display:none}
#content-single .type-post h1{font-size:4.5vw}
.list-top-title,.list-post h2{padding:2px 8px 5px;font-size:100%}
.typhoon-table2 th{font-size:11px;line-height:1.3;padding:5px 0px !important}
.typhoon-table2 th span{font-size:8px}
.typhoon-table2 td{padding:5px 0px !important;font-size:13px !important}
.type-page.typhoon .post_title{font-size:15px;line-height:1.4}/*スマホ版.home1*/
.home1-left{margin:0px 0 10px 1.5%}
.home1-right-content{margin:0px 0 10px 0%}
.home1-main-sub-all{margin:15px 0 15px 0%;border-top:1px dotted #ccc;padding-top:15px}
.home1-main-sub{margin:0px 2.4% 15px 2.4%;width:44%}
.home1-left-sub{min-height:inherit;height:27vw}/*スマホ版.home1終了*/
/*スマホ版.home2*/
.home2-left{width:99.3%;clear:both;margin:0px 0 10px 0%;padding-bottom:15px}
.home2-main-sub-all{width:100%;clear:both;padding:0px 0px 0px 0px}
.home2-main-sub{margin:0px 2.6% 15px 2.6%;width:44%;float:left}
.home2-left-sub{margin:0px 0% 0 0%}
.home2-right-title{margin:0px 0px 0px 0px}
/*スマホ版.home2終了*/
/*スマホ版.home3*/
.home3-left{width:99.3%;clear:both;margin:0px 0 3px 0;padding-bottom:10px;border-bottom:1px dotted #ccc}
.home3-main-sub-all{width:100%}
.home3-main-sub{margin:0px 0% 0px 1%;padding:5px 0px 5px 0px}
.home3-left-sub{margin:0px 3% 0 0%;width:15%}
.home3-right-sub{width:80%}
/*スマホ版.home3終了*/
/*スマホ版.home4*/
.home4-main-sub{margin:0px 2.6% 15px 2.6%;width:44%}
.home4-left-sub{margin:0px 0% 0 0%}
/*スマホ版.home4終了*/
.home1-left .list-post-view{padding:5% 0px 7%}
.list-img{height:28vw;margin-bottom:3px}
.list-img img{height:28vw;min-height:inherit}
.main-top-description{height:30vw;overflow-y:scroll;margin-bottom:50px}
.table-scroll{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.weather{width:600px;min-width:600px}
.footer_in {top: 25vw}
}
@media screen and (max-width:415px){
#subscription_banner_sp{display: block;}
#subscription_banner_pc{display: none;}
.hotel_list {height: 71vw;}
.hotel_list .img_block {height: 27vw;}
.hotel_list li {width: calc(43% - 11px);}
.tide-disp-change {top: 7px;}
.widget_title {font-size: 2vw;}
#h2-shio_tide_table{font-size: 4vw;}
.widget_title {top: 14px;}
.olympic_ranking th{font-size: 10px;}
.olympic_ranking th.name{width: 60%;}
.olympic_ranking td{font-size: 14px;}
.main-top-sub2, .main-top-sub{height:65vw}
.weather_out .min,.weather_out .max {font-size: 25px;font-weight: bold;}
#colophon li a {font-size:14px;}
.footer_site .footer_logo img {width: 147px;margin-left: -11px;}
.footer_site img {width: 122px;}
#map_next,#map_previous{width: 13%;}
#map_previous {left: 2%;}
#map_next {right: 2%;}
.beach_img {width: 25%;}
.beach_text {width: calc(77% - 22px);}
.beach_img img {height: 135px;}
.post-surf_beach .review_text {-webkit-line-clamp:1;}
.beach_address{display: block;}
.access_ranking h3, .post_title h2 {font-size: 17px;padding: 10px 10px !important;}
#forecast_description {top: 12px;right: 6px;font-size: 11px;font-weight: normal;}
.forecast_ranking th {padding: 4px 0;font-size: 12px;}
.weather_out div.inner .right p {font-size: 16px;}
.inner.second{margin-top: 30px;}
.weather_out h3 {font-size: 16px;padding: 0px 0 8px;}
.change_tab4 {font-size: 14px;}
.change_tab2{padding: 5px 0;font-size: 14px;}
.post-surf_beach h2 span {font-size: 12px;}
.beach_address{padding-bottom: 5px;font-size: 12px;}

/*シェアボックス*/
#site-footer,#footer_background {height: 640px;}
.footer_site #tide_level_f2,.footer_site #tide_level_f {width: 121px;margin-left: 0px;}
#main-content1 #main-content-list h1{padding:5px 5px 15px;font-size:18px;margin-bottom:8px}
#tidegraph{height:35vh}
.surf_spot h1{font-size:18px}
.surf_out th{font-size:11px;white-space:nowrap;padding:5px 0px;font-weight:bold;vertical-align:middle}
.share-like{font-size:11px}
.single-pocket a,.single-twitter a,.single-feedly a{padding:4px 3px 4px 3px;font-size:12px}
.single-feedly a:before,.single-pocket a:before,.single-twitter a:before{margin-right:3px}
.tide-level-min{margin-left:23%}
.tide-level-select select{padding:0px 0px 2px 8px;height:30px}
.tide-level-select .submit_btn{padding:7px 12px}
#year,#day,#month,#year_data2,#year_data1,#day_data2,#month_data2,#day_data1,#month_data1{font-size:16px}
.post_title h2.shio-tidegraph{font-size:4.5vw}
.shio td{font-size:12px}
#datepicker2,#datepicker3{ width:30vw}
.shio td:first-child{font-size:11px}
.shio td.day{font-weight:bold;white-space:nowrap}
.shio td span{display:block;font-weight:normal}
.shio th{font-size:11px;white-space:nowrap;vertical-align:middle}
.weather img{width:30px}
.weather td:first-child{font-size:10px}
.weather td{font-size:12px}
.weather_con1{font-size:10px}
.sort-form{left:2%}
#main-content-list h1{padding:0px 0px 7px}
.conten-count{display:none}
.post-password-form{height:123px}
.post-password-form{padding:10px 1% 0px}
dl.login-form dt{width:73%}
dl.login-form dd{width:25%}
dl.login-form{width:70%}
.content-b-single dl.search-form dt input,.sidebar dl.search-form dt input{width:85%}
.content-b-single dl.search-form dd,.sidebar dl.search-form dd{width:15%}
.content-b-single .new-post-text2 .list-category-view,.content-b-single .new-post-text2 .list-category-author,.content-b-single .new-post-text2 .list-category-date{padding-right:3px}
.content-b-single .list-category-view,.content-b-single .list-category-author,.content-b-single .list-category-date{padding-right:0px}
.sidebar .list-category-op{margin-top:1px}
.list-post-view{padding:5% 0px 8%}
#header-right-area .categories ul a{padding:11px 1% 11px 4%;line-height:1.4;width:100%;font-size:100%}
#header-right-area [class*="accordion"] ul li a{width:95% }
.content-b-single .new-post-text-left,.sidebar .new-post-text-left{width:10%}
.site-logo,.site-logo-t{text-align:left;padding-left:6%;width:94%}
.site-logo.logo-position,.site-logo-t.logo-position{text-align:center;padding:3px 0 0 0;margin:0;width:100%}
.post-view-count{font-size:82%}
.post-views{font-size:65%}
.home3-left-img .list-post-view,.home2-left-img .list-post-view{padding:4% 0px 4%}
.home1-left .list-post-view{padding:6% 0px 9%}
.home3-left .date-main-list,.home2-left .date-main-list{display:block;padding:0 1%;margin:1px 0px 1px}
.home3-main .date-main-list{display:block;padding:0 1%;margin:1px 0px 0px}
.home3-main-sub .date-main-list{margin:3px 0px 0px}
.home3-main-sub-all .home3-main-sub:first-child{border-top:#CCC 1px dotted}
.required-email{font-size:78%}
.nocomments,.post-password-form p{font-size:12px}
.list-post{padding:6px 0}
.date-main-list{display:none}
#header-right-area .categories ul a{font-size:14px}
.icon-plus{font-size:16px}
.sidebar .profile-right{width:20%;margin:0px 0px 0px 2%}
.sidebar .profile-left{width:74%;padding-right:2%}
.icon-top{bottom:35px}
.rounded{padding:11px 3% 11px}
#content-single .type-post h1{font-size:5.5vw}
/*ブロック*/
.related5s{overflow:hidden;margin:0 0 0px 0}
.related2,.related5{width:98%;border-bottom:dotted 1px #CCC;padding:6px 1% 6px 1%;margin:0px 0 0px 0;clear:both}
.related5 img{margin:0px 0 0 0;border:1px #f0f0f0 solid}
.related2-img,.related5-img{width:20%;float:left;margin:0px 1%}
.related5-cont .wideget-post-op span{padding:0px 5px 0 0;float:left}
.related5-cont .wideget-post-op span:first-child{padding:0px 5px 0 0}
.related5 a{position:relative;font-size:100%;text-decoration:none;line-height:1.4}
#pagination .prev{display:inherit;width:98%;float:none;padding:5px 1%}
#pagination .next{border-left:none;border-top:1px dotted #ccc;display:inherit;width:98%;float:none;padding:5px 1%}
.prev-left,.next-right{padding:2px 0px 5px 0px}
.cover{display:inline-block;background-color:#ccc;background-position:center center;background-repeat:no-repeat;height:150px;background-size:cover}
.sidebar .new-post-img{margin:0px 2% 0px 0px}
.related2-img1,.related5-img1{margin:0px 2% 0px 0%;float:right;width:20%}
.related2-title,.related5-cont{float:left;width:76%;margin:0px 0 0 1%}
.content-b-single .profile-right{width:20%}
.content-b-single .profile-left{width:76%}
.content-b-single .profile-name{padding:0px 1% 5px 2%}
.post_date li{font-size:90%}
.home3-left-sub{margin:0px 3% 0 0%;width:25%}
.home3-right-sub{width:70%}
.home1-left{margin:0px 0 10px 2.4%;width:44%}
.home1-right{width:48%;float:left}
.home-t .home1-right-title-sub{font-size:13px;max-height:49.7px;overflow:hidden}
.home-t .home1-right-title{font-size:15px;max-height:55px;overflow:hidden}
.home-t .home1-right-content{line-height:1.3;font-size:14px;max-height:74px;overflow:hidden}
.home3-left,.home2-left{border-bottom:none}
.home-t .home3-right-title,.home-t .home2-right-title{margin-top:3px;font-size:15px;max-height:59px;overflow:hidden;padding:0 1% 0px 1%;border-bottom:none;margin:0px 0px 0px 0px}
.home-t .home3-right-content,.home-t .home2-right-content{padding:0px 1% 0px;line-height:1.3;font-size:14px;max-height:54px;overflow:hidden}
.list_con{padding:5px 1%}
.list-content{max-height:84px;overflow:hidden}
.date-list-cont{font-size:12px;color:#666;line-height:1.5}
.slider-pro p.sp-layer{/*スライダー一行で表示 */
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}
.list-top-title,.list-post h2{font-size:14px;padding:0px 1% 5px;max-height:35px;overflow:hidden}
.sp-page-count{display:block}
.copyright{font-size:70%}
.share span{font-size:16px;margin-top:-3px;padding-bottom:3px;display:block}
.share li a{font-size:12px}}
@media screen and (max-width:320px){
.tide-level-min{margin-left:16%}
.list-img{width:25%;margin:0px 1% 0px 1%;text-align:center;float:left}
.list-img1{width:25%;margin:0px 1.5% 0px 0;text-align:center;float:right}
.list-content{width:71%}
.modal__content{padding:20px 5%;width:90%;max-width:inherit}
.weather_container{font-size: 12px;}
}
@media screen and (max-width:319px){.content-b-single dl.search-form dt input,.sidebar dl.search-form dt input{width:85%}
.content-b-single dl.search-form dd,.sidebar dl.search-form dd{width:15%}
#header-area .site-logo-t a{font-size:6vw}
.wideget-post-op,.list-category-op,.list-post-view{display:none}
}
/*個別追加設定*/
.list-post h2 a,.related1-title-main a,.related-list1 a,.related-title-color a,.content-b-single .post-justify a,.content-b-single .page_item a,.content-b-single .recentcomments a,.content-b-single .rsswidget,.content-b-single .wideget-title-color a,.list-top-title a,#pagination a,.home2-right-title a,.home3-right-title a,.home1-right-title-sub a{font-weight:bold}
.header-right-title a{font-size:15px}body{background-color:#f0f0f0;font-size:15px;color:#333333}
.header-title{color:#ccc;font-size:12px}
.site-logo-t a{font-size:28px;color:#fff}
.type-post h1{font-size:28px}
#header_wrap{background-color:#ffffff}
#page-pan{background-color:#fff}a{color:#555555}
.footer-title{border-bottom:solid 2px #2c7eb9}
.page-404-h1,#main-content-list h1,#main-content .home-t h2,#content-single .rounded2, .related-single{border-bottom:4px solid #2c7eb9}
.list-top-title,.list-post h2{border-bottom:2px solid #2c7eb9}
.type-page .post_title,.type-post .post_title{border-top:#2c7eb9 4px solid}
.type-post .entry-content{font-size: 16px;}
#wp-calendar tbody tr #today,#wp-calendar tbody tr #today a,#wp-calendar td a{color:#fff}
.cate-sub .icon-plus,.icon-cross,.icon-menu,.header-right-title-sub,.header-right-title a{color:#fff}
#header-right-area .right-sub .categories{border-right:1px solid #fff}
.slider-pro{display:none}
#slider-top{overflow:hidden;margin-bottom:15px}
#slider-top .sp-selected-thumbnail{border:4px solid #2c7eb9}
.forecast_time_table th.dey,
.rounded{color:#ffffff;background-color:#2c7eb9}
.sidebar .rounded a{color:#ffffff}
.pan-s,.page-pan-area a{color:#555}
.post_author:before,.post_comments:before,.post_tag:before,.post_modified:before,.post_view:before,.post_dates:before,.list-category-comments:before,.list-category-view:before,.list-category-date:before,.rss-date:before{color:#000}
.single-links,a .single-links:hover,.tagcloud a,.pages-sp a:hover,.pages-link,.pagination a:hover,.pagination .current,input#submit{position:relative;color:#fff;background-color:#2c7eb9}
.site-info-area .st3,.site-info-area .st2,.site-info-area .st1,.site-info-area .st-i3,.site-info-area .st-i2,.site-info-area .st-i1,.st3,.st2,.st1{background-color:#2c7eb9;color:#fff}
.sidebar_block .list0 .ranking-i{background-color:#cc8d05}
.sidebar_block .list1 .ranking-i{background-color:#848484}
.sidebar_block .list2 .ranking-i{background-color:#bb6e44}
.st-i3,.st-i2,.st-i1{background-color:#2c7eb9;background-color:rgba(76,158,217,1);color:#fff}
#searchsubmit:before{color:#2c7eb9}dl.login-form dd input{background-color:#2c7eb9;color:#fff}input#submit,#comments #tab li.select{background-color:#666666;color:#fff}
#comments #tab li{color:#666666}
#tab li{border-bottom:2px solid #666666}
.comments-area{background-color:#f5f5f5}
.copyright{background-color:#333;color:#ffffff}
.footer-title{color:#303030;border-bottom:2px solid #2c7eb9}
.footer-title-sp-t a,.footer-title-sp-t{color:#303030}
.site-info-area span,.site-info-area p,.site-info-area a,.site-info-area{color:#666666}
.date-list-cont{max-height:61px;overflow:hidden}
#main-content1 .list-category-op a:nth-child(even){border:1px solid #2c7eb9;color:#2c7eb9;background-color:inherit}
.sidebar .list-category-op a{background-color:#2c7eb9;border:none;color:#ffffff}

@media screen and (max-width:1100px){
.share{margin:0px auto;bottom:0;width:100%;z-index:100;left:0;right:0;top:inherit}
.share li{display: inline-block;width :50%;vertical-align: top;}
.share li a{padding:21px 0px 4px;line-height:1.5}
.forecast .share{bottom:0;}
#pc_header_menu ul{right:-6vw}
.main-top-sub-txt{width:45%;right:2vw;top:10vw}
.main-top-sub2 .main-top-sub-txt{left:2vw}
.footer_in{width: 100%;}
}
.type-post .post_title h2{background-color:#2c7eb9;color:#ffffff;clear:both;margin:15px 0 8px;padding:8px 9px 7px;position:relative}
.type-post .post_title h3{position:relative;border-bottom:3px solid #2c7eb9;font-weight:bold;margin:15px 0 13px;font-size:20px;padding:3px 5px 7px 5px}
.type-post .post_title h4{position:relative;border-bottom:1px solid #ccc;font-weight:bold;margin:15px 0 8px;padding:3px 0 5px 32px}
.type-post .post_title h4:after, .type-post .post_title h4:before{content:""; height:18px; width:4px; display:block; background:#2c7eb9; position:absolute; top:5px; left:16px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.type-post .post_title h4:before{height:10px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:13px; left:8px}
.type-post .post_title h5{position:relative;border-bottom:1px solid #ccc;font-weight:bold;margin:15px 0 8px;padding:3px 0 5px 32px}
.type-post .post_title h5:after, .type-post .post_title h5:before{content:""; height:18px; width:4px; display:block; background:#2c7eb9; position:absolute; top:5px; left:16px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.type-post .post_title h5:before{height:10px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:13px; left:8px}
.type-post .post_title h3.typhoon_title{font-size:16px}

/*アドセンス広告*/
.blog .responsive-ad{ width:320px !important;height: 100px !important; margin:0 auto; }

@media(min-width:470px){ .responsive-test{ width:468px; height:60px;margin:0 auto; }}
@media(min-width:730px){ .responsive-test{ width:728px; height:90px;margin:0 auto; }}

/* Weather Calendar Styles */
.weather-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 4px 0;
    padding: 2px 0;
    font-size: 11px;
    line-height: 1.2;
}
.weather-icon-small {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border: none !important;
    margin: 0 !important;
}
.weather-details {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.weather-description {
    font-size: 10px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
}
.weather-temp {
    font-size: 11px;
    font-weight: bold;
}
.temp-high {
    color: #e74c3c;
}
.temp-low {
    color: #3498db;
}
.temp-separator {
    color: #999;
    margin: 0 2px;
}
@media (max-width: 768px) {
    .weather-info {
        flex-direction: column;
        align-items: center;
        gap: 2px;
    }
    .weather-icon-small {
        width: 24px;
        height: 24px;
    }
}

/* US Holiday Calendar Styles */
.calendar-table-wrapper td.holiday {
    background-color: #fff5f5;
}
.holiday-name {
    font-size: 10px;
    color: #d00;
    line-height: 1.2;
    margin: 2px 0 -22px 0;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
@media (max-width: 768px) {
    .holiday-name {
        font-size: 8px;
    }
}
/* Dark mode holiday styles */
#darkBody .calendar-table-wrapper td.holiday {
    background-color: #3d2828;
}
#darkBody .holiday-name {
    color: #ff6666;
}