@charset "utf-8";
/*
Template Name: 青スタイルシート
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.banner {
	background: linear-gradient(125deg, #B4D1FC, #D2FCF4);
}
ul#eye_news .sub_new_img img,
#new-content ul#eye_news .sub_new_img img{
	background: linear-gradient(125deg, #B4D1FC, #D2FCF4);
	padding: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* アイコン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.fa-flag, .fa-folder-open, .fa-comment,
.mini_box li:after,
.mini_box ul.children li:after,
.mini_box ul.sub-menu li:after,
#side-right caption:before,
#side-left caption:before,
.c_c_t_w #wp-calendar caption:before,
.c_c_b_w #wp-calendar caption:before,
#footer .mini_box caption:before{
	color: #7AADF5;
}
#side-left li:after, #side-right li:after,
#side-left ul.children li:after,
#side-right ul.children li:after,
#side-left ul.sub-menu li:after,
#side-right ul.sub-menu li:after{
	color: #B4D1FC;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3 {
	font-size:22px;
	font-weight:bold;
	margin: 0 0 30px -20px;
	color: #FFFFFF;
	padding: 17px 10px 16px 30px;
	background: #7AADF5;
	border: none;
	line-height: 150%;
	clear: both;
}
.entry-title-page {
	font-size:16px;
	font-weight:bold;
	margin: 10px 0 0;
	padding: 12px 10px 5px 25px;
	border-top: none;
	clear: both;
}
.entry-title-page a {
	color: #000000;
	text-decoration: none;
}
.entry-title-page a:hover {
	color: #000000;
	text-decoration: none;
}
h4{
	font-size:20px;
	font-weight:bold;
	line-height: 140%;
	margin: 0 0 23px;
	position: relative;
	padding: 10px 5px 10px 0;
	border: none;
	border-top: 4px solid #7AADF5;
	border-bottom: 4px solid #7AADF5;
	clear: both;
}
h4.sitemap-cate-title{
	font-size:20px;
	font-weight:bold;
	line-height: 140%;
	margin: 0 0 23px;
	position: relative;
	padding: 10px 5px 6px 12px;
	border: none;
	border-left: 5px solid #7AADF5;
	border-bottom: 2px solid #7AADF5;
	clear: both;
}
h5 {
	font-size:18px;
	font-weight:bold;
	margin: 0 0 20px;
	padding: 3px 10px 7px 0;
	background-color: #FFFFFF;
	border-bottom: 2px solid #7AADF5;
	clear: both;
}
.entry-title,
#review h2.review-title, #tb,
#main h2, #main_mail h2{
	border-top: 5px #7AADF5 solid;
	text-decoration: none;
}
.entry-title a{
	color: #333333;
	text-decoration: none;
}
.title, .mini_box .title, #calendar_wrap caption,
#side-right caption, #side-left caption, #footer .mini_box caption{
	position: relative;
	padding-bottom: .5em;
	border-bottom: 1px solid #B4D1FC;
}
.title::after, #calendar_wrap caption::after,
.mini_box .title::after, #side-right caption::after, 
#side-left caption::after, #footer .mini_box caption::after{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 40%;
	height: 3px;
	background-color: #B4D1FC;
}
#new-content h3.infotitle, .c_c_t_w .entry-title,
.c_c_b_w .entry-title, #new-content .entry-title,
.comments_box h3, .c_c_t_w #calendar_wrap caption,
.c_c_b_w #calendar_wrap caption{
	position: relative;
	padding-bottom: .5em;
	border: none;
	border-bottom: 1px solid #B4D1FC;
}
#new-content h3.infotitle::after, .c_c_t_w .entry-title::after,
.c_c_b_w .entry-title::after, #new-content .entry-title::after,
.c_c_t_w #calendar_wrap caption::after, .c_c_b_w #calendar_wrap caption::after{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #B4D1FC;
}
.comments_box h3::after{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 33%;
	height: 4px;
	background-color: #B4D1FC;
}
#new-content h3.infotitle{
	color: #333333;
	background: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 続きを読む設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a.more-link {
	color: #333333;
	background: linear-gradient(125deg, #B4D1FC, #D2FCF4);
	backface-visibility: hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out; 
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
a.more-link:hover {
	color: #333333;
	background: #FFFFFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コメント */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3#comments, h3.comments {
	font-weight:bold;
	font-size:16px;
	margin: 40px 0 0;
	padding: 7px;
	background-image: none;
	background-color: #333333;
	border: 2px solid #1B4990;
	clear: both;
}
ol.commentlist li ul.children li li.alt,
ol.commentlist li ul.children li.depth-2, 
ol.commentlist li ul.children li.depth-3, 
ol.commentlist li ul.children li.depth-4,
ol.commentlist li ul.children li.depth-5,
ol.commentlist li ul.children li.depth-6{
	background: rgba(122,173,245,0.1);
	border: none;
}
#respond input#submit{
	-webkit-appearance: none;
	background-color: #7AADF5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main h2, #main_mail h2,
