@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;}

/* -------------------------------------------------------
リンク
---------------------------------------------------------- */
a{color:#000;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

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

/* -------------------------------------------------------
グローバルナビ
---------------------------------------------------------- */
#global-navi{background:#00448b;color:#fff;padding:10px 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:25px;float:left;}
#global-navi span:last-child{margin-right:0;}
#global-navi .main span,
#global-navi .sub span 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 .regist a{background-position:0 -193px;padding-left:30px;}
#global-navi .login a{background-position:0 -239px;padding-left:30px;}
#global-navi .inner .header-search{position:absolute;top:34px;left:-20px;background:#0086c2;padding:10px;display:none;}

/* グローバルナビ スクロール後 */
#global-navi-second{background:#00448b;color:#fff;padding:10px 0;font-size:12px;text-align:center;position:relative;display:none;}
#global-navi-second .inner{position:relative;}
#global-navi-second a{color:#fff;}
#global-navi-second .main{float:left;}
#global-navi-second .sub{float:right;}
#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.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;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{float:left;}
#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 .nickname,#global-navi-second .nickname{display:inline-block;width:170px;font-size;12px;line-height:13px;}
#global-navi .nickname{width:500px;margin-top:6px;text-align:right;height:13px;line-height:13px;}

/* -------------------------------------------------------
ハンバーガーメニュー
---------------------------------------------------------- */
#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-radius:4px;border:solid 2px #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:auto;float:none;}
.category-list .search-box input.inputtext{width:460px;}

/* -------------------------------------------------------
ヘッダ
---------------------------------------------------------- */
header .inner{padding:20px 0;}
header .main{float:left;width:300px;}
header .main .date{color:#666;font-size:14px;}
header .ad{float:right;width:728px;}

/* -------------------------------------------------------
フッタ
---------------------------------------------------------- */
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 ul li{list-style:none;}
#sitenavi nav#main ul{width:100%;display:table;padding:0;margin:0;}
#sitenavi nav#main ul li{display:table-cell;vertical-align:middle;text-align:center;box-sizing:border-box;border-right:solid 1px #fff;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:10px 0;display:block;}
#sitenavi nav#main ul li a:hover,#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.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{border:solid 1px #00448b;margin-top:1px;max-height:32px;background:#fff;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:8px 10px;display:block;}

/* -------------------------------------------------------
トピックス
---------------------------------------------------------- */
#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;}

/* -------------------------------------------------------
記事タイトル周り
---------------------------------------------------------- */
#signage{margin-bottom:30px;}
#signage h1{font-size:28px;font-weight:bold;line-height:1.4;}
#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 .article-sns{float:right;margin-top:5px;}
#signage .article-info .date{font-size:12px;color:#666;margin-right:20px;}
#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;}
#signage #title.column{background-position:right top;background-repeat:no-repeat;}
#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;
padding-left: 30px;
background: url(/common/otp/images/v1/common/heading-arrow.png) no-repeat left;
background-size: 21px 23px;
-webkit-background-size: 21px 23px;
-moz-background-size: 21px 23px;
}
/*#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:660px;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;}
.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%;}
.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;}


/* -------------------------------------------------------
次ページ誘導見出し
---------------------------------------------------------- */
.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{background:#2999cc;color:#fff;padding:20px 15px;border-radius:4px;}
#subscription .heading{margin-bottom:10px;}
#subscription .heading .logo{float:left;width:140px;}
#subscription .heading .date{float:right;font-size:12px;width:110px;text-align:center;}
#subscription .information .btn{float:left;width:140px;}
#subscription .information .btn a{border-radius:4px;border:solid 1px #fff;color:#2999cc;display:block;background: -moz-linear-gradient(top,  #ffffff 0%, #f5fafd 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f5fafd 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f5fafd 100%);text-align:center;padding:10px 5px;font-weight:bold;line-height:1.4;}
#subscription .information .btn a:hover{text-decoration:none;}
#subscription .information .btn .trial a{font-size:12px;margin-top:25px;}
#subscription .information .btn .trial .catch{display:block;color:#f95200;}
#subscription .information .cover{float:right;width:110px;}
#subscription .information .cover img{width:100%;}

/* ランキング */
/* #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 2px #00448b;padding:8px 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 h3{color:#666;font-size:12px;font-weight:normal;line-height:23px;padding-left:30px;background:url(/common/otp/images/v1/common/heading-arrow.png) no-repeat left;background-size:21px 23px;-webkit-background-size:21px 23px;-moz-background-size:21px 23px;}
.heading.color h3{color:#00448b;font-size:14px;font-weight:normal;line-height:23px;padding-left:30px;background:url(/common/otp/images/v1/common/heading-arrow-color.png) no-repeat left;background-size:21px 23px;-webkit-background-size:21px 23px;-moz-background-size:21px 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 2px #00448b;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%;}
#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 .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:440px;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;border-bottom:solid 2px #00448b;}
#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 2px #00448b;}
#top-news ul.top-news-list li:last{border:none;}
#top-news ul.top-news-list li:first-child{border-top:solid 2px #00448b;}
#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;}
#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;}
#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 2px #00448b;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{text-align:right;font-size:12px;margin-top:10px;}
#top-main-block .article-list .more a{color:#00448b;}

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

/* テキストのみ */
#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%;}
#top-short-news.article-list.block ul li .text-block .title{font-size:14px;}

/* サクッとニュース（タイル表示版：js「masonry」と併用） */
#top-short-news.article-list.block.grid ul li{width:200px;margin:0px 10px 15px 10px;padding-bottom:10px;border-bottom:2px solid #00448b;}
.leaf-top-short-news #top-short-news.article-list.block.grid ul li{border:none;}
#top-short-news.article-list.block.grid ul li:nth-child(odd){float:left;clear:left;}
#top-short-news.article-list.block.grid ul li:nth-child(even){float:right;clear:right;}
#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:100%;position:relative;display:block;text-align:center;padding-top:0px;}
#top-main-block #top-short-news.article-list.grid .icon img{position:relative;max-height:auto;max-width:auto;margin:auto; width:80%;height:auto;}

/* -------------------------------------------------------
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;border-top: 2px solid #00448b;}
#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: #dae6d7;*/}
#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 2px #00448b;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:2px solid #00448b;}
.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: #dae6d7; */}
.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;}

/* -------------------------------------------------------
サブカテゴリページの一覧（共通）
---------------------------------------------------------- */
.heading.subcategory-title h1{
font-size:18px;
margin: 20px 0;
color:#666;
font-weight:normal;
line-height:23px;
padding-left:30px;
background:url(/common/otp/images/v1/common/heading-arrow.png) no-repeat left;
background-size:21px 23px;
-webkit-background-size:21px 23px;
-moz-background-size:21px 23px;
}

/* プレミアムアイコン */
.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:710px;

}
.column-header .heading{
border:1px solid #66b6da;
background-color:#66b6da;
/*min-height:124px;*/
color:#fff;
}

.column-header .heading .s-title, .column-header .heading .b-title{
float:left;
padding:12px;
display:block;
}
.column-header .heading .s-title{
/*width:460px;*/
max-width:460px;
}
.column-header .heading .b-title{
width:686px;
}
.column-header .heading .s-title h1{
font-size:18px !important;
line-height:24px !important;
margin:0px;
font-weight:normal;
}
.column-header .heading .b-title h1{
font-size:24px !important;
line-height:30px !important;
margin:0px;
font-weight:normal;
}
.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: 124px;
}
.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;
}



/* -------------------------------------------------------
カレンダー表示
---------------------------------------------------------- */
#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;
}
#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: 2px solid #00448b;
    display: table;
    list-style: outside none none;
    padding: 8px 0;
    width: 100%;
}
.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%;border-bottom:solid 2px #00448b;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: #dae6d7; */}
.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 .date{color:#979797;font-size:12px;display:inline-block;}



/* -------------------------------------------------------
記事下
---------------------------------------------------------- */
/* バックナンバー一覧 */
#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;
}
#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;
}