@charset "UTF-8";

/*子テーマ用「base.css」*/

/*--------------------------------------------------------
ヘッダー背景画像
--------------------------------------------------------*/
.site-header{
	background:url(./images/common/site-header.jpg);
}

.home .site-header{
	background:url(./images/common/site-header.jpg);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-header{
			background: url(./images/common/site-header@2x.jpg) 1% 25%;
			-webkit-background-size: 1156px 770px;
			background-size: 1156px 770px;
		}
		
		.home .site-header{
			background:url(./images/common/site-header@2x.jpg) 14.6% 22%;
		}

	}

/*--------------------------------------------------------
スライドショーの調整
--------------------------------------------------------*/
.slides {
	padding-bottom: 30px; 
}

.slides-frame {
	border:10px ridge #333;
}

/*--------------------------------------------------------
続きを読むのデザイン
--------------------------------------------------------*/
.morebtn {
    color: #fff;
    text-decoration: none;
    background: #008cd1;
    width: 230px;
    padding: 20px 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.morebtn:hover {
	color: #fff;
    background-size: 100px 100px;
    background-position: right 50%;
    background-color: #000055;
}
.morebtn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px;
	background: url(/wp-content/uploads/more.png) no-repeat 0 50%;
    background-size: 35px 35px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.2s ease;
}
.morebtn:hover::before {
    left: 180px;
    background-size: 70px 70px;
 
}
.morebtn span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
 
}

.morebtn:hover span {
    margin-left: -1800px;
}

.more {
	float:right;
	margin-top: -0.5em;
}

/*--------------------------------------------------------
ページャーのデザイン
--------------------------------------------------------*/
.wp-pagenavi {
	clear: both;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #fff;
	background:-moz-linear-gradient( center top, #000055 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #000055 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000055), color-stop(100%, #1e62d0) );
	background-color:#000055;
	border:1px solid #fff;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}

.wp-pagenavi a:hover{
	color:#000055; 
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}

.wp-pagenavi span.current{
	color: #FFF;
	background:-moz-linear-gradient( center top, #1e62d0 5%, #000055 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #000055 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#000055');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #008cd1) );
	background-color:#1e62d0;
	border-color: #fff;
	font-weight: bold;
}

/*--------------------------------------------------------
ロゴの切り替え
--------------------------------------------------------*/
a.logoimg {
 display: block;
 width: 210px;
 height: 90px;
 background: url(/wp-content/uploads/logo-off.png) no-repeat 0 0;
}
a.logoimg:hover {
 background: url(/wp-content/uploads/logo-on.png) no-repeat 0 0;
}

/*--------------------------------------------------------
アンダーライン（破線）
--------------------------------------------------------*/
.under {
	border-bottom: dashed 2px #87CEFA;
  }

/*--------------------------------------------------------
hrスタイル
--------------------------------------------------------*/
hr.style01 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style02 {
    border:0;
    border-bottom:1px dashed #999;
}

/*--------------------------------------------------------
キーワード検索結果回り込み
--------------------------------------------------------*/
.box-img,
.box-text{
	display: inline-block;
	vertical-align: middle;
}

/*--------------------------------------------------------
お問い合わせフォームカスタマイズ
--------------------------------------------------------*/
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	background-color: #fff;
	color: #333;
	width: 60%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	height: 200px;
	width: 98%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 select{
	background-color: #fff;
	color: #333;
	width: 98%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

input.wpcf7-submit {
	font-size: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: dashed 1px #67c5ff;
    background: #f2fcff;
    border-radius: 3px;
    transition: .4s;
	height: 50px;
	width: 40%;
}

.wpcf7-submit:hover {
    background: #cbedff;
    color: #FFF;
}

/* ----------------------------------------------------
SNSボタン
-----------------------------------------------------*/
.sns-wrap {
width: 100%;
margin-bottom: 1em;
}
.sns {
margin: 0 auto;
list-style: none;
}

.sns li {
float: left;
width: 32.3%;
margin: 0 .5% 2%;
}
.sns a {
display: block;
padding: 10px 5px;
border-radius: 5px;
text-align: center;
}
.sns span,
.sns .fa {
padding-left: 3px;
color: #fff;
}
.sns li a:hover {
-webkit-transform: translate3d(0px,5px,1px);
-moz-transform: translate3d(0px,5px,1px);
transform: translate3d(0px,5px,1px);
box-shadow: none;
}
.sns .twitter a {
background: #55acee;
box-shadow: 0 5px 0 #0092ca;
}
.sns .facebook a {
background: #315096;
box-shadow: 0 5px 0 #293c66;
}
.sns .hatebu a {
background: #00a4de;
box-shadow: 0 5px 0 #0285cc;
}
span.hatena-icon {
    font-weight: bold;
}

@media only screen and ( max-width: 736px ) {
.sns li {
margin: 0 .5% 4%;
}
.sns a {
padding: 6px 3px;
}
}

/* ----------------------------------------------------
リンクの下線を消す
-----------------------------------------------------*/
a {
text-decoration: none;
}

/* ----------------------------------------------------
マーカー下線
-----------------------------------------------------*/
.marker-yellow {
	background: linear-gradient(transparent 60%, #FFF499 60%);
	font-weight: bold;
}

.marker-pink {
background: linear-gradient(transparent 60%, #FFDDFF 60%);
}

.marker-orange {
background: linear-gradient(transparent 60%, #ffcc99 60%);
}

.marker-blue {
background: linear-gradient(transparent 60%, #CCFFFF 60%);
}

/* ----------------------------------------------------
検索窓
-----------------------------------------------------*/
.search-box{
	text-align: right;
	margin-right: 25px;
}

.search-box input[type="text"]{
	width: 43%;
}

.btn-search {
    width: 35px;
}

/* ----------------------------------------------------
コピーライト
-----------------------------------------------------*/
.copyright{
	background: #000011;
}

/* ----------------------------------------------------
サイドバー
-----------------------------------------------------*/
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title {
	color: #FFF;
	padding: 10px 0 0 60px;
    background: url(./images/common/section-title.png) 0 20% no-repeat;
}
.main-body .ranking-list li {
    margin-bottom: 30px;
}

/* ----------------------------------------------------
背景画像
-----------------------------------------------------*/
body {
    background: url(./images/common/bg-navy@2x.jpg);
}

/* ----------------------------------------------------
パンくずリスト
-----------------------------------------------------*/
.breadcrumbs-in {
    margin: 1em 0;
	color: #FFF;
	font-size: 0.8em;
}
.breadcrumbs-in li {
    background: url(./images/icon/icon-btn-arw01.png) right center no-repeat;
	margin-right: 10px;
}
.breadcrumbs-in li:before, .breadcrumbs-in li.bcl-first:before {
    vertical-align: 0;
}
.breadcrumbs-in a{
	color: #c0dae6;
}

/* ----------------------------------------------------
カテゴリーページタイトル
-----------------------------------------------------*/
.main-body .archive-title {
	color: #FFF;
}

/* ----------------------------------------------------
投稿一覧カテゴリー
-----------------------------------------------------*/
.cat a:hover {
	display: inline-block;
	background-color: #000;
	border-radius: 3px;
}


.sub-conts .link-menu-image .post-title{
	padding: 25px 0;
}

.sub-conts .link-menu-image li {
    margin-bottom: 10px;
	padding-bottom: 10px;
}

.link-menu-image-thumb {
    padding: 2px;
    background-color: #333;
}

.post-title a{
	color: #c0dae6;
}

.post-title a:hover{
	color:#e4b948;
}

/*コメント*/
.w99{ width: 99%; }

/* ----------------------------------------------------
関連記事
-----------------------------------------------------*/
.related-articles-thumbs01 ul {
    margin-left: 15px;
}
.related-articles-thumbs01 li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}
.related-articles-thumbs01 li a{
	text-decoration: underline;
}
.related-articles {
	margin-top: 10px;
    border-top: 1px solid #ccc;
	padding-top: 15px;
}

/* ----------------------------------------------------
記事一覧
-----------------------------------------------------*/
.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	text-decoration: none;
}

/* ----------------------------------------------------
投稿見出しh2デザイン
-----------------------------------------------------*/
.single .main-body h2{
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #2e5272;
	background: none;
}

.single .main-body h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------
データベーステーブル
-----------------------------------------------------*/
.db-table{
	width: 100%;
	margin-top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.db-table th,
.db-table td{
	line-height: 1.0;
	padding: 0.5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e4f6ff;
}
.db-table th{
	width: 25%;
	font-weight: normal;
}

/* ----------------------------------------------------
段落の幅
-----------------------------------------------------*/
p{
	margin: 0 0 1.5em;
}

/* ----------------------------------------------------
最新記事アンカー
-----------------------------------------------------*/
div.anchor{
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

/* ----------------------------------------------------
目次
-----------------------------------------------------*/
div#ez-toc-container {
    margin: 20px auto;
}
div#ez-toc-container ul.ez-toc-list a {
    text-decoration: none;
}
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, .ez-toc-widget-container, .ez-toc-widget-container li {
    line-height: 2;
}

/* ----------------------------------------------------
絞り込み検索
-----------------------------------------------------*/
.searchandfilter ul {
    margin: 0;
}
.searchandfilter ul li {
    padding: 0;
	margin-bottom: 1em;
}
input.sf-input-text {
    width: 250px;

}
.main-body h4 {
    margin: 15px 0 5px;
    padding: 0;
    border-bottom: none;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
}
select.sf-input-select {
    width: 255px;
}
.searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    width: 67px;
}
span.sf-range-postfix {
    color: #FFF;
	padding: 3px;
}
span.sf-range-values-seperator {
    color: #FFF;
}
.searchandfilter .meta-slider {
    max-width: 95%;
	margin-top: 15px;
}
li.sf-field-submit.odd {
    text-align: center;
	margin-top: 30px;
}
.sf-field-submit.odd input[type="submit"] {
    width: 100px;
    height: 40px;
    border-radius: 3px;
    background: #5293cc;
	border:none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.sf-field-submit.odd input[type="submit"]:hover {
	background: #3d6e99;
}

/* ----------------------------------------------------
キャラクター紹介
-----------------------------------------------------*/
.cast-box {
    padding: 10px 10px;
}
.cast-box .administrator {
    color: #123760;
    font-weight: bold;
    font-size: 16px;
	text-align:center;
}
.cast-box .admin-img {
	padding-left: 0;
}
.cast-box .admin-profile {
	padding-top: 5px;
	padding-left: 0;
	font-size: 12px;
}
.cast-box li {
	padding-left: 5px;
    line-height: 1;
    border-left: 5px solid #2d526f;
}
.cast-box .cast-name {
    font-size: 16px;
}
.cast-box .cast .cast-headshot, .cast-box .cast .cast-profile {
    margin-bottom: 20px;
    font-size: 12px;
}

hr.chara {
    position: relative;
    border: 0;
    text-align: center;
    height: 1.5em;
}
hr.chara:before {
	content: '';
	background: linear-gradient(to right, #00BCD4, #2a4d69, #00BCD4);
	position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
}
hr.chara:after {
	content: attr(data-content);
	position: relative;
    padding: 0 .5em;
	line-height: 1.5em;
    color: #0d99b2;
    background-color: #e0f0f4;
	font-size: 16px;
}

hr.chara2 {
	height: 20px;
    border: 0;
    box-shadow: 0 10px 10px -10px #607D8B inset;
}
/* ----------------------------------------------------
フッターリンク
-----------------------------------------------------*/
.footer_link {
    font-weight: 700;
    color: #fff;
}

/* ----------------------------------------------------
カテゴリーページコンテンツエリア
-----------------------------------------------------*/
.content-area.section-wrap {
    padding: 0 0 0 5px;
    background: none;
    color: #fff;
}
.content-area .alignleft {
    float: left;
	margin: 2em 1.2em 2em;
}
.other-inline {
    margin: 0;
    padding: 0;
}
.other-inline li {
    display: inline;
    margin-right: 5px;
    padding-right: 10px;
    border-right: 1px solid #FFF;
}
.other-inline a {
    color: #c0dae6;
}

.other-inline a:hover {
	color:#e4b948;
}

.cate-description {
    margin-left: 20px;
    padding-top: 1.5em;
    margin-bottom: -10px;
}

/* ----------------------------------------------------
メインコンテンツふち
-----------------------------------------------------*/
.main-conts .section-wrap {
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.3);
}

/* ----------------------------------------------------
404ページ
-----------------------------------------------------*/
.contents .search-box {
	text-align: left;
    margin: 0;
}
.contents .search-box input[type="text"] {
    width: 85%;
}
.float-area {
    color: #FFF;
}
.main-body .news-title a {
    color: #c0dae6;
}
.link-next a {
    color: #c0dae6;
}
.link-next a:hover {
    color: #e4b948;
}

/* ----------------------------------------------------
見出しサイズ
-----------------------------------------------------*/
.home .main-body h2, .archive h2.section-title, .search h2.section-title, .single .main-body h1 {
    font-size: 1.6em;
    font-weight: bold;
}
.single .main-body h2 {
    font-size: 1.4em;
}
.main-body h3 {
    font-size: 1.2em;
}

/* ----------------------------------------------------
公開日＆更新日アイコン
-----------------------------------------------------*/
i.fa.fa-calendar {
    padding-right: 3px;
}
i.fa.fa-refresh {
    padding-right: 3px;
}


/* ----------------------------------------------------
一覧ページSNS
-----------------------------------------------------*/
/* ulタグの内側余白を０にする */
ul.snsbtn{
	padding:0!important;
    margin-top: 0;
	float: right;
}
/* ボタン同士の余白 */
.snsbtn li{
	display: table-cell;
	text-align:center !important;
	padding-right: 7px;
}
.flowbtn{	
	display:inline-table;
	width:75px;
	transition:.4s;	
	text-decoration:none;
}
/* ボタン内テキストホバー時 */
.flowbtn:hover{
	color:#fff!important;
	text-decoration:none;
}
/* Twitter */
.flowbtn.fl_tw{
	border:solid 1px #55acee;
	color:#55acee;
}
/* Twitterホバー時 */
.flowbtn.fl_tw:hover{
	border:solid 1px #55acee;
	background:#55acee;
}

/* Facebook */
.flowbtn.fl_fb{
	border:solid 1px #3b5998;
	color:#3b5998;
}
/* Facebookホバー時 */
.flowbtn.fl_fb:hover{
	border:solid 1px #3b5998;
	background:#3b5998;
}

/* はてブ */
.flowbtn.fl_hb{
	border:solid 1px #1ba5dc;
	color:#1ba5dc;
}
/* はてブホバー時 */
.flowbtn.fl_hb:hover{
	border:solid 1px #1ba5dc;
	background:#1ba5dc;
}

/* ----------------------------------------------------
404ページソーシャルボタン非表示
-----------------------------------------------------*/
aside.sns-list {
    display: none;
}

/* ----------------------------------------------------
アイキャッチ画像拡大表示
-----------------------------------------------------*/
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover {
	filter: contrast(200%);
	transition-duration: 0.6s;
}