#review_in h2, 
#review_in h3, 
#killer h2 {
	border: none;
	color: #FFFFFF;
	background: #2D79E6 url(img/h2.png) top no-repeat;
	background-size: 100% 100%;
	text-shadow: 1px 1px 0 #2D79E6;
}
#killer h3 {
	color: #FFFFFF;
	margin: 0 0 30px;
	background: linear-gradient(#7AADF5,#2D79E6);
	text-shadow: 1px 1px 0 #2D79E6;
	border: none;
}
#killer h5 {
	background: #FFFFFF url(img/blue/kh5.png) 1px 8px no-repeat;
}
#review_in h4 {
	margin: 0 0 30px;
	border: none;
	background: linear-gradient(#7AADF5,#2D79E6);
}
#review_in h5 {
	border: 1px #EAE2DB solid;
	border-left: 8px solid #7AADF5;
	background: #FFF6ED;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
}
#mail_magazine h2{
	color: #FFFFFF;
	background: #72A2E7 url(img/kh2.png) no-repeat;
	background-size: 100% 100%;
}
#mail_magazine h3{
	color: #FFFFFF;
	background: linear-gradient(125deg, #2D79E6,#16DEE3);
	background-size: contain;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	text-shadow: 1px 1px 0 #2D79E6;
}
#mail_magazine h4, #killer h4{
	border-bottom: 5px solid #BBDBFA;
	border-top: 5px solid #BBDBFA;
}
#mail_magazine h5{
	background: url(img/blue/h5.png) left no-repeat;
}
@media screen and (max-width: 1100px) {
	h3, .entry-title, #review h2.review-title,
	#review_in h2, #review_in h3, #killer h2,
	#mail_magazine h2, #mail_magazine h3{
	font-size: 20px;}
	h4, #review_in h4, #killer h4, #mail_magazine h4{ font-size: 18px; }
	h5, #review_in h5, #killer h5, #mail_magazine h5 { font-size: 16px; }
}
@media screen and (max-width: 400px) {
	h3, .entry-title, #review h2.review-title,
	#review_in h2, #review_in h3, #killer h2,
	#mail_magazine h2, #mail_magazine h3{
	font-size: 18px;}
	h4, #review_in h4, #killer h4, #mail_magazine h4{ font-size: 18px; }
	h5, #review_in h5, #killer h5, #mail_magazine h5 { font-size: 16px; }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 関連記事設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.kanrenmenu_thumb ul li .keye {
	color: #333333;
	background: linear-gradient(125deg, #B4D1FC, #D2FCF4);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タグクラウド */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.tagcloud a{
	background: #7AADF5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページ分割ナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-pagenavi {
	margin: 0 0 10px;
	color: #555555;
	font-size: 12px;
	text-align: left;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em;
	text-decoration: none;
	border: 1px solid #8f9da6;
	color: #8f9da6;
}
.wp-pagenavi a:visited {
	border: 1px solid #8f9da6;
	color: #8f9da6;
}
.wp-pagenavi a:hover {
	text-decoration: underline;
	border: 1px solid #1B4990;
	color: #1B4990;
}
.wp-pagenavi span.pages {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em 0.25em 0.25em 0;
	border: 1px solid #DDDDDD;
}
.wp-pagenavi span.extend {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em;
	border: 1px solid #DDDDDD;
}
.wp-pagenavi span.current {
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 3px 10px;
	margin: 0.25em;
	background-color: #1B4990;
}
.tablenav .current{
	background: #B4D1FC;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 透過カラー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#footer, #s, #right_folder #s, #left_folder #s,
#searchsubmit, #searchsubmit:hover, #searchform a:link, #searchform a:hover{
	background: rgba(165,211,245,0.3);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* オプトイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.opt_blue{
	background: url(img/lovely.png), url(img/lovely.png), linear-gradient(125deg,#8FBDEE,#8EEAF0);
	background-position: top left, bottom right, center;
	background-repeat: no-repeat, no-repeat,  no-repeat;
}
.opt-in {
	box-shadow: 0 0 30px #D2FCF4 inset;
}
.ybox {	
	background:#8FCEEF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グラフ２ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.graph2 th{
	border-color: #B5D2FC;
	background: #B5D2FC;
}
table.graph2 td{
	border-color: #B5D2FC;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングa
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankinga-border{
	border-color: #B5D2FC;
}
.rankingvera .r1-title-no1 {
	background: url(img/ranking/aa-rank1.png) no-repeat;
	border-bottom:3px #B5D2FC solid;
}
.rankingvera .r1-title-no2 {
	background: url(img/ranking/aa-rank2.png) no-repeat;
	border-bottom:3px #B5D2FC solid;
}
.rankingvera .r1-title-no3 {
	background: url(img/ranking/aa-rank3.png) no-repeat;
	border-bottom:3px #B5D2FC solid;
}
.rankingvera .r1-title-no4 {
	background: url(img/ranking/aa-rank4.png) no-repeat;
	border-bottom:3px #B5D2FC solid;
}
.rankingvera .r1-title-no5 {
	background: url(img/ranking/aa-rank5.png) no-repeat;
	border-bottom:3px #B5D2FC solid;
}
.rankingvera .r-a-contents {
	background: rgba(181,210,252,0.3);
	border: 3px #B5D2FC solid;
}
.rankingvera p.catch {
	color: #111111;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングc
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankingverc .title-back {
	background: url(img/ranking/title-back-blue.png) repeat-y left center;
}
.rankingverc .seal{
	background: url(img/ranking/seal_blue.png) no-repeat center center;
}

/*--------------------------------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
//www.mithril-web.com/
----------------------------------------------------------------------------------*/