@charset "utf-8";

/* -------------------------------------------------------
CSS基本設定
---------------------------------------------------------- */

body{font-family: Hiragino Sans,"ヒラギノ角ゴシック",Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;line-height:100%;margin:0;padding:0;color:#333;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.fontSans{font-family: 'Open Sans Condensed', sans-serif;}

/*▼ タブレット端末用：余白設定 ▼*/
@media only screen and (max-width: 1058px) {
  body {
    min-width: 1078px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}
/* -------------------------------------------------------
リンク
---------------------------------------------------------- */
a{color:#000;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

/* -------------------------------------------------------
レイアウト
---------------------------------------------------------- */
#main-contents,.inner{width:1058px;margin:0 auto;}
#main-contents{margin:20px auto 60px;}
#main-column{width:728px;float:left;}
#sub-column{width:300px;float:right;}

/* -------------------------------------------------------
グローバルナビ
---------------------------------------------------------- */
#global-navi{background:#00448b;color:#fff;padding:8px 0;font-size:12px;text-align:center;position:relative;}
#global-navi .inner{position:relative;}
#global-navi a{color:#fff;}
#global-navi .main{float:left;}
#global-navi .sub{float:right;}
#global-navi .main::after,#global-navi .sub::after{content:"";clear:left;display:block;}
#global-navi span{line-height:24px;margin-right:8px;float:left;}
#global-navi span.tw{margin-right:16px;}
#global-navi span:last-child{margin-right:0;}
#global-navi .main span,
#global-navi .sub span.fb a,#global-navi .sub span.tw a{background-image:url(/common/otp/images/v1/common/global-icons.png?rd=20160801);background-repeat:no-repeat;background-size:24px 288px;-webkit-background-size:24px 288px;-moz-background-size:24px 288px;display:block;height:24px;}
#global-navi .menu{background-position:0 -96px;padding-left:30px;cursor:pointer;}
#global-navi .search{background-position:0 -144px;padding-left:30px;cursor:pointer;}
#global-navi .fb a{width:24px;text-indent:150%;overflow:hidden;white-space:nowrap;background-position:0 0;}
#global-navi .tw a{width:24px;text-indent:150%;overflow:hidden;white-space:nowrap;background-position:0 -48px;}
#global-navi .login a, #global-navi .regist a, #global-navi .info a { padding: 0.5em; border-radius: 4px; }
#global-navi .login a, #global-navi .regist a { background-color: #f7f9fa; color: #00448b; }
#global-navi .info a { border: 1px solid #f7f9fa; color: #f7f9fa; }
#global-navi #company-info a { position: relative; padding-right: 22px; }

#global-navi #company-info a:after { content: ""; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #f7f9fa; position: absolute; top: 0.8em; right: 0.7em; }
#global-navi .inner .header-search{position:absolute;top:34px;left:-20px;background:#0086c2;padding:10px;display:none;}

/* グローバルナビ スクロール後 */
#global-navi-second { background: #fff; color: #00448b; border-bottom: 1px solid #00448b; padding: 12px 0; font-size: 12px; text-align: center; position: relative; display: none; }
#global-navi-second .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#global-navi-second a{color:#00448b;}
#global-navi-second .main{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;width:350px; }
#global-navi-second .sub{margin-left:20px;width:120px;}
#global-navi-second .main::after,#global-navi .sub::after{content:"";clear:left;display:block;}
#global-navi-second span{line-height:24px;margin-right:8px;float:left;}
#global-navi-second span:last-child{margin-right:0;}
#global-navi-second .main span,
#global-navi-second .sub span a{background-image:url(/common/otp/images/v1/common/global-icons-blue.png?rd=20180601);background-repeat:no-repeat;background-size:24px 288px;-webkit-background-size:24px 288px;-moz-background-size:24px 288px;display:block;height:24px;width:24px;text-indent:150%;overflow:hidden;white-space:nowrap;}
#global-navi-second .menu{background-position:0 -96px;cursor:pointer;}
#global-navi-second .search{background-position:0 -144px;cursor:pointer;}
#global-navi-second .fb a{background-position:0 0;}
#global-navi-second .tw a{background-position:0 -48px;}
#global-navi-second .regist a{background-position:0 -193px;}
#global-navi-second .login a{background-position:0 -239px;}

#global-navi-second .category{width: 568px;}
#global-navi-second .category ul{margin:0;padding:0;}
#global-navi-second .category ul::after{content:"";display:block;clear:both;}
#global-navi-second .category ul li{list-style:none;float:left;line-height:24px;font-size:14px;margin-left:20px;}
#global-navi-second .inner .header-search{position:absolute;top:34px;left:-20px;background:#0086c2;padding:10px;display:none;}

#global-navi-second .logo { }
#global-navi-second .logo img { width: 150px; }

/* ニックネーム */
#global-navi .nickname,#global-navi-second .nickname{display:inline-block;width:170px;font-size;12px;line-height:13px;}
#global-navi .nickname{width:270px;margin-top:6px;text-align:right;height:13px;line-height:13px;}
.login-area .nickname {font-size:12px;line-height:13px;padding-top: 0.5em;}
/* -------------------------------------------------------
ハンバーガーメニュー
---------------------------------------------------------- */
#mainnavi nav{background:#fff;z-index:990;position:fixed;top:0;left:-100%;bottom:0;width:200px;box-shadow:1px 0px 2px 1px #eee;-moz-box-shadow:1px 0px 2px 1px #eee;-webkit-box-shadow:1px 0px 2px 1px #eee;}
#mainnavi ul{margin:0;padding:0;}
#mainnavi ul li{list-style:none;display:block;height:44px;position:relative;}
#mainnavi ul li a,#mainnavi ul li span{display:block;padding:0 10px;font-size:14px;color:#00448b;line-height:44px;curspr:pointer;}
#mainnavi ul.main li a{position:relative;}
#mainnavi ul.main li a::after,
#mainnavi ul.main li a::before{
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
content: "";
vertical-align: middle;
}
#mainnavi ul.main li a::before{
width: 8px;
height: 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#mainnavi ul.main li.current a,#mainnavi ul.main li a:hover,#mainnavi ul.main li.current span.title,#mainnavi ul.main li span.title:hover{background:#0086c2;color:#fff;text-decoration:none;cursor:pointer;}
#mainnavi ul.main li span.title:hover{cursor:default;}
#mainnavi ul.main li.current a::before,
#mainnavi ul.main li a:hover::before,
#mainnavi ul.main li.current span::before,
#mainnavi ul.main li span.title:hover::before
{border-top: 1px solid #fff;border-right: 1px solid #fff;}

#mainnavi ul.sub{border-top:solid 1px #eee;}

#mainnavi ul li .sub-menu{display:none;position:absolute;top:-5px;left:180px;z-index:995;width:200px;}
#mainnavi ul li .sub-menu-box{position:relative;padding:10px 0px;background:#fff;border:solid 2px #eee;border-radius:4px;}
#mainnavi ul li .sub-menu-box::before{
border:15px solid transparent;
border-right-color:#fff;
border-left-width:0;
left:-12px;
content:"";
display:block;
top:10px;
position:absolute;
width:0;
z-index:1;
}
#mainnavi ul li .sub-menu-box:after{
border:15px solid transparent;
border-right-color:#eee;
border-left-width:0;
left:-15px;
content:"";
display:block;
top:10px;
position:absolute;
width:0;
}
#mainnavi ul li .sub-menu-box span{display:block;}
#mainnavi ul li .sub-menu-box a{font-size:13px;padding:5px;height:auto;line-height:1.4;}
#mainnavi ul li .sub-menu-box a:hover{background:#fff;text-decoration:underline;color:#00448b;}
#mainnavi ul li .sub-menu-box a::before,#mainnavi ul.sub li .sub-menu a::after{display:none;}

/* -------------------------------------------------------
検索窓
---------------------------------------------------------- */
.search-box{float:left;border-bottom:solid 1px #5c9ebb;background-color:#fff;width:300px;}
.search-box input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-style:none;background:transparent;}
.search-box input.inputtext{padding:10px 5px;width:260px;}
.search-box input.search-btn{width:20px;height:20px;display:inline-block;text-indent:200%;white-space:nowpra;overflow:hidden;background:url(/common/otp/images/v1/common/search-icon.png) no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;cursor:pointer;}

.category-list .search-box{width:500px;margin:0 auto 10px;float:none;}
.category-list .search-box input.inputtext{width:460px;}

/* -------------------------------------------------------
検索窓_v2
---------------------------------------------------------- */
.search-box-v2 {float: left; border-bottom: 1px solid #b9cbde; width: 190px;margin-left: 10px;}
.search-box-v2 input {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-style: none; background: transparent;}
.search-box-v2 input.inputtext {padding: 0.3em; width: 160px;}
.search-box-v2 input.search-btn {background-color: #002042; width: 20px; height: 20px; display: inline-block; text-indent: 400%; white-space: nowrap; overflow: hidden; background: url(/common/otp/images/v1/common/search-icon.png) no-repeat; background-size: 16px; background-position: top 3px right 3px; cursor: pointer; float: right; border-radius: 0 4px 4px 0;}

#global-navi-second .search-box-v2 { border-bottom: none; width: 150px;margin-left: 10px; background-color:#f0f4f8;}
#global-navi-second .search-box-v2 input.inputtext {padding: 0.3em; width: 120px;}
/* -------------------------------------------------------
ヘッダ
---------------------------------------------------------- */
header .inner { padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .inner .main { width: 220px; margin: 0 auto; text-align: center; }
header .inner .sub { width: calc((100% - 220px) / 2); }
header .inner .sub .date{color:#666;font-size:14px;padding-top:10px;clear:both;}
header .inner .primary-navi { width: calc((100% - 220px) / 2);text-align: right; }
header .inner .primary-navi span a {display:inline-block;}
header .inner .primary-navi .login-area {margin-bottom:5px;}
header .inner .primary-navi .login-area span {float: right;}
header .ad{float:right;width:728px;}
header .inner span.menu, header .inner span.fb a, header .inner span.tw a { background-image: url(/common/otp/images/v1/common/global-icons-blue.png?rd=20180601); background-repeat: no-repeat; background-size: 24px 288px; display: inline-block; height: 24px; }
header .menu{background-position:0 -96px;padding-left:30px;cursor:pointer;float:left;}
header .search{background-position:0 -144px;padding-left:30px;cursor:pointer;}
header .fb a{width:24px;text-indent:150%;overflow:hidden;white-space:nowrap;background-position:0 0;}
header .tw a{width:24px;text-indent:150%;overflow:hidden;white-space:nowrap;background-position:0 -48px;}
header .purchase,header .regist, header .info, header .company-info .title { margin-left: 5px; }
header .login,header .fb,header .tw { margin-left: 12px; }
header .login a, header .purchase a, header .regist a, header .info a, header .company-info .title { padding:0.3em 0.5em; border-radius: 4px; font-size: 12px; }
header .login a, header .regist a { background-color: #00448b; color: #fff; border: 1px solid #00448b; }
header .login a:hover, header .regist a:hover { background-color: #fff; color: #00448b; text-decoration: none; }
header .purchase a { background-color: #faa634; color: #fff; border: 1px solid #faa634; }
header .purchase a:hover { background-color: #fff; color: #faa634; text-decoration: none; }
header .info a { border: 1px solid #00448b; color: #00448b; }
header .info a:hover { text-decoration: none; }
header .company-info .title { position: relative; padding-right: 22px; color: #00448b;margin-top:8px;cursor: pointer; }
header .company-info .title:after { content: ""; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #00448b; position: absolute; top: 0.8em; right: 0.7em; }
/* clearfix */
header .inner .sub:after,header .inner .login-area:after { content: " "; display: block; clear: both; }

/* 「沖縄タイムスから」プルダウン */
dl.company-info { display: inline-block; -webkit-margin-before: 0em; -webkit-margin-after: 0em;margin:0; }
dl.company-info:hover dd { visibility: visible; }
dl.company-info dd { visibility: hidden; position: relative; }
.company-info-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; overflow: hidden; top: 0; right: 0; width: 400px; background-color: #fff; border: 1px solid #00448b; max-height: 250px; padding: 0.5em 2em 0.5em 1em; }
.company-info-list ul { -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-padding-start: 0; width: 50%; padding-left: 1em; }
.company-info-list ul li { list-style-type: none; text-align: left; }
.company-info-list ul li a { font-size: 13px; line-height: 2;color: #00448b;}

/* -------------------------------------------------------
フッタ
---------------------------------------------------------- */
footer #copy{background:#00448b;text-align:center;padding:20px 0;color:#fff;}
footer #copy .logo{margin-bottom:10px;}
footer #copy p{color:#acccee;font-size:11px;margin:5px;}

footer #footer-menu{background:#0086c2;color:#fff;}
footer #footer-menu a{color:#fff;}
footer #footer-menu .menu-list{padding:40px 0;display:table;width:100%;box-sizing:border-box;}
footer #footer-menu ul{margin:0;padding:0 20px 0 0;display:table-cell;vartical-align:top;}
footer #footer-menu ul:last-child{padding-right:0;}
footer #footer-menu ul li{list-style:none;font-size:14px;padding:5px 0 5px 10px;border-left:solid 1px #fff;margin-left:15px;}
footer #footer-menu ul li.category{margin:15px 0;font-weight:bold;border-style:none;}
footer #footer-menu ul li:last-child{margin-bottom:15px;}

footer .footer-menu-head{padding-top:20px;}

footer .footer-menu-head .icons{float:right;}
footer .footer-menu-head .icons span{display:inline-block;float:left;margin-left:20px;}
footer .footer-menu-head .icons span a{width:36px;height:36px;text-indent:150%;overflow:hidden;white-space:nowrap;display:block;background-image:url(/common/otp/images/v1/common/global-icons.png?rd=20160801);background-repeat:no-repeat;background-size:36px 432px;-webkit-background-size:36px 432px;-moz-background-size:36px 432px;}
footer .footer-menu-head .icons .fb a{background-position:0 0;}
footer .footer-menu-head .icons .tw a{background-position:0 -71px;}
footer .footer-menu-head .icons .regist a{background-position:0 -288px;}
footer .footer-menu-head .icons .login a{background-position:0 -358px;}

footer #area47news{padding:20px 0 10px;}
footer #area47news h5{margin:0 0 10px 0;}
footer #area47news ul{margin:0;padding:0;}
footer #area47news ul::after{content:"";display:block;clear:both;}
footer #area47news ul li{list-style:none;font-size:12px;padding:0 10px 0 9px;margin:0 0 10px;float:left;border-right:solid 1px #666;text-align:justify;}
footer #area47news,footer #area47news a{color:#666;}

/* -------------------------------------------------------
サイトナビ
---------------------------------------------------------- */
#sitenavi {margin-bottom:10px;min-height: 56px;}
#sitenavi ul li{list-style:none;}
#sitenavi nav#main {background: #0086c2;}
#sitenavi nav#main ul{display:table;padding:0;}
#sitenavi nav#main ul li{display:table-cell;vertical-align:middle;text-align:center;box-sizing:border-box;width:130px;font-size:14px;font-weight:bold;}
#sitenavi nav#main ul li:last-child{border-right:none;}
#sitenavi nav#main ul li a,#sitenavi nav#main ul li span{color:#fff;background:#0086c2;padding:6px 0;display:block;}
#sitenavi nav#main ul li.current a,#sitenavi nav#main ul li span:hover,#sitenavi nav#main ul li.current span{background:#00448b;text-decoration:none;}
#sitenavi nav#main ul li a,#sitenavi nav#main ul li span{position: relative;}
#sitenavi nav#main ul li.current a:after,#sitenavi nav#main ul li a:hover:after,#sitenavi nav#main ul li span:hover:after{content: ""; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #f0f4f8; position: absolute; bottom: 0; left: calc(50% - 2px);}
#sitenavi nav#main ul li a:hover{background:#00448b;text-decoration:none;}
#sitenavi nav#main ul li.shop a{background:#a8a8a8;}
#sitenavi nav#main ul li.shop a:hover,#sitenavi nav#main ul li.shop.current a{background:#666;}
#sitenavi nav#main ul li.sports a{background:#68cdf7;}
#sitenavi nav#main ul li.sports a:hover,#sitenavi nav#main ul li.shop.current a{background:#00448b;}

#sitenavi nav#sub{max-height:28px;background:#f0f4f8;overflow:hidden;}
#sitenavi nav#sub ul{margin:0;padding:0;}
#sitenavi nav#sub ul::after{content:"";display:block;clear:both;}
#sitenavi nav#sub ul li{float:left;font-size:13px;}
#sitenavi nav#sub ul li a{color:#00448b;padding:6px 10px;display:block;}

#sitenavi nav#main ul li.namie a, #sitenavi nav#main ul li.namie.current a {background: #D0AD62;}
#sitenavi nav#main ul li.namie a:hover {background: #D4C4A0;}
/* -------------------------------------------------------
トピックス
---------------------------------------------------------- */
#top-topics{margin:10px auto;}
#top-topics span{display:inline-block;font-size:13px;margin-right:15px;}
#top-topics span a{color:#666;text-decoration:underline;}
#top-topics span a:hover{text-decoration:none;}
#top-topics .title{color:#fff;background:#66b6da;border-radius:4px;padding:3px 10px;}

.top-main-topics {margin-bottom: 30px;}
.top-main-topics:after { content: " "; display: block; clear: both; }
.top-main-topics .title { float: left; padding-left: 23px; padding-right: 5px; font-size: 12px; font-weight: bold; left: 0; top: 0; color: #66b6da; position: relative; }
.top-main-topics .title::before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; background: url(/common/otp/images/v1/common/topics-icon.png) no-repeat left; width: 18px; height: 18px; }

/* -------------------------------------------------------
キーワード、タグ
(トップ「Topics」,記事下キーワード,右カラム「注目のまとめ＆トピックス」共通)
---------------------------------------------------------- */
ul.keywords { -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-padding-start: 0px; overflow: hidden;font-size:0;/* li(inline-block)の隙間を消すため */ }
ul.keywords li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
ul.keywords li a { display: block; color: #6d92ba; background-color: #fff; border: 1px solid #b9cbde; border-radius: 2px; font-size: 13px; padding: 0.3em 10px; }
ul.keywords li a:hover { text-decoration: none; background-color: #b9cbde;color: #fff; }

/* 記事下キーワード */
.article-keywords { border-top: solid 1px #ddd;border-bottom: solid 1px #ddd; padding: 20px 0 15px 0;margin:20px 0; }
.article-keywords .title { float:left; padding:0.5em 0.5em 0.5em 0; font-size: 12px; color: #4d4d4d; }

/* -------------------------------------------------------
記事タイトル周り
---------------------------------------------------------- */
#signage{margin-bottom:30px;}
#signage h1{
font-size:28px;
font-weight:bold;
line-height:1.4;
/* reset */
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
#signage .date{font-size:12px;color:#666;margin-right:20px;padding-top:0.5em;}
#signage .article-sns{padding:0 0 10px 10px;float:right;}
#signage .article-info{clear:both;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;padding:8px 5px;}
#signage .article-info .date,#signage .article-info .keywords{float:left;line-height:24px;}
#signage .article-info .keywords{max-width:568px;}
#signage .article-info .keywords::after{content:"";display:block;clear:both;}
#signage .article-info .keywords span{margin:0 5px 2px 0;float:left;display:block;}
#signage .article-info .keywords span a{background-color:#ccc;color:#fff;display:inline-block;font-size:13px;border-radius:2px;padding:0 7px;}
#signage .article-info .keywords span a:hover{text-decoration:none;background:#666;}

#signage #title{background-position:right top;background-repeat:no-repeat;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;padding:20px 0;clear:both;}
#signage #title.column{background-position:right top;background-repeat:no-repeat;}
#signage #title.column:after { content: " "; display: block; clear: both; }
#signage #title.column .date {float:left;}
#signage #title.column h1{width:520px;float:left;font-size:22px;}
#signage #title.column img{width:180px;margin-bottom:10px;float:right;margin-left:10px;}
#signage h2{
margin:10px 0px;
font-size: 14px;
margin: 10px 0;
color: #666;
font-weight: normal;
line-height: 23px;
}
#signage h2 a {position: relative;}
#signage h2 a:after {
content: "";
display: inline-block;
position: absolute;
right: -1em;
bottom: 0.25em;
width: 8px;
height: 8px;
border-top: 1px solid #0086c2;
border-right: 1px solid #0086c2;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
text-indent: -1000em;
}
/*#signage h2 a{text-decoration:underline;}*/
.article-sns ul{margin:0;padding:0;}
.article-sns ul li{list-style:none;display:inline-block;vertical-align:top;line-height:0;float:right;margin-left:10px;}
.article-sns ul li:first-child{/*width:60px;*/}

/* 著者プロフィール */
#article-author{margin:10px;font-size:13px;}
#article-author .name{display:block;margin-bottom:10px;font-size: 14px;font-weight: bold;}
#article-author .profile{border-left:solid 0px #ddd;padding-left:10px;display:block;overflow:hidden;min-height:80px;}
#article-author .profile p{margin:0;line-height:1.6;}
#article-author .photo{float:left;width:80px;height:80px;display:block;overflow:hidden;}
#article-author .photo img{width:100%;}

/* -------------------------------------------------------
記事本文用スタイル
---------------------------------------------------------- */
.article-body{width:678px;margin:auto;margin-bottom:40px;font-size:1.0em;color:#333;clear:both;}
.article-body::after{content:"";display:block;clear:both;}
.article-body p{line-height:1.7;text-align:justify;/* word-break : break-all; */word-wrap : break-word;overflow-wrap : break-word;}
.article-body a{text-decoration:underline;color:#0086c2;}
.article-body a:hover{text-decoration:none;}

/* -- 見出し -- */
.article-body h3{font-size:24px;line-height:1.4;color:#00448b;margin:0 0 30px;}
.article-body h4{font-size:20px;line-height:1.4;color:#00448b;margin:0 0 25px;}
.article-body h5{font-size:16px;line-height:1.4;color:#00448b;margin:0 0 15px;}

/* -- 本文内画像 -- */
.article-body .image-area img{width:100%;height:auto!important;}
.figure-center{margin:15px auto;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-left{float:left;margin:0 15px 15px 0;}
.caption{font-size:.8rem;color:#666;display:block;clear:both;text-align:left;}

/* -- テンプレート画像並び -- */
.images-2cols{;margin:0 auto 1.5em;clear:both;display:block;width:660px;}
.images-2cols .image-area{float:left;margin-right:10px;width:320px;text-align:center;}
.images-2cols .image-area:last-child{margin-left:10px;margin-right:0;}
.images-2cols .image-area img{width:100%;max-width:320px;}

.images-3cols{margin-bottom:1.5emclear:both;width:660px;}
.images-3cols .image-area{float:left;margin-right:12px;width:212px;text-align:center;}
.images-3cols .image-area:last-child{margin-right:0;}
.images-3cols .image-area img{width:100%;max-width:212px;}

/* -- 外部リンク -- */
.article-body a.external{background:url(/common/otp/images/v1/common/link.png) no-repeat right;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;padding-right:20px;}

/* -- リード文 -- */
.article-body .lead{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:15px 0;font-size:.9em;color:#555;}

/* -- インタビューアー -- */
.article-body .interviewer{font-size:.9em !important;color:#666;}

/* -- 写真キャプション -- */
.article-body .photo-caption{font-size:.8em !important;color:#666;display:block;clear:both;}

/* -- クレジット -- */
.article-body .credit{text-align:right;}

/* -- 囲みスタイル -- */
.article-body .box-style{background-color:#f1f1f1;padding:15px;font-size:.9em;margin: 16px 0;}

/* -- テーブル -- */
.article-body table{border-collapse:collapse;border-spacing:0;width:100%;margin:0px auto;}
.article-body table caption{text-align:left;border-top:solid 2px #00448b;border-bottom:solid 1px #00448b;color:#00448b;padding:10px 5px;font-size:14px;margin:0 2px 1px;}
.article-body table th{padding:7px;background:#00448b;color:#fff;font-weight:normal;font-size:14px;line-height:1.4;text-align:left;border:solid 2px #fff;}
.article-body table td{padding:7px;border:solid 2px #fff;font-size:14px;line-height:1.4;}
.article-body table tr:nth-child(even) td{background:#edf2f7;}
.article-body table tr:nth-child(odd) td{background:#acc2d9;}

/* -- リスト -- */
.article-body ul{margin:20px 60px;}
.article-body ul li{margin-bottom:0px;line-height:1.4;list-style:none!important;background:url(/common/otp/images/v1/common/marker.png) no-repeat 0 7px;background-size:6px 6px;-webkit-background-size:6px 6px;-moz-background-size:6px 6px;padding-left:15px;}

/* -- 動画 -- */
.article-body .video{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.article-body .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ニュースリスト */
.article-news-list{margin-bottom:30px;}
.article-news-list h3{margin:0 0 10px 0;font-size:16px;color:#66b6da;}
.article-news-list h3 span{font-size:28px;font-style:italic;padding-right:2px;}
.article-news-list ul{margin:0;padding:0;list-style:none;}
.article-news-list ul li{background:url(/common/otp/images/v1/common/news-list-check.png) no-repeat left;background-size:25px 28px;-webkit-background-size:25px 28px;-moz-background-size:25px 28px;padding:15px 0 15px 40px;border-bottom:dashed 1px #ddd;font-size:18px;line-height:1.4;}

/* 記事内写真スライド */
.slide-wrapper{clear:both;position:relative;width:100%;margin:20px auto;}
.slide-wrapper.no-image{float:right;max-width:100%;margin:0px 0px 30px 30px;padding:0px;}
.slide-wrapper.premium-login{float:left;width: 330px;margin: 20px 20px 20px auto;}

.article-photo-slide{width:330px;float:left;}

.article-photo-slide .slide-area{position:relative;width:100%;min-height:290px;display:block;overflow:hidden;}
.article-photo-slide .slide-area .slide .photo{width:330px;height:245px;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;position:relative;background:#666;}
.article-photo-slide .slide-area .slide .photo img{max-width:100%;max-height:100%;margin:auto;}
.article-photo-slide .slide-area .expand{position:absolute;bottom:5px;right:5px;}
.article-photo-slide .slide-area .expand a{background:#666;color:#fff;text-decoration:none;display:inline-block;padding:3px;border:solid 1px #fff;font-size:11px;}
.article-photo-slide .slide-area .expand span{background:url(/common/otp/images/v1/common/expand-icon.png) no-repeat left;background-size:23px 23px;-webkit-background-size:23px 23px;-moz-background-size:23px 23px;display:inline-block;padding-left:30px;height:23px;line-height:23px;}

.article-photo-slide .prev,.article-photo-slide .next{width:32px;height:32px;display:block;background-size:32px 32px;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-repeat:no-repeat;white-space:nowrap;z-index:10;position:absolute;top:90px;cursor:pointer;}
.article-photo-slide .prev a,.article-photo-slide .next a{display:block;margin:0px;padding:0px;width:100%;height:100%;opacity:0;}
.article-photo-slide .prev{background-image:url(/common/otp/images/v1/common/photo-arrow-prev.png);left:0;}
.article-photo-slide .next{background-image:url(/common/otp/images/v1/common/photo-arrow-next.png);right:50%;}
.premium-login .article-photo-slide .next{right:0%;}
.article-photo-slide .summary p{color:#666;font-size:12px;margin:5px 0;}
.article-photo-slide .thumbnail{margin-top:10px;}
.article-photo-slide .thumbnail span{width:75px;height:57px;overflow:hidden;display:inline-block;margin:0 5px 10px 0;text-align:center;}
.article-photo-slide .thumbnail span a{opacity:0.5;}
.article-photo-slide .thumbnail span a.active{opacity:1;}
.article-photo-slide .thumbnail span:last-child{margin-right:0;}
.article-photo-slide .thumbnail span a{height:75px;display:block;position: relative;}
.article-photo-slide .thumbnail span img{
display:block;
bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;}

/* gallery */
.article-body .gallery{margin-bottom:50px;}
.article-body .gallery .main-image{margin: 0 auto 20px;max-width: 100%;}
.article-body .gallery .main-image img{display: block;margin: 0 auto;max-width: 100%;}
.article-body .gallery .main-image .caption{margin-top:10px;}
.article-body .gallery .thumbnail{padding:10px 0px;width: 610px;margin: 0 auto;}

.article-body .gallery .thumbnail span{
margin-right: 10px;
float:left;
display:block;
width:112px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
height: 72px;
border:1px solid #cccccc;
margin-bottom:10px;
cursor:pointer;
}
.article-body .gallery .thumbnail span:nth-child(5n){margin-right:0;}
.article-body .gallery .thumbnail span:nth-child(5n+1){clear:left;}
.article-body .gallery .thumbnail span:hover{background: rgba(0,0,0,.4);-webkit-transition: .3s;transition: .3s;opacity: 0.5;}
/* .article-body .gallery .thumbnail span.current,.article-body .gallery .thumbnail span:hover{background: rgba(0,0,0,.4);-webkit-transition: .3s;transition: .3s;opacity: 1;} */
.article-body .gallery .thumbnail span img{bottom: 0; left: 0;margin: auto;max-height: 100%;max-width: 100%;position: absolute;right: 0;top: 0;}
.article-body .gallery a{display: block; clear: both;text-align: center;padding-top:10px;}

/* メインの写真の左右にボタンを設置 */
.article-body .gallery .main-image { position: relative; }
.article-body .gallery .main-image .image-link { position: absolute; top: calc(50% - 20px);; width: 40px; height: 40px;background-size: 40px;  }
.article-body .gallery .main-image .image-link a { opacity: 0; width: 100%; height: 100%; }
.article-body .gallery .main-image .image-link.next { right: 0; background-image: url(/common/otp/images/v1/common/photo-arrow-next.png); }
.article-body .gallery .main-image .image-link.prev { left: 0; background-image: url(/common/otp/images/v1/common/photo-arrow-prev.png); }


/* -------------------------------------------------------
次ページ誘導見出し
---------------------------------------------------------- */
.next-page{clear:both;text-align:center;margin-bottom:30px;display:block;}
.next-page a{display:inline-block;text-decoration:none;background-color:#efefef;padding:10px 50px;border-radius:6px;color:#4aa9d4;}
.next-page .arrow{position:relative;display:inline-block;padding:0 30px 0 0;vertial-align:middle;}
.next-page .title{font-weight:bold;}

/* -------------------------------------------------------
ページネーション
---------------------------------------------------------- */
.pagination{clear:both;text-align:center;margin-top:20px;}
.pagination span{display:inline-block;margin:0 2px;}
.pagination .number{width:36px;height:36px;border:solid 1px #4aa9d4;border-radius:2px;line-height:36px;color:#4aa9d4;}
.pagination .number a{background-color:#4aa9d4;color:#fff;text-decoration:none;display:block;}
.pagination .number a:hover{background-color:#fff;color:#4aa9d4;}
.pagination .next{margin-left:15px;line-height:36px;}
.pagination .prev{margin-right:15px;line-height:36px;}
.pagination .next a,.pagination .prev a{color:#4aa9d4;text-decoration:none;}
.pagination .next a:hover,.pagination .prev a:hover{text-decoration:underline;}

/* -------------------------------------------------------
前の記事、次の記事
---------------------------------------------------------- */
.feed-page{margin-bottom:60px;}
.feed-page .prev{float:left;}
.feed-page .next{float:right;}
.feed-page a{display:block;background-color:#4aa9d4;color:#fff;font-size:14px;border-radius:2px;padding:10px;background-repeat:no-repeat;background-size:22px 22px;-webkit-background-size:22px 22px;-moz-background-size:22px 22px;}
.feed-page a:hover{background:#0086c2;text-decoration:none;background-repeat:no-repeat;background-size:22px 22px;-webkit-background-size:22px 22px;-moz-background-size:22px 22px;}
.feed-page .prev a,.feed-page .prev a:hover{background-image:url(/common/otp/images/v1/common/arrow-square-left.png);background-position:8% center;padding-left:70px;}
.feed-page .next a,.feed-page .next a:hover{background-image:url(/common/otp/images/v1/common/arrow-square-right.png);background-position:92% center;padding-right:70px;}

/* -------------------------------------------------------
サブカラム
---------------------------------------------------------- */
.rectangle,#subscription,.subcolumn-sns,#ranking-list,#information-list,#topics-list{margin-bottom:30px;}

/* バッジバナー */
.badge-banner{margin-bottom:30px;}
.badge-banner ul{list-style:none;margin:0;padding:0;}
.badge-banner ul li{margin-bottom:5px;}
.badge-banner ul li a{display:block;}
.badge-banner ul li:last-child{margin-bottom:0;}
.badge-banner ul li img{vertical-align:bottom;}

/* 購読お申し込み */
#subscription{}
#subscription .heading{margin-bottom:10px;}
#subscription .heading .logo{float:left;width:140px;}
#subscription .date{font-size:12px;text-align:center;display: block;color:#666;}
#subscription .information .btn{float:right;width:180px;}
#subscription .information .btn a { border-radius: 4px; color: #fff; background-color: #0086c2; display: block; text-align: center; padding: 8px 5px; line-height: 1.4;margin-top: 10px; }
#subscription .information .btn a:hover{text-decoration:none;}
#subscription .information .btn .trial a{background-color: #00448b;}
#subscription .information .btn .trial .catch{display:block;color:#f95200;}
#subscription .information .cover{float:left;width:100px;margin-top: 5px;}
#subscription .information .cover img{width:100%;}
/* 「電子版とは」beginnerアイコン */
#subscription .information .btn .about a span { background: url(/common/otp/images/v1/common/icon-beginner.png) no-repeat; background-size: 14px; background-position: left; padding-left: 18px; }

/* ランキング */
/* #ranking-list .tab{width:100%;box-sizing:border-box;position:relative;border-bottom:solid 2px #00418a;margin-bottom:10px;z-index:1;} */
/* #ranking-list .tab span{width:50%;float:left;display:inline-block;cursor:pointer;background:#f0f4f8;color:#00418a;font-size:12px;padding:5px;box-sizing:border-box;z-index:100;position:relative;bottom:-2px;} */
/* #ranking-list .tab span.current{background:#fff;border-top:solid 2px #00418a;border-right:solid 2px #00418a;border-left:solid 2px #00418a;} */
/* #ranking-list .article-list:not(.current){display:none;} */
/* #ranking-list .more ul{margin:10px 0 0;padding:0;} */
/* #ranking-list .more ul li{margin:0;padding:5px 0 0;list-style:none;font-size:12px;text-align:right;} */
/* #ranking-list .more ul li a{color:#00418a;} */



/* 注目トピックス */
#sub-column #information-list .article-list .title{font-size:12px;}
#sub-column #information-list .article-list .title em{display:block;font-weight:bold;margin-bottom:3px;font-style:normal;}

/* 注目のまとめ */
#topics-list .keywords ul{margin:0;padding:0;}
#topics-list .keywords ul::after{content:"";display:block;clear:both;}
#topics-list .keywords ul li{list-style:none;float:left;}
#topics-list .keywords ul li a{border-radius:2px;background:#bbb;color:#fff;font-size:12px;padding:5px 10px;margin:0 5px 10px 0;display:block;}
#topics-list .keywords ul li a:hover{text-decoration:none;background:#0086c2;}

/* -------------------------------------------------------
記事リスト共通（サブカラム）
---------------------------------------------------------- */
/* アイコン長方形 */
#sub-column .article-list ul{margin:0;padding:0;}
#sub-column .article-list ul::after{content:"";display:block;clear:both;}
#sub-column .article-list ul li{list-style:none;display:table;width:100%;border-bottom:solid 1px #ccc;padding:12px 0;}
#sub-column .article-list ul li a{display:block;}
#sub-column .article-list ul li a:hover{text-decoration:none;}
#sub-column .article-list ul li a:hover .title{text-decoration:underline;}
#sub-column .article-list .icon-block{display:table-cell;vertical-align:top;}
#sub-column .article-list .icon{width:112px;position:relative;display:block;overflow:hidden;padding-top:56.25%;}
#sub-column .article-list .icon img{width:100%;position:absolute;top:0;left:0;}
#sub-column .article-list .text-block{display:table-cell;vertical-align:top;padding-left:10px;line-height:1.4;color:#00448b;font-size:14px;width:100%;}
#sub-column .article-list .text-block .date{color:#979797;font-size:12px;display:block;}

/* アイコン正方形 */
#sub-column .article-list.square .icon{width:72px;position:relative;display:block;overflow:hidden;padding-top:100%;}

/* -------------------------------------------------------
コーナータイトル周り共通
---------------------------------------------------------- */
.heading:not(.calendarlist) h3{color: #595959;font-weight: normal;font-size: 20px;line-height: 23px; margin: 0.5em 0;border-bottom: solid 1px #00448b;padding-bottom: 0.3em;}
.heading h3 a{font-size:14px;padding-left:1em;}
/*.heading.color h3{color:#00448b;font-size:14px;line-height:23px;}*/

/* -------------------------------------------------------
記事リスト共通（本文記事下）
---------------------------------------------------------- */
#article-related{margin-bottom:30px;}
#article-end-news{margin-bottom:30px;}
#article-backnumber{margin-bottom:30px;}
/* アイコン長方形 */
#article-end .article-list ul{margin:0;padding:0;}
#article-end .article-list ul::after{content:"";display:block;clear:both;}
#article-end .article-list ul li{list-style:none;display:table;float:left;width:345px;border-bottom:solid 1px #ccc;padding:8px 0;}
#article-end .article-list ul li a{display:block;}
#article-end .article-list ul li a:hover{text-decoration:none;}
#article-end .article-list ul li a:hover .title{text-decoration:underline;}
#article-end .article-list ul li::after{content:"";display:block;clear:both;}
#article-end .article-list ul li:nth-child(odd){margin-right:10px;clear:left;}
#article-end .article-list ul li:nth-child(even){margin-left:10px;}
#article-end .article-list .icon-block{display:table-cell;vertical-align:middle;/* background-color: #dae6d7; */}
#article-end .article-list .icon{width:112px;position:relative;display:block;overflow:hidden;padding-top:56.25%;background-color: #f1f1f1;}
#article-end .article-list .icon img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
#article-end .article-list .text-block{display:table-cell;vertical-align:middle;padding-left:10px;line-height:1.4;color:#00448b;width:100%;font-size:0.95em;}
#article-end .article-list .text-block a{line-height:1.4;color:#00448b;}
#article-end .article-list .text-block .date{color:#979797;font-size:12px;display:block;}
/* アイコンなし */
#article-end .article-list.simple ul li{width:100%;}
#article-end .article-list.simple ul li::after{content:"";display:block;clear:both;}
#article-end .article-list.simple ul li:nth-child(odd){margin-right:0px;clear:both;}
#article-end .article-list.simple ul li:nth-child(even){margin-left:0px;}
#article-end .article-list.simple .text-block{padding-left:0px;}

/* アイコン正方形 */
#article-end .article-list.square .icon{width:60px;position:relative;display:block;overflow:hidden;padding-top:100%;}

/* もっと見る */
#article-end .article-list .more{clear:both;text-align: right;font-size: 12px;margin-top: 10px;}

/* -------------------------------------------------------
トップページ
---------------------------------------------------------- */
#top-main-block{margin-bottom:0px;}
#top-main-block #main-block{width:458px;float:right;}
#top-main-block #side-block{width:245px;float:left;}

#top-news,#top-feature,#top-column,#top-short-news{clear:both;margin-bottom:30px;}
#okinawa-news,#all-news,#flash-news{margin-bottom:30px;}

/* -------------------------------------------------------
記事リスト共通（トップページ）
---------------------------------------------------------- */
/* top news */
#top-news{margin-bottom:0px;}
.news-text{padding-top:8px;}
#top-news .photo{float:right;width:160px;margin:0 0 15px 10px;}
#top-news .photo img{width:100%;}
#top-news a:hover{text-decoration:none;}
#top-news h4{font-weight:normal;color:#00448b;font-size:18px;line-height:1.4;margin:0;}
#top-news a:hover h4{text-decoration:underline;}
#top-news .date{font-size:12px;color:#666;margin:5px 0 15px;}
#top-news p{color:#666;line-height:1.6;font-size:14px;}
#top-news ul.top-news-list{margin:0;padding:0;list-style:none;}
#top-news ul.top-news-list li::after{content:"";display:block;clear:both;}
#top-news ul.top-news-list li{padding:8px 0;border-bottom:solid 1px #ccc;}
#top-news ul.top-news-list li:last{border:none;}
#top-news ul.top-news-list li:first-child{border-top:solid 1px #ccc;}
#top-news ul.top-news-list li .icon-block{float:left;margin-right:10px;}
#top-news ul.top-news-list li .icon-block .icon{width:60px;padding-top:100%;overflow:hidden;position:relative;display:block;background-color: #f1f1f1;}
#top-news ul.top-news-list li .icon-block .icon img{width:100%;position:absolute;margin:auto;top:0;bottom:0;left:0;}
#top-news ul.top-news-list li .text-block{overflow:hidden;color:#00448b;font-size:13px;line-height:1.4;}
#top-news ul.top-news-list li .text-block .date{display:block;margin-bottom:0;}
#top-news .more,#top-news+.more{text-align:right;font-size:12px;margin-top:10px;margin-bottom:30px;}
#top-news .more a,#top-news+.more a{color:#00448b;}

/* アイコン長方形 */
#top-main-block .article-list ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#top-main-block .article-list ul::after{content:"";display:block;clear:both;}
#top-main-block .article-list ul li{list-style:none;display:table;width:100%;border-bottom:solid 1px #ccc;padding:8px 0;}
#top-main-block .article-list ul li a{display:block;}
#top-main-block .article-list ul li a:hover{text-decoration:none;}
#top-main-block .article-list ul li a:hover .title{text-decoration:underline;}
#top-main-block .article-list .icon-block{display:table-cell;vertical-align:top;}
#top-main-block .article-list .icon{width:112px;position:relative;display:block;overflow:hidden;padding-top:56.25%;}
#top-main-block .article-list .icon img{position:absolute;top:0;left:0;bottom: 0;right: 0;margin: auto;max-height: 100%;max-width: 100%;}
#top-main-block .article-list .text-block{display:table-cell;vertical-align:top;padding-left:10px;line-height:1.4;color:#00448b;font-size:13px;width:100%;}
#top-main-block .article-list .text-block .date{color:#979797;font-size:12px;display:block;}
#top-main-block .article-list .author{display:block;color:#aaa;font-size:12px;}
#top-main-block .article-list .more,
#sub-column .more{text-align:right;font-size:12px;margin-top:10px;}
#top-main-block .article-list .more a,
#sub-column .more a{color:#00448b;}

/* アイコン正方形 */
#top-main-block .article-list.square .icon{width:60px;position:relative;display:block;overflow:hidden;padding-top:100%;background-color: #f1f1f1;}

/* テキストのみ */
#top-main-block .article-list.text .text-block{display:block;padding-left:0;}
#top-main-block .article-list.text .text-block .date{display:inline;margin-left:10px;}

/* トップコラム */
#top-column .date-time{color:#494949;margin-top:5px;display:block;}
#top-column .column{display:block;text-align:right;font-size:12px;}

/* サクッとニュース */
#top-short-news.article-list.block ul li{width:200px;display:block;margin-bottom:20px;border-style:none;padding:0;}
#top-short-news.article-list.block ul li:nth-child(odd){float:left;clear:right;}
#top-short-news.article-list.block ul li:nth-child(even){float:right;}
#top-short-news.article-list.block ul li .icon-block,
#top-short-news.article-list.block ul li .text-block{display:block;padding:0;}
#top-short-news.article-list.block ul li .icon-block{margin-bottom:5px; width: 210px;}
#top-short-news.article-list.block ul li .icon-block .icon{width:100%;background-color: #f1f1f1;}
#top-short-news.article-list.block ul li .text-block .title{font-size:14px;}

/* サクッとニュース（タイル表示版：js「masonry」と併用）※2018.7 「masonry」廃止 */
#top-short-news.article-list.block.grid ul li{width:209px;margin:0px 10px 15px 10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.leaf-top-short-news #top-short-news.article-list.block.grid ul li{border:none;}
#top-short-news.article-list.block.grid ul li .icon-block{width:100%;background-color:transparent;}
#top-main-block #top-short-news.article-list.grid .icon{width: 209px;height: 120px;position:relative;display:block;text-align:center;padding-top:0px;}
#top-main-block #top-short-news.article-list.grid .icon img{position: absolute; display: block; margin: auto; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0;}

/* -------------------------------------------------------
Feature（写真スライド）
---------------------------------------------------------- */
#top-feature .slide-block{position:relative;margin:auto;width:440px;height:280px;}
#top-feature .slide{position:relative;width:440px;height:250px;}
#top-feature .slide .photo{display:none;margin:auto;text-align:center;position:absolute;overflow:hidden;background:#fff;top:0;bottom:0;left:0;right:0;}
#top-feature .slide .photo a:hover{text-decoration:none;}
#top-feature .slide .photo .img img{max-width:100%;max-height:100%;position:relative;}

#top-feature .photo-block{position:relative;}

#top-feature .photo-block .prev,
#top-feature .photo-block .next{width:32px;height:32px;display:block;background-size:32px 32px;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-repeat:no-repeat;text-indent:150%;overflow:hidden;white-space:nowrap;z-index:8;position:absolute;margin:auto;top:0;bottom:0;cursor:pointer;}
#top-feature .photo-block .prev{background-image:url(/common/otp/images/v1/common/photo-arrow-prev.png);left:22px;}
#top-feature .photo-block .next{background-image:url(/common/otp/images/v1/common/photo-arrow-next.png);right:22px;}

#top-feature .text-block{width:100%;height:34px;overflow:hidden;}
#top-feature .text-block .text{display:inline;text-align:center;}
#top-feature .text-block .text h2{margin:0px;padding:5px 0px;border-bottom:2px solid #00448b;}
#top-feature .text-block .text h2 a{font-weight:normal;color:#00448b;font-size:15px;line-height:1.4;}
#top-feature .text-block .text h2 a:hover{text-decoration:underline;}
#top-feature .text-block .text h2 .date{display:inline-block;font-size:12px;margin-left:15px;color:#666;}
#top-feature .text-block .text h2 .category{display:inline-block;font-size:12px;margin-left:15px;}
#top-feature .text-block .text p{color:#666;font-size:14px;line-height:1.6;margin-top:10px;}


/* -------------------------------------------------------
プレミアムコンテンツ
---------------------------------------------------------- */
#premium-contents{position:relative;margin-top:60px;}
#premium-contents .heading{width:190px;height:26px;display:block;background:url(/common/otp/images/v1/common/premium-title.png) no-repeat center;text-indent:150%;overflow:hidden;white-space:nowrap;position:absolute;top:-15px;left:27px;}
#premium-contents .header{border-radius:4px 4px 0 0;background:url(/common/otp/images/v1/common/premium-header-bg.png);color:#fff;text-align:center;padding:10px 20px;}
#premium-contents .header p{font-size:11px;color:#fffbb3;}
#premium-contents .header h5{font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;font-size:18px;margin:20px 0;}

#premium-contents .body{border-radius:0 0 4px 4px;background:url(/common/otp/images/v1/common/premium-body-bg.png);color:#fff;text-align:center;padding:20px;}
#premium-contents .body ul{margin:0;padding:0;}
#premium-contents .body ul li{list-style:none;display:block;color:#fff;margin-bottom:20px;}
#premium-contents .body ul li:last-child{margin-bottom:0;}
#premium-contents .body ul li a{display:block;color:#fff;}
#premium-contents .body ul li .icon,
#premium-contents .body ul li .title{display:block;}
#premium-contents .body ul li .icon{margin-bottom:5px;position: relative;width:205px;display: block;overflow: hidden;padding-top: 56.25%;background-color:transparent;}
#premium-contents .body ul li .icon img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-height: 100%;max-width: 100%;}
#premium-contents .body ul li .title{font-size:13px;line-height:1.4;}

/* -------------------------------------------------------
トップカテゴリー別一覧
---------------------------------------------------------- */
#top-category-news{margin-bottom:30px;}
#top-category-news nav ul{margin:0;padding:0;width:100%;display:table;}
#top-category-news nav ul li{list-style:none;display:table-cell;vertical-align:middle;text-align:center;position:relative;cursor:pointer;}
#top-category-news nav ul li span{background:#4aa9d4;color:#fff;display:block;font-size:13px;padding:8px 5px;}
#top-category-news nav ul li.current span,#top-category-news nav ul li:hover span{background:#0086c2;}
#top-category-news nav ul li.current::after,
#top-category-news nav ul li:hover::after{content:"";display:block;width:0;height:0;border:8px solid transparent;border-top:solid 8px #0086c2;position:absolute;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);}

#top-category-news .sub-menu{display:block;text-align:right;margin:10px 0;font-size:13px;color:#0086c2;}
#top-category-news .sub-menu span a{color:#0086c2;display:inline-block;padding:0 20px;border-right:solid 1px #0086c2;}
#top-category-news .sub-menu span:last-child a{border-style:none;}

#top-category-news .news-list .photo{width:215px;height:115px;float:right;position:relative;display: block;overflow: hidden;background-color:transparent;}
#top-category-news .news-list .photo img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-height: 100%;max-width: 100%;}


#top-category-news .news-list{margin-top:30px;display:none;min-height:150px;}
#top-category-news .news-list.default{display:block;}
#top-category-news .news-list ul{margin: 0 0 10px;padding:0;float:left;width:480px;}
#top-category-news .news-list ul li{list-style:none;font-size:14px;line-height:1.5;margin-bottom:5px;}
#top-category-news .news-list ul li a{display:block;color:#333;}
#top-category-news .news-list ul li .date{color:#a7a7a7;font-size:12px;}

#top-category-news .news-list .more{clear:both;width:100%;text-align: right;font-size: 12px;}
#top-category-news .news-list .more a{float: right;margin-top: 6px;color: #00448b;}

/* -------------------------------------------------------
人事情報
---------------------------------------------------------- */
#okinawa-today{margin-bottom:60px;}
#okinawa-today .tab{margin:20px 0;position:relative;border-bottom:solid 1px #0086c2;}
#okinawa-today .tab span{width:50%;float:left;box-sizing:border-box;text-align:center;display:inline-block;cursor:pointer;padding:10px 0;font-size:14px;background:#9cd0e7;color:#fff;position:relative;bottom:-1px;}
#okinawa-today .tab span.current{color:#0086c2;background:#fff;border-top:solid 1px #0086c2;border-right:solid 1px #0086c2;border-left:solid 1px #0086c2;}
.default{display:block;}
#okinawa-today h4{font-weight:normal;font-size:18px;margin:10px 0;}
#okinawa-today p{font-size:11px;color:#787878;line-height:1.4;}

#okinawa-today .search{display:none;}
#okinawa-today .search.default{display:block;}
#okinawa-today .search input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;font-size:16px;}
#okinawa-today .search input.inputtext{background:#ececec;border:solid 1px #e7e7e7;border-radius:2px;padding:8px 10px;width:280px;}
#okinawa-today .search input.search-btn{background-image:url(/common/otp/images/v1/common/global-icons.png?rd=20160801);background-repeat:no-repeat;background-position:55px -112px;background-size:20px 240px;-webkit-background-size:20px 240px;-moz-background-size:20px 240px;background-color:#00448b;color:#fff;border-radius:4px;text-align:center;border:solid 1px #e7e7e7;padding:8px 40px 8px 10px;line-height:1;height:38px;cursor:pointer;font-size:14px;}

/* -------------------------------------------------------
写真ギャラリー
---------------------------------------------------------- */
#top-gallery.article-list.block ul{margin:0;padding:0;}
#top-gallery.article-list.block ul li{float:left;width:223px;display:block;margin-right:20px;border-style:none;padding:0;}
#top-gallery.article-list.block ul li:last-child{margin-right:0;}
#top-gallery.article-list.block ul li .icon{margin-bottom:5px;height:125px;position:relative;display: block;overflow: hidden; background-color: #f1f1f1;}
#top-gallery.article-list.block ul li .icon img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-height: 100%;max-width: 100%;}
#top-gallery.article-list.block ul li .title{font-size:13px;color:#00448b;line-height:1.4;}

/* -------------------------------------------------------
blog用ブロック
---------------------------------------------------------- */
#top-blog{margin-top:30px;}
#top-blog.article-list ul{margin:0;padding:0;}
#top-blog.article-list ul::after{content:"";display:block;clear:both;}
#top-blog.article-list ul li{list-style:none;display:table;width:100%;border-bottom:solid 1px #ccc;padding:8px 0;}
#top-blog.article-list ul li a{display:block;}
#top-blog.article-list ul li a:hover{text-decoration:none;}
#top-blog.article-list ul li a:hover .title{text-decoration:underline;}
#top-blog.article-list .icon-block{display:table-cell;vertical-align:top;}
#top-blog.article-list .icon{width:60px;position:relative;display:block;}
#top-blog.article-list .icon img{margin: auto;max-height: 100%;max-width: 100%;}
#top-blog.article-list .text-block{display:table-cell;vertical-align:top;padding-left:10px;line-height:1.4;color:#00448b;font-size:13px;width:100%;}
#top-blog.article-list .text-block .text{color:#aaa;font-size:16px;display:block;}
#top-blog.article-list .title{display:block;margin-bottom:10px;color:#00448b;font-size:14px;}
#top-blog.article-list .summary{display:block;color:#666;font-size:12px;}
#top-blog.article-list ul+span{display:block;margin-top:10px;font-size:13px;text-align:center;}
#top-blog.article-list ul+span a,#top-blog.article-list ul+span a:hover,#top-blog.article-list ul+span a:visited{color:#00448b;}


/* -------------------------------------------------------
カテゴリページの一覧（共通）
---------------------------------------------------------- */
.category-list ul{clear:both;margin:0;padding:0;list-style:none;}
.category-list ul li{padding:20px 0;border-bottom:1px solid #ccc;}
.category-list ul.keywords li{padding:0;border-bottom:none;}
.category-list ul li::after{content:"";clear:both;display:block;}
.category-list ul li .icon-block{float:left;margin-right:15px;width:150px; background-color: #f1f1f1;}
.category-list ul li .icon-block a{text-align:center;position:relative;display:block;overflow:hidden;padding-top: 56.25%;}
.category-list ul li .icon-block img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.category-list ul li .text-block{overflow:hidden;}
.category-list ul li .text-block h4{margin:0;font-size:18px;font-weight:normal;line-height:1.6;}
.category-list ul li .text-block h4 a{color:#00448b;}
.category-list ul li .text-block p{color:#666;font-size:14px;line-height:1.4;margin:5px 0 0;}
.category-list ul li .text-block .date{font-size:12px;color:#666;display: inline-block;}
.category-list ul li .text-block .keywords{margin:5px 0;}
.category-list ul li .text-block .keywords::after{content:"";display:block;clear:both;}
.category-list ul li .text-block .keywords span{margin:0 5px 2px 0;float:left;display:block;}
.category-list ul li .text-block .keywords span a{background-color:#ccc;color:#fff;display:inline-block;font-size:13px;border-radius:2px;padding:0 7px;line-height:24px;}
.category-list ul li .text-block .keywords span a:hover{text-decoration:none;background:#00448b;}

.category-title { width: 100%; min-height: 50px; max-height: 150px; position: relative; overflow: hidden; }
.category-title h1 { margin: 0; width: 100%; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 23px; padding: 0.7em 0; border-bottom: 1px solid #00448b; position: relative; }

/* -------------------------------------------------------
サブカテゴリページの一覧（共通）
---------------------------------------------------------- */
.subcategory-heading { margin: 10px 0  20px 0;padding-bottom:10px; border-bottom: 1px solid #ccc; position: relative; }
.subcategory-heading::after { content: ''; position: absolute; right: 0; bottom: -1px; display: inline-block; width: 300px; height: 1px; background-color: #0086c2; }
.subcategory-title { width: 100%; max-height: 150px; position: relative; overflow: hidden; }
.subcategory-title .subcategory-img { background-color: #f1f1f1; }
.subcategory-title .subcategory-img img { max-width: 100%; vertical-align: bottom; display: block; margin: 0 auto; }
.subcategory-title h1 { margin: 0; width: 100%; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 23px; padding: 0 10px; color: #333; }
/*.subcategory-title h1:not(.bg)::after { content: ''; position: absolute; left: 0; bottom: -1px; display: inline-block; width: 150px; height: 1px; background-color: #0086c2; }*/
.subcategory-title h1.bg {position: absolute; bottom: 0; left: 0; color: #fff; background-color: rgba(0, 0, 0, 0.5); padding: 0.7em 10px; border-bottom: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.subcategory-lead { padding:10px 10px 0 10px; font-size: 13px; line-height: 1.7;width: 728px; box-sizing: border-box; }
.subcategory-lead img,.subcategory-lead p { max-width:100%; }

/* プレミアムアイコン */
.premium{
height:20px;
background:url(/common/otp/images/v1/common/premium-icon.png) no-repeat left;
background-size:18px 18px;
color: #0086c2;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 18px;
margin-left: 10px;
padding-left: 20px;
vertical-align: middle;
line-height:18px;
}

/* -------------------------------------------------------
カテゴリページ一覧（カテゴリアイコン「標準」）
---------------------------------------------------------- */
.column-header{
width:100%;
margin:10px 0;
}

.column-header .heading{
border:1px solid #666;
/*background-color:#66b6da;*/
/*min-height:124px;*/
}
.column-header .heading .s-title{
padding:20px;
display:block;
float:left;
max-width:460px;
}
.column-header .heading .b-title{
padding:10px 20px;
display:block;
}
.column-header .heading .s-title h1,.column-header .heading .b-title h1{
font-size:18px !important;
line-height:24px !important;
margin:0px;
}
.column-header .heading span{
font-size:12px !important;
line-height:18px !important;
margin:10px 0px;
display: block;
}
.column-header .heading .b-title span{
font-size:12px !important;
line-height:18px !important;
}
.column-header .heading span p{
margin:0px;
}
.column-header .heading .leaf-img{
float:right;
}
.column-header .heading .leaf-img img{
vertical-align: bottom;
display: block;
height: 100px;
/*border: 1px solid #f1f1f1;*/
}
.column-header .column-author{
padding:12px;
color: #666666;
border:1px solid #66b6da;
border-top:0px solid #66b6da;
}
.column-header .column-author .photo{
float:left;
margin-right:10px;
width: 100px;
}
.column-header .column-author .photo img {
    width: 100%;
}
.column-header .column-author .text{
float:left;
}
.column-header .column-author h2{
font-size:14px !important;
line-height:24px !important;
font-weight:normal;
margin:0px;
margin-bottom:4px;
}
.column-header .column-author .shozoku{
font-size:13px;
line-height:14px;
}
.column-header .column-author .profile{
font-size:12px;
line-height:16px;
margin:10px 0px;
display:block;
}
.column-header .column-author .profile p{
margin:0px;
}
.article-body.category-content { margin-bottom:0;font-size: 13px; border-bottom: 1px solid #ccc; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 12px 20px; position: relative; }
.article-body.category-content::after { content: ''; position: absolute; right: 0; bottom: -1px; display: inline-block; width: 300px; height: 1px; background-color: #0086c2; }
.article-body.category-content p { margin: 0.5em 0 0 0; }
.article-body.category-content b {font-weight: normal;}

/* -------------------------------------------------------
カテゴリページ一覧（カテゴリアイコン「表示大」）
---------------------------------------------------------- */
.column-header.rich {padding-bottom:10px;}
.column-header.rich .heading { border:none; width: 100%; position: relative; overflow: hidden; }
.column-header.rich .heading .leaf-img { float:none; background-color: #f1f1f1;}
.column-header.rich .heading .leaf-img img { max-width: 100%; margin: 0 auto; height: auto;}
.column-header.rich .heading .s-title { float:none; max-width: 100%; width: 100%; position: absolute; bottom: 0; left: 0; padding:0; }
.column-header.rich .heading .s-title h1{ box-sizing: border-box; float:none;color: #fff; background-color: rgba(0, 0, 0, 0.5); padding: 0.7em 10px; border-bottom: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);font-weight: normal; }
.column-header.rich .article-body.category-content {padding: 10px 0 12px 10px;}

/* -------------------------------------------------------
カテゴリページ一覧（カテゴリアイコン「表示大（テキスト画像用）」）
---------------------------------------------------------- */
.column-header.rich.text-img .heading .s-title { position: static; }
.column-header.rich.text-img .heading .s-title h1{ color: #333; background: none; padding: 1em 10px 0 10px; text-shadow: none; }
.column-header.rich.text-img .article-body.category-content {padding: 0 0 12px 10px;}
/* -------------------------------------------------------
カレンダー表示
---------------------------------------------------------- */
#calendar-list{
margin-bottom:30px;
margin-top:40px;
}

#calendar-list #calendar-text{
float:left;
width:280px;
}
#calendar-list #calendar-text span{
display:block;
}
#calendar-list #calendar-text .year{
font-size:14px;
line-height:14px;
color:#adadad;
font-weight:bold;
margin-bottom: 16px;
letter-spacing:0.05em;
}
#calendar-list #calendar-text .date{
font-size:30px;
line-height:30px;
color:#000000;
font-weight:bold;
margin-bottom: 16px;
}
#calendar-list #calendar-text .summary{
font-size:13px;
line-height:18px;
color:#6bb6da;
}

#calendar-list #calendar{
float:right;
width:340px;
}
#calendar-list #prev-next{
margin-top:20px;
font-size:14px;
text-align:center;
}
#calendar-list #prev-next a,#calendar-list #prev-next a:visited{
color:#00448b;
font-weight:bold;
}
#calendar-list #prev-next span{
display:inline-block;
font-size:16px;
color:#6bb6da;
font-weight:bold;
margin:0px 10px;
}
#calendar-list #prev-next .prev,#calendar-list #prev-next .next{
display:inline-block;
margin:0px 10px;
}
#calendar-list #select-section{
margin-top:20px;
text-align:center;
font-size:14px;
}
#calendar-list #select-section select{
padding:3px;
}
#calendar-list #select-section select,#calendar-list #select-section span{
display:inline-block;
}
#calendar-list #select-section #reflesh_archive{
display:inline-block;
padding:2px 4px;
font-size:12px;
border-radius:4px;
background-color:#6bb6da;
color:#fff;
cursor:pointer;
}

#calendar-list #calendar #cl-switch{
margin-bottom: 14px;
text-align: center;
width: 340px;
}
#calendar-list #calendar #cl-switch .prev{
font-size:40px;
/*line-height:40px;*/
color:#6bb6da;
font-weight:bold;
width:110px;
text-align:left;
display:inline-block;
/*vertical-align: top;*/
}
#calendar-list #calendar .month{
font-size:16px;
/*line-height:30px;*/
color:#6bb6da;
font-weight:bold;
width:90px;
text-align:center;
display:inline-block;
vertical-align: bottom;
}
#calendar-list #calendar #cl-switch .next{
font-size:40px;
/*line-height:40px;*/
color:#6bb6da;
font-weight:bold;
width:110px;
text-align:right;
display:inline-block;
/*vertical-align: middle;*/
}
#calendar-list #calendar #cl-wrapper table{
width:340px;
}
#calendar-list #calendar #cl-wrapper table tr{
text-align: center;
}
#calendar-list #calendar #cl-wrapper table tr th{
padding: 10px 0;
color:#adadad;
}
#calendar-list #calendar #cl-wrapper table tr th:first-child{
color:#fb8282;
}
#calendar-list #calendar #cl-wrapper table tr th:last-child{
color:#66b6da;
}
#calendar-list #calendar #cl-wrapper table tr td{
width:34px;
height:24px;
color:#adadad;
}
#calendar-list #calendar #cl-wrapper table tr td a{
color:#00448b;
}
#calendar-list #calendar #cl-wrapper table tr td.today a{
    background-color: #66b6da;
    border-radius: 16px;
    color: #fff;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}
.heading.calendarlist h3{
color:#666;
font-size:14px;
font-weight:normal;
line-height:23px;
padding-left:34px;
background:url(/common/otp/images/v1/common/icon-calendar.png) no-repeat left;
background-size:28px 28px;
-webkit-background-size:28px 28px;
-moz-background-size:28px 28px;
}



/* -------------------------------------------------------
login
---------------------------------------------------------- */
#login{
margin:30px 0px;
}
#login .summary{
margin:10px 0px;
text-align:left;
color:#679ad8;
font-size:16px;
line-height:22px;
font-weight:bold;
}
#login .login-inner{
height:280px;
background:url(/common/otp/images/v1/common/bg-wave2.png) no-repeat left;
background-size:700px 280px;
-webkit-background-size:700px 280px;
-moz-background-size:700px 280px;
padding:30px 20px;
clear: both;
}
#login .login-inner .logo{margin:54px auto 16px;display: block;width: 184px;}
#login .login-inner .logo img{width: 184px;}
#login .login-inner ul{padding-left:0;margin:0;}
#login .login-inner ul li{float:left;width:300px;list-style-type:none !important;background:none;padding-left:0px;}
#login .login-inner ul li:first-child{margin-right:20px;}
#login .login-inner ul li:first-child a:first-child{text-decoration:none;}
#login .login-inner ul li:first-child a:first-child span,#login .login-inner ul li:nth-child(2) span{
display:block;
padding:10px;
width:268px;
background-color:#00448b;
text-align:center;
color:#fff;
font-size:15px;
border-radius:10px;
border:4px solid #fff;
margin-bottom:6px;
}
#login .login-inner ul li:first-child span:last-child{color:#00448b;font-size:13px;line-height:18px;display:block;}
#login .login-inner ul li span{color:#00448b;}
#login .login-inner ul li:nth-child(2) span{background-color:#77a7e2;border:0px;padding:10px;}
#login .login-inner ul li:nth-child(2) a{text-decoration:none;}



/* -------------------------------------------------------
ランキング
---------------------------------------------------------- */

/* ランキング ranking*/
.ranking{margin-bottom:30px;}
.ranking-inner{margin-bottom:16px;}
.ranking-inner .rank-tab{border-bottom:6px solid #00448b;}
.ranking-inner .rank-tab span{cursor:pointer;color:#45a3cf;display: inline-block;font-size: 14px;padding:10px;}
.ranking-inner .rank-tab span.current{color:#00448b;}
.ranking-inner .rank-tab .rank-news{}


.ranking-list{display:block;}
.ranking-list:last-child{display:none;}
.ranking-list .ranking-sub-list:last-child{display:none;}
.ranking-list:nth-of-type(2n+1){display:none;}
.ranking-list .rank-tab-sub{}
.ranking-list .rank-tab-sub span{color:#00448b;font-size:12px;padding:10px;width:43%;border-right:2px solid #00448b;cursor: pointer;display:block;background-color:#f0f4f8;float:left}
.ranking-list .rank-tab-sub span:last-child{border:0px;}
.ranking-list .rank-tab-sub span.current{background-color:#ffffff;}

.saku-news,.okinawa-news,.world-news{margin-bottom:30px;}
.ranking-list .more-list{display:none;border-bottom:none;}


.ranking-list .more .btn{
    cursor:pointer;
    background:url(/common/otp/images/v1/common/smartphone/icon-try-down-w.png) 95% 20px no-repeat;
    background-size:10px 10px;
    height: auto;
    background-color: #00448b;
}
.ranking-list .more.active .btn{
    cursor:pointer;
    background:url(/common/otp/images/v1/common/smartphone/icon-try-up-w.png) 95% 20px no-repeat;
    background-size:10px 10px;
    background-color: #00448b;
}

/* 全て見るボタン */
.ranking-inner .btn{
background-color:#00448b;
color:#fff;
text-align:center;
font-size:14px;
line-height:14px;
border-radius:4px;
padding:16px;
margin:16px 0px;
}
.ranking-inner .btn a{color:#ffffff;}

/* 記事リスト共通 */
/* アイコン長方形 */
.ranking-inner ul li {
    border-bottom: 1px solid #ccc;
    display: table;
    list-style: outside none none;
    padding: 8px 0;
    width: 100%;
}

.ranking-inner ul li.more { border-bottom: none;}

.ranking-inner ul{margin:0;padding:0;}
.ranking-inner ul::after{content:"";display:block;clear:both;}
.ranking-inner ul li{list-style:none;display:table;width:100%;padding:8px 0;}
.ranking-inner ul li a{display:block;}
.ranking-inner ul li a:hover{text-decoration:none;}
.ranking-inner ul li a:hover .title{text-decoration:underline;}
.ranking-inner .icon-block{display:table-cell;vertical-align:top;background-color: #f1f1f1; }
.ranking-inner .icon{width:112px;position:relative;display:block;overflow:hidden;padding-top:75%;}
.ranking-inner .icon img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.ranking-inner .text-block{display:table-cell;vertical-align:top;padding-left:10px;line-height:1.4;color:#00448b;font-size:14px;width:100%;}
.ranking-inner .text-block a {color:#00448b;}
.ranking-inner .text-block .date{color:#979797;font-size:12px;display:inline-block;}


/* -------------------------------------------------------
ジャンル別アクセスランキング
---------------------------------------------------------- */
body.genre-ranking .ranking-title h1 { box-sizing: border-box;margin:0;font-size: 18px;line-height: 23px;padding: 0.7em 0;}
body.genre-ranking .category-list .more { text-align: right; font-size: 12px; margin: 10px 0 40px 0; }
body.genre-ranking .category-list .more a { background-color: #4aa9d4; color: #fff; padding: 0.5em 1em; display: inline-block; font-weight: bold; }
body.genre-ranking .category-list .more a:hover { text-decoration: none; background-color: #00448b; }
body.genre-ranking .category-list ul li { position: relative; }
body.genre-ranking .category-list ul li .number { position: absolute; top: 18px; left: -2px; display: inline-block; background-color: #fff; border: 1px solid #00448b; color: #00448b; padding: 0.4em 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; text-align: center; z-index: 1; }
body.genre-ranking .category-list ul li .number.top { background-color: #00448b; color: #fff; }
body.genre-ranking .category-list ul li .text-block.ranking-top{padding-left:45px;}
body.genre-ranking .category-list h2 { margin: 20px 0 10px 0; color: #595959;font-weight: normal;font-size: 20px;line-height: 23px; border-bottom: solid 1px #00448b;padding-bottom: 0.3em; }
body.genre-ranking .scroll_genre {}
body.genre-ranking .scroll_genre .current {background-color: #fff;border-bottom: 1px solid #fff;}
body.genre-ranking .scroll_genre a:hover {text-decoration: none;}
/* -------------------------------------------------------
記事下
---------------------------------------------------------- */
/* バックナンバー一覧 */
#article-backnumber{}
#article-backnumber ul li .text-block{padding-left:10px!important;}

#article-backnumber .more a {color: #00448b;}


/* voice of okinawa */
#article-end .leaf-top-column .article-list .icon-block {
    vertical-align: top;
}
#article-end .leaf-top-column .article-list ul li:nth-child(2n+1) {
    clear: none;
    margin-right: 0px;
}
#article-end .leaf-top-column .article-list ul li {
    float: none;
    padding: 6px 0;
    width: 710px;
}
#article-end .leaf-top-column .article-list ul li:nth-child(2n) {
    margin-left: 0px;
}
#article-end .leaf-top-column .article-list .text-block{
position: relative;
}
#article-end .leaf-top-column .article-list .text-block .author{
display:block;
color:#aaaaaa;
}
#article-end .leaf-top-column .article-list .text-block .date-time{
margin-top:0px;
font-size:14px;
}
#article-end .leaf-top-column .article-list .text-block .column{
    text-align:left;
    bottom: 0;
    position: absolute;
    right: 0;
}
.leaf-top-column .article-list .more a {
    color: #00448b;
}


/* サクッとニュース */
.leaf-top-short-news #top-short-news.article-list.block.tile ul li {
    width:220px;
    margin: 0 12px 15px;
}
.leaf-top-short-news #top-short-news.article-list.block.tile ul li:nth-child(2n+1) {
    clear: none;
    float: left;
}
.leaf-top-short-news #top-short-news.article-list.block.tile ul li:nth-child(2n) {
    clear: none;
    float: left;
}
.leaf-top-short-news #top-short-news.article-list.block.tile ul li:nth-child(3n) {
    clear: none;
    float: left;
    margin-right:0;
}
.leaf-top-short-news #top-short-news.article-list.block.tile ul li:nth-child(3n+1) {
    clear: left;
    float: left;
    margin-left:0;
}
.leaf-top-short-news #top-short-news.article-list.block.tile ul li:nth-child(10n) {
    display:none;
}
.leaf-top-short-news .article-list .more a {
    color: #00448b;
}

.leaf-top-short-news #top-short-news.article-list .text-block {
    min-height: 80px;
}





/* -------------------------------------------------------
広告タグ
---------------------------------------------------------- */
/* ページ下 */
.bottom-banner{
width:920px;
margin:0 auto 60px;
min-height:60px;
}
.bottom-banner ul{
padding-left:0;
}
.bottom-banner ul li{
float:left;
width:120px;
margin-right:40px;
list-style-type:none;
background-color:#eee;
}
.bottom-banner ul li:nth-child(6n){
margin-right:0;
}
.bottom-banner ul li div{
display:block!important;
}

/* footer下 */
.footer-banner{
    text-align: center;
    padding-bottom: 40px;
}



/* PAGE TOP */
#fixed-btns {
  position: fixed;
  right: 30px;
  bottom: 70px;
  transition: .3s;
  display: none;
}

#page-top {
  width: 40px;
  height: 50px;
  background: url(/common/otp/images/v1/common/icon-backto-pagetop.png) no-repeat center center;
  background-size:40px 50px;
  cursor: pointer;
  opacity: .8;

}

#page-top:hover {
  opacity: .8;
}

#home {
  width: 40px;
  height: 50px;
  background: url(/common/otp/images/v1/common/icon-backto-home.png) no-repeat center center;
  background-size:40px 50px;
  cursor: pointer;
  margin-bottom:10px;
  opacity: .8;
  }

#home:hover {
  opacity: .8;
}

/* 記事下superbanner */
.superbanner { margin-bottom:20px;}

/* 検索結果ページ */
.no-result {
  font-size: 16px;
  margin: 3em 0;
  text-align: center;
}