@charset "UTF-8";

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

/*
# =================================================================
# レイアウト
# =================================================================
*/

body{
	background-color: #F7F6EB; /*サイトの背景色*/
}

/*
# フッター
*/
.keni-footer_wrap{
	background: #0baad6;
	font-size: 1.4rem;
	line-height: 1.8em;
}

.widget_custom_html{
	background: transparent;
}


/*コピーライト*/
.keni-copyright_wrap{
	padding: 15px;
	margin: 20px 0 0;
	border-top: 1px solid #fff;
	text-align: center;
	color: #ffffff;
}

/*
# =================================================================
# エリアごとのデザイン
# =================================================================
*/

/*
# ヘッダー
*/

.keni-header_wrap{
	padding-top: 0;
	background-image: none;
	background-size: none;
	background-repeat: none;
	background-color: #fff; /*ヘッダーの背景色*/
}

/*
# サイト用ヘッダー
*/

@media (min-width : 768px){
	
.keni-site-header_wrap{
	background-color: #fde3d4; /*ヘッダーの背景色*/
}
	
	/*
	# 1カラムのレイアウト
	*/
	.col1 .keni-header_outer,
	.col1 .keni-site-header_outer,
	.col1 .keni-gnav_outer,
	.col1 .keni-mv_outer,
	.col1 .catch-area,
	.col1 .archive_title_wrap,
	.col1 .keni-breadcrumb-list_outer,
	.col1 .keni-footer_outer,
	.col1 .keni-copyright,
	.col1 .keni-section_wrap,
	.col1 .keni-sep-conts_outer,
	.col1 .keni-footer-panel_outer{
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
	}
	
}/*横幅768px以上*/

/*
# パン屑リスト
*/
@media (min-width : 480px){
.keni-breadcrumb-list_wrap{
	padding: 10px;
	border-top: none;
	border-bottom: none;
	background: none;
}

.keni-breadcrumb-list{
	padding: 0;
}

.keni-breadcrumb-list_inner{
	margin: 0;
	overflow: hidden;
}

.keni-breadcrumb-list li{
	display: inline-block;
	margin-bottom: 0;
	padding: 2px 0 ;
	font-size: 1.4rem;
	line-height: 1.2;
}

.keni-breadcrumb-list li:first-child::before,
.keni-breadcrumb-list li::after{
	display: inline-block;
	font-size: 14px;
}

.keni-breadcrumb-list li:first-child::before{
	margin-right: 5px;
	content: "\e910";
}

.keni-breadcrumb-list li::after{
	margin: 0 5px;
	content: "\e905";
}

.keni-breadcrumb-list li:last-child::after{
	content: none;
}

.keni-breadcrumb-list li a{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	background: #0BAAD6;
	border-radius: 20px;
	padding: 5px 10px;
}

.keni-breadcrumb-list li a:hover,
.keni-breadcrumb-list li a:active,
.keni-breadcrumb-list li a:focus{
	color: #00858a;
	text-decoration: underline;
	background: #ffffff;
}
}

@media (max-width : 480px){
	
	.keni-breadcrumb-list_wrap{
	padding: 10px;
	border-top: none;
	border-bottom: none;
	background: none;
	width: 100%;
}

.keni-breadcrumb-list{
	padding: 0;
}

.keni-breadcrumb-list_inner{
	margin: 0;
	overflow: auto;
	white-space: nowrap;
}
  
.keni-breadcrumb-list li{
	display: inline-block;
	margin-bottom: 0;
	padding: 2px 0 ;
	font-size: 1.2rem;
	line-height: 1.2;
}

.keni-breadcrumb-list li:first-child::before,
.keni-breadcrumb-list li::after{
	display: inline-block;
	font-size: 12px;
}

.keni-breadcrumb-list li:first-child::before{
	margin-right: 5px;
	content: "\e910";
}

.keni-breadcrumb-list li::after{
	margin: 0 5px;
	content: "\e905";
}

.keni-breadcrumb-list li:last-child::after{
	content: none;
}

.keni-breadcrumb-list li a{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	background: #0BAAD6;
	border-radius: 20px;
	padding: 5px 10px;
}

.keni-breadcrumb-list li a:hover,
.keni-breadcrumb-list li a:active,
.keni-breadcrumb-list li a:focus{
	color: #00858a;
	text-decoration: underline;
	background: #ffffff;
}
}

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
.kadomaru_box_item_left {
    width: 95% !important;
    margin: 2% 2.5% !important;
    padding: 3% !important;
    line-height: 1.9em;
}
}


/*
# =================================================================
# 見出しのデザイン
# =================================================================
*/

/*サブコンテンツの見出し*/
.keni-section .sub-section_title{
	line-height: 1.0;
	margin: 0 -20px 16px;
	padding: 10px;
	border: 0;
	outline: 0;
	background: #ffffff;
	border: 2px solid #0baad6;
	font-weight: bold;
	font-size: 1.6rem;
	color: #505050;
	border-radius: 15px;
	box-shadow: none;
}

.keni-main .keni-section .sub-section_title,
.keni-sub .widget > .keni-section .sub-section_title,
.keni-footer .widget > .keni-section .sub-section_title,
.keni-sub .widget > .keni-section .cast-box_sub_title,
.keni-footer .widget > .keni-section .cast-box_sub_title{
	margin-top: -20px;
}

.sub-section_title{
	margin-top: 0;
}


/*アーカイブタイトル*/
.archive_title{
	margin: 0 10px 20px;
	padding: 5px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#05a5ab 25%, #05a5ab 50%,
		#fff 50%, #fff 75%,
		#05a5ab 75%, #05a5ab
	);
	background-size: 4px 4px;
	background-repeat: repeat-y;
	background-color: transparent;
	font-size: 1.9rem;
    border-bottom: 1px solid #bfbfbf;

}


/*検索ボックス*/
.search-box{
	position: relative;
	max-width: 400px;
	padding: 1px;
	border: 2px solid #ddd;
	border-radius: 5px;
}

.btn-search{
	position: absolute;
	top: 0px;
	right: 5px;
	height: 40px;
	color: #fff;
	vertical-align: top;
	cursor: pointer;
}


/*
# SNSボタン
*/

/* snsボタンを白抜きデザインにする */
.sns-btn_wrap > div{
	border: none;
	background-color: transparent;
}
.sns-btn_wrap > .sns-btn_tw a{ /*Twitter*/
	background-color: #1da1f2;
	color: #ffffff;
	border-radius: 15px;
}
.sns-btn_wrap > .sns-btn_fb a{ /*Facebook*/
	background-color: #3b5998;
	color: #ffffff;
	border-radius: 15px;
}
.sns-btn_wrap > .sns-btn_hatena a{ /*はてなブックマーク*/
	background-color: #00a4de;
	color: #ffffff;
	border-radius: 15px;
}

.sns-thumbnail {margin: 0px auto; text-align: center;}


/*
# =================================================================
# フッター（カスタムHTML用）
# =================================================================
*/

.foot-content{width: 100%;}
.foot-content a{text-decoration: none;}
.foot-company {width: 100%;margin: 0 auto 2em auto;text-align: center;}
.foot-company p {padding: 0 5px 0;margin: 0;font-size: 1em;text-align: center;color: #ffffff;}
.foot-info{width: 47%;margin: 1.5%;float: left;}
.foot-link-label{
margin: 1em 0 1.5em;
padding: .5em 0;
font-size: 1.2em;
font-weight: bold;
text-align: center;
line-height: 1.4;
vertical-align: bottom;
color: #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
.foot-phone{font-size: 1.7em;color: #ffffff;text-align: center;}
.foot-bhours {font-size: 1.1em;margin: 1em 0;color: #ffffff;text-align: center;}
.foot-inquery a {
color: #0baad6;
display:block;
background-color: #ffffff;
text-align: center;
padding: 0.5em;
border-radius: 20px;
font-weight: bold;
margin: 1em 0;
}

.foot-inquery a:hover {color: #ffffff;background-color: #555555;}
.foot-nav {width: 100%;height: 14px;margin: 0 auto 30px auto;}
.foot-nav ul li {padding: 0 5px 0;border-right: 1px solid #ffffff;margin: 0;line-height: 14px;float: left;list-style: none;font-size: .8em;}
.foot-nav li a {color: #ffffff;}
.foot-nav li a:hover {text-decoration: underline;}

/*　　SNSアイコン　　*/
.footer-sns-btn {width: 100%;}
.footer-sns-btn ul{display: flex;justify-content: center; list-style: none; margin: 0 auto;}
.footer-sns-btn li{text-align: center;margin:0 .7em;}
.footer-sns-btn li a {
display: inline-block;
font-size: 20px; /* アイコンの大きさ */
width: 40px; /* ボタンの横の大きさ */
height: 40px; /* ボタンの縦の大きさ */
border-radius: 50%; /* 角を丸く */
text-decoration: none;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer-sns-btn span {line-height: 40px;}
a.twitter-icon {background: #ffffff;color: #55acee;}
a.twitter-icon:hover{background: #55acee;color: #ffffff;}
a.facebook-icon {background: #ffffff;color: #315096;}
a.facebook-icon:hover{background: #315096;color: #ffffff;}
a.instagram-icon {background: #ffffff;color: #c6529a;}
a.instagram-icon:hover{background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;color: #ffffff;}
a.youtube-icon {background: #ffffff;color: #d0111a;}
a.youtubek-icon:hover{background: #d0111a;color: #ffffff;}

@media only screen and (max-width : 736px){
.foot-info{width: 100%;margin: 0;float: left;}
.foot-phone{font-size: 2.1em;color: #ffffff;}
.foot-bhours {font-size: .9em;}
.foot-inquery a {
color: #0baad6;
display:block;
background-color: #ffffff;
text-align: center;
padding: 0.5em;
border-radius: 10px;
font-weight: bold;
margin: 1em;
}
.foot-nav {display: none;}
}


/*
# =================================================================
# おすすめカテゴリー（カスタムHTML用）
# =================================================================
*/

#recommend_category {
  list-style: none;
  display: block;
	width: 100%;
}
 
#recommend_category li {
  display: inline-block;
  text-align: center;
  background-color: #0baad6;
  height: 35px;
  line-height: 35px;
  margin-right: 5px;
  border-radius: 15px;
}
 
#recommend_category li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}


/*
# =================================================================
# 旧フードWordPressCSS
# =================================================================
*/



/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h2{border: 0px;border-left: #29ABE2 solid 5px; padding: .75em; padding-left:20px; background: #f5f5f5; font-weight: bold; margin: 30px -3% 20px -3%;}
.main-body h3{border: none;border-left: solid 4px #29ABE2 ; border-bottom: solid 1px #cfcfcf; padding: 5px; padding-left:15px; margin: 20px 0px; font-weight: bold; font-size: 1.4em;}
.main-body h5{border: 0px;border-left: solid 2px #29ABE2 ; margin: 10px 0px;padding: 0px 5px;padding-left:15px; font-weight: bold; font-size: 1.1em;}
.main-body h4{
	position: relative;
    border-left: none;
	 margin: 20px 0px;padding: 0px 5px;padding-left:15px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.2em;
}
.main-body h4::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 1px;
	background-color: #29ABE2 ;
}



/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body h2 a{
	color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
	color: #5077A2;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
    border: 0;
    border-bottom: 1px solid #29ABE2;
    padding: .75em;
    background: #ffffff;
    margin: 0 0 1em;
    font-size: 1.5em;
}

.col1 .main-body .archive-title{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title{
	line-height: 1.5;
	margin: .5em 0;
	border: none;
	background: transparent;
	color: #333;
	font-size: 1.6em;/*change:2.125emから2emに変更*/
	font-weight:bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:20px 0;
	position: relative;
}

html.col1 .section-wrap .section-title{
	line-height: 1.5;
	margin: 0 -80px 1em;
	border: none;
	background: transparent;
	color: #333;
	font-size: 2em;/*change:2.125emから2emに変更*/
	border-top: 3px solid #9d8c83;/*change:サイトカラーに変更*/
	border-bottom: 1px solid #ccc;
	padding:20px 80px;
	position: relative;
}

.main-body .section-title a{
	color: #333;
	text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	color: #5077A2;
	text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 0 20px;
	padding: 12px 0;
	font-weight: normal;
	font-size: 1.2em;
	border:none;
	color:#9d8c83;/*サイトカラーに変更*/
	border-bottom: 3px solid #9d8c83;/*サイトカラーに変更*/
}
.sub-conts .section-wrap .section-in .section-title:after,
.sub-conts .section-wrap .article-header .section-title:after{
	content:none;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/

/*最新情報*/
.news .news-date{
	color:#888;
}

.news-date{
	font-size:.8em;
}

.news h2 {
    border: 0;
    border-bottom: 1px solid #29ABE2;
    padding: .5em .75em;
    background: #ffffff;
    font-weight: bold;
    margin: 0 0 1em;
}

.news-item{
	padding:20px 10px;/*change:変更*/
	background: #ffffff;
    border-bottom: 1px solid #ccc;/*change:追加*/
}

.news .news-thumb{
	float: left;
	margin:0 15px 15px 0;
}

.news .news-thumb img{
	margin:0;
}

.news-item{
    position:relative;
}

.news-item .news-thumb a{
	display:block;
}
.main-body .news-title{
	margin: 0 0 12px ;
	padding: 0;
	border: none;
	background: none;
	font-weight: bold;
	font-size: 1.2em;
	line-height:1.5em;
    color: #555;
}
.main-body .news-title:after{
	content:none;
}

h3.news-title a {
    color: #444;
    text-decoration: none;
    font-weight: bold;
}

h3.news-title a:hover {
    color: #29abe2;
    text-decoration: underline;
}

.news-cat {
    position: absolute;
    top: 20px;
    left: 10px;
    margin: 0;
    padding: 0;
}

.news-cat span {
    margin: 0;
    font-size: .8em;
    padding: .2em .4em;
}

.news-cat a {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    text-indent: 1px!important;
}

.news .news-date,
.news .news-cat{
	display: inline-block;
}

.cat{
	display: inline-block;
    margin: .5em .2em .5em 0;
	padding: 0.1em 0.5em;
	border-bottom: none;
	color: #fff;
	font-size: 0.75em;
	word-break: break-all;
}

.cat:hover{
	background-color:#888 !important;
}

.cat a{
	display: inline-block;
	margin: -0.1em -1px;
	padding: 0.1em 0.5em;
	color: #fff;
	text-decoration: none;
}

.cat001{ background: #3E768A; }
.cat002{ background: #947863; }
.cat003{ background: #3E8A6A; }
.cat004{ background: #705D88; }
.cat005{ background: #606C7A; }

.news .news-cont{
	line-height: 1.5em;
    font-size: .9em;
    margin: 0 0 0.5em;
    color: #aaa;
}

p.post-pv {
    color: #555;
    padding: 0.5em;
    margin: 0;
    line-height: 1em;
    font-size: .9em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
}

.dl-style01 dd{
	padding-left: 35%;
	border-bottom: 1px solid #ccc;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style02{
	border-bottom:1px solid #666;
}
.dl-style02 dt{
	display: block;
	color: #222;
	border-top:1px solid #666;
}

.dl-style02 dd{
	background: #fafafa;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison th,
.table-comparison td{
	padding: 10px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #FF824B;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2;
}

/*カテゴリー*/
.category-list,
.sub-conts .widget_categories ul{
	margin-left: 0;
	padding-left: 0;
}

.category-list li,
.sub-conts .widget_categories li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 15px;
	background: url(./images/icon/icon-tag.png) left 6px no-repeat;
}

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

		.category-list li,
		.sub-conts .widget_categories li{
			background: url(./images/icon/icon-tag@2x.png) left 6px no-repeat;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

.category-list ul,
.sub-conts .widget_categories ul ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}
 
/*タグクラウド*/
.tagcloud a{
	margin-right: 10px;
	padding-left: 15px;
	background: url(./images/icon/icon-tag.png) left bottom no-repeat;
}

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

		.tagcloud a{
			background: url(./images/icon/icon-tag@2x.png) left bottom no-repeat;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

/*カレンダー*/
.calendar{
	background: #ffffff;
	font-size: 0.875em;
}

.calendar caption{
	font-weight: bold;
}

.calendar th,
.calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #333;
	text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}

/*バナーエリア*/
.banner-list{
	margin:20px 0 0;
}

.banner-list li{
	list-style: none;
	border:#ccc solid 1px;
	box-sizing:border-box;
}

.col1 .banner-list{
	text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
	margin-left: 0;
}

/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*ボタン*/
.btn{
	display: inline-block;
	padding: .3em 3em;
	border: 0 ;
	color: #444;
	text-decoration: none;
	border:3px solid #444;
	background:none;
}
.btn-area .btn {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

.btn:hover,
.btn:active,
.btn:focus{
	color:#fff;
	cursor: pointer;
}

.btn span{
	position:relative;
	padding-left:20px;
}
.btn span:after{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.btn span:after{
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 8px;
	height: 8px;
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn:hover span:after{ left:-.5em; border-color:#fff; }

.btn-green{
	border:3px solid #1EC69B;
	font-size: 1.25em;
	color:#1EC69B;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus{
	background: #1EC69B;
	cursor: pointer;
	color:#fff;
}

.btn-blue{
	border:3px solid #1A76BD;
	font-size: 1.25em;
	color:#1A76BD;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
	background: #1A76BD;
	cursor: pointer;
	color:#fff;
}
.btn-orange{
	border:3px solid #E3602D;
	font-size: 1.25em;
	color:#E3602D;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
	background: #E3602D;
	cursor: pointer;
	color:#fff;
}

.btn-red{
	border:3px solid #D74648;
	font-size: 1.25em;
	color:#D74648;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus{
	background: #D74648;
	cursor: pointer;
	color:#fff;
}

.btn-green span:after{ border-color:#1EC69B; }
.btn-blue span:after{ border-color:#1A76BD; }
.btn-orange span:after{ border-color:#E3602D; }
.btn-red span:after{ border-color:#D74648; }

.btn-form01{
	padding: .5em 3em;
	border:3px solid #222;
	font-size: 1.25em;
}

.btn-form02{
	padding: .5em 1em;
	border:3px solid #bbb;
	font-size: 1.25em;
	color:#bbb;
}

.btn-form02 span:after{
	left: -.2em;
	border-color: #bbb ;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus{
	border:3px solid #274A7D;
	background:#274A7D;
}

.btn-form02:hover,
.btn-form02:active,
.btn-form02:focus{
	border:3px solid #999;
	background:#999;
}


.btn-mail{
	padding:.5em 3.3em .5em 1.3em;
	border:3px solid #222;
	text-align:left;
}

.btn-mail:hover,
.btn-mail:active,
.btn-mail:focus{
	border:3px solid #274A7D;
	background:#274A7D;
}

.btn-mail span{
	padding-left: 0;
}

.btn-mail span:after{ right:-2em; left:auto; top: .3em; }
.btn-mail:hover span:after{ right:-2.5em; left:auto; }

.btn-detail{
	padding:.5em 3.3em .5em 1.3em;
	border:3px solid #444;
	margin-top:1em;
}

.btn-detail:hover,
.btn-detail:active,
.btn-detail:focus{
	border:3px solid #274A7D;
	background:#274A7D;
}

.btn-detail span{
	padding-left: 0;
}

.btn-detail span:after{ right:-1.5em; left:auto; top: .3em; }
.btn-detail:hover span:after{ right:-2em; left:auto; }

/*検索ボックス*/
.search-box{
	margin:0 auto 0;
	text-align:center;
}
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	padding-right: 4px;
	padding-left: 4px;
	border: none;
	background:#ffffff;
	border-radius: 0;
	color:#222;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: center;
	padding: 5px;
	border: 0;
	background: none;
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
	margin:0 !important;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

/*アイキャッチ*/
.eye-catch{
	float: left;
	margin-top: 0;
	margin-right: 1em;
}

.eye-catch img{
	margin: 0;
}


.post-date {
    margin-right: 1em;
	margin: 0;
    font-size: .9em;
    color: #aaa;
}

/*登場人物紹介１*/
.cast-box{
	padding: 30px 20px;
	background:#fff;
}

.cast-box .cast{
	position: relative;
	min-height: 100px;
	margin-top: 0;
	padding-left: 115px;
}

.cast-box .cast-name{
	font-weight: bold;
	font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 0;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
	margin-bottom: 0;
}

.cast-box .cast .cast-headshot{
	position: absolute;
	top: 0;
	left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast{
	position: relative;
	margin-bottom: 40px;
	padding-top: 210px;
}
.cast-box02 .cast:last-child{
	margin-bottom:0;
}

.cast-box02 .cast dd{
	padding-left: 0;
}

.cast-box02 .cast-name{
	font-weight: bold;
}

.cast-box02 .cast .cast-headshot{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.col1 .cast-box02 .cast{
	min-height: 210px;
	padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
	padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot{
	width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 0 0 2em;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 95%;
	min-height: 60px;
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #ffffff;
}

.bubble .bubble-in{
	border-color: #fff;
}

.talker{
	display: block;
	width: 15%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
    max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

/*吹き出し背景色：青（HTML版のみ）*/
.bubble-blue{
	border: none;
	background: #398DD7;
	color:#fff;
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
	border-right-color: #398DD7;
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
	border-left-color: #398DD7;
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
	border-bottom-color: #398DD7;
}

/*吹き出し背景色：緑（HTML版のみ）*/
.bubble-green{
	border: none;
	background: #38D1B0;
	color:#fff;
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
	border-right-color: #38D1B0;
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
	border-left-color: #38D1B0;
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
	border-bottom-color: #38D1B0;
}

/*吹き出し背景色：黄（HTML版のみ）*/
.bubble-yellow{
	border: none;
	background: #DCD503;
	color:#fff;
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
	border-right-color: #DCD503;
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
	border-left-color: #DCD503;
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
	border-bottom-color: #DCD503;
}

/*吹き出し背景色：オレンジ（HTML版のみ）*/
.bubble-orange{
	border: none;
	background: #f87047;
	color:#fff;
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
	border-right-color: #f87047;
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
	border-left-color: #f87047;
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
	border-bottom-color: #f87047;
}


/*吹き出し背景色：ピンク（HTML版のみ）*/
.bubble-pink{
	border: none;
	background: #f06292;
	color:#fff;
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
	border-right-color:#f06292;
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
	border-left-color: #f06292;
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
	border-bottom-color: #f06292;
}

/*吹き出し背景色：赤（HTML版のみ）*/
.bubble-red{
	border: none;
	background: #ef5350;
	color: #fff;
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
	border-right-color: #ef5350;
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
	border-left-color: #ef5350;
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
	border-bottom-color: #ef5350;
}

/*吹き出し背景色：黒（HTML版のみ）*/
.bubble-black{
	border: none;
	background: #555555;
	color: #fff;
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
	border-right-color: #555555;
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
	border-left-color: #555555;
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
	border-bottom-color: #555555;
}

/*ランキング*/
.main-body .ranking-list{
	margin-right: 0;
	margin-left: 0;
	margin-bottom:0;
}

.main-body .ranking-list li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 30px;
}

.ranking-list li{
    position: relative;
}

.main-body .main-conts .ranking-list li{
	padding: 15px;
	background: #fafafa;
	margin-bottom: 1em;
}

.main-body .ranking-list li:last-child{
	margin-bottom: 0;
}

.col1 .main-body .ranking-list li:last-child{
	margin-bottom: 30px;
}

.main-body .ranking-list li p{
	margin-bottom: 0;
	font-size: 0.8em;/*change:追加*/
	float: left;/*change:追加*/
	color:#aaa;
}

.main-body .rank-title{
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 0;
}
.main-body .rank-title:before{
	content:none;
}

h4.rank-title:after {
    background-color: #fff;/*change:追加*/
}

.rank-thumb{
	float: left;
	text-align: center;
}
.rank-thumb img{
	margin:0 0 .5em !important;
}
 .main-conts .rank-thumb{
	margin-bottom:0;
}


.sub-conts .ranking-list03 .rank-thumb img{
	width: 280px;/*change:100pxから280pxへ変更*/
	height: auto;
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
	float: none;
	text-align: center;
}

.rank-desc{
	overflow: hidden;
}

/*ランキング用の王冠アイコンのリスト*/
.ranking-list01 > li .rank-title{
	padding-left: 60px;
	margin-bottom:10px;
	padding-top:10px;
}

.ranking-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	
		.ranking-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat; }
		.ranking-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat; }
		.ranking-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat; }
		.ranking-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat; }
		.ranking-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat; }
		.ranking-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat; }
		.ranking-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat; }
		.ranking-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat; }
		.ranking-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat; }
		.ranking-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat; }
		.ranking-list01 .rank01 .rank-title,
		.ranking-list01 .rank02 .rank-title,
		.ranking-list01 .rank03 .rank-title,
		.ranking-list01 .rank04 .rank-title,
		.ranking-list01 .rank05 .rank-title,
		.ranking-list01 .rank06 .rank-title,
		.ranking-list01 .rank07 .rank-title,
		.ranking-list01 .rank08 .rank-title,
		.ranking-list01 .rank09 .rank-title,
		.ranking-list01 .rank10 .rank-title{
			-webkit-background-size: 48px;
			background-size: 48px;
		}
	}

/*ランキング用のメダルアイコンのリスト*/
.ranking-list02 > li .rank-title{
	padding-left: 60px;
	padding-bottom: 10px;
	padding-top:10px;
}

.ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat; }
		.ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat; }
		.ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat; }
		.ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat; }
		.ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat; }
		.ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat; }
		.ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat; }
		.ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat; }
		.ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat; }
		.ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat; }

		.ranking-list02 .rank01 .rank-title,
		.ranking-list02 .rank02 .rank-title,
		.ranking-list02 .rank03 .rank-title,
		.ranking-list02 .rank04 .rank-title,
		.ranking-list02 .rank05 .rank-title,
		.ranking-list02 .rank06 .rank-title,
		.ranking-list02 .rank07 .rank-title,
		.ranking-list02 .rank08 .rank-title,
		.ranking-list02 .rank09 .rank-title,
		.ranking-list02 .rank10 .rank-title{
			-webkit-background-size: 48px;
			background-size: 48px;
		}
	}

/*ランキング用のシンプルなリスト*/
.ranking-list03 > li .rank-title{
	padding: 5px 0 7px;
	padding-left: 58px;
	font-size: 1.25em;
	margin-bottom:.3em;
}

.sub-conts .ranking-list03 > li .rank-title{
	min-height: 30px;
	padding: 0;
	padding-left: 40px;
	font-size: 1em;/*1.25emから1emに変更*/
}

.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title{
	background:#fff;
}

.ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10.png) left top no-repeat; }

.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat; }
		.ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat; }
		.ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat; }
		.ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat; }
		.ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat; }
		.ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat; }
		.ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat; }
		.ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat; }
		.ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat; }
		.ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat; }

		.ranking-list03 .rank01 .rank-title,
		.ranking-list03 .rank02 .rank-title,
		.ranking-list03 .rank03 .rank-title,
		.ranking-list03 .rank04 .rank-title,
		.ranking-list03 .rank05 .rank-title,
		.ranking-list03 .rank06 .rank-title,
		.ranking-list03 .rank07 .rank-title,
		.ranking-list03 .rank08 .rank-title,
		.ranking-list03 .rank09 .rank-title,
		.ranking-list03 .rank10 .rank-title{
			-webkit-background-size: 48px;
			background-size: 48px;
		}

		.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat; }

		.sub-conts .ranking-list03 .rank01 .rank-title,
		.sub-conts .ranking-list03 .rank02 .rank-title,
		.sub-conts .ranking-list03 .rank03 .rank-title,
		.sub-conts .ranking-list03 .rank04 .rank-title,
		.sub-conts .ranking-list03 .rank05 .rank-title,
		.sub-conts .ranking-list03 .rank06 .rank-title,
		.sub-conts .ranking-list03 .rank07 .rank-title,
		.sub-conts .ranking-list03 .rank08 .rank-title,
		.sub-conts .ranking-list03 .rank09 .rank-title,
		.sub-conts .ranking-list03 .rank10 .rank-title{
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}

	}

/*ランキング用の画像＋ランキング番号のリスト*/
.ranking-list .on-image{
}

.ranking-list .on-image .rank-title{
	padding: 0!important;
	border: 0;
	background: none!important;
	font-size: 1.25em;
}

.ranking-list .on-image .rank-thumb{
	position: relative;
}

.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-01.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-02.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-03.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-04.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-05.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-06.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-07.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-08.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-09.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-10.png); }

.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-01.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-02.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-03.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-04.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-05.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-06.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-07.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-08.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-09.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-10.png); }

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

		.ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-01@2x.png); }
		.ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-02@2x.png); }
		.ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-03@2x.png); }
		.ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-04@2x.png); }
		.ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-05@2x.png); }
		.ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-06@2x.png); }
		.ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-07@2x.png); }
		.ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-08@2x.png); }
		.ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-09@2x.png); }
		.ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-10@2x.png); }

		.ranking-list03 > .rank01.on-image .rank-thumb:before,
		.ranking-list03 > .rank02.on-image .rank-thumb:before,
		.ranking-list03 > .rank03.on-image .rank-thumb:before,
		.ranking-list03 > .rank04.on-image .rank-thumb:before,
		.ranking-list03 > .rank05.on-image .rank-thumb:before,
		.ranking-list03 > .rank06.on-image .rank-thumb:before,
		.ranking-list03 > .rank07.on-image .rank-thumb:before,
		.ranking-list03 > .rank08.on-image .rank-thumb:before,
		.ranking-list03 > .rank09.on-image .rank-thumb:before,
		.ranking-list03 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-01@2x.png); }
		.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-02@2x.png); }
		.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-03@2x.png); }
		.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-04@2x.png); }
		.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-05@2x.png); }
		.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-06@2x.png); }
		.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-07@2x.png); }
		.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-08@2x.png); }
		.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-09@2x.png); }
		.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-10@2x.png); }

		.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*画像＋テキストのリスト（ランキング用）*/
.ranking-list04 .rank-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .ranking-list04 li{
	display: inline-block;
	margin-right: 20px;
}

.ranking-list04 .rank-box img{
	width: 100%;
}

.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list04 .on-image .rank-box .rank-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.ranking-list04 .on-image .rank-box a{
	color: #fff;
}

.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{
	color: #5077A2;
}

.ranking-list04 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-01.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-02.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-03.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-04.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-05.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-06.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-07.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-08.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-09.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-10.png); }

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

		.ranking-list04 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-01@2x.png); }
		.ranking-list04 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-02@2x.png); }
		.ranking-list04 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-03@2x.png); }
		.ranking-list04 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-04@2x.png); }
		.ranking-list04 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-05@2x.png); }
		.ranking-list04 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-06@2x.png); }
		.ranking-list04 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-07@2x.png); }
		.ranking-list04 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-08@2x.png); }
		.ranking-list04 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-09@2x.png); }
		.ranking-list04 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-10@2x.png); }

		.ranking-list04 > .rank01.on-image .rank-box:before,
		.ranking-list04 > .rank02.on-image .rank-box:before,
		.ranking-list04 > .rank03.on-image .rank-box:before,
		.ranking-list04 > .rank04.on-image .rank-box:before,
		.ranking-list04 > .rank05.on-image .rank-box:before,
		.ranking-list04 > .rank06.on-image .rank-box:before,
		.ranking-list04 > .rank07.on-image .rank-box:before,
		.ranking-list04 > .rank08.on-image .rank-box:before,
		.ranking-list04 > .rank09.on-image .rank-box:before,
		.ranking-list04 > .rank10.on-image .rank-box:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*背景画像＋テキストのリスト（ランキング用）*/
.ranking-list05 .rank-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .ranking-list05 li{
	display: inline-block;
	margin-right: 20px;
}

.ranking-list05 .rank-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 3em 1em 1em;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .ranking-list05 .rank-box a{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus,
html:not(:target) .ranking-list05 .rank-box a:hover{
	background-color: rgba(0,0,0,0);
}

.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list05 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-01.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-02.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-03.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-04.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-05.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-06.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-07.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-08.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-09.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-10.png); }

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

		.ranking-list05 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-01@2x.png); }
		.ranking-list05 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-02@2x.png); }
		.ranking-list05 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-03@2x.png); }
		.ranking-list05 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-04@2x.png); }
		.ranking-list05 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-05@2x.png); }
		.ranking-list05 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-06@2x.png); }
		.ranking-list05 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-07@2x.png); }
		.ranking-list05 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-08@2x.png); }
		.ranking-list05 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-09@2x.png); }
		.ranking-list05 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-10@2x.png); }

		.ranking-list05 > .rank01.on-image .rank-box:before,
		.ranking-list05 > .rank02.on-image .rank-box:before,
		.ranking-list05 > .rank03.on-image .rank-box:before,
		.ranking-list05 > .rank04.on-image .rank-box:before,
		.ranking-list05 > .rank05.on-image .rank-box:before,
		.ranking-list05 > .rank06.on-image .rank-box:before,
		.ranking-list05 > .rank07.on-image .rank-box:before,
		.ranking-list05 > .rank08.on-image .rank-box:before,
		.ranking-list05 > .rank09.on-image .rank-box:before,
		.ranking-list05 > .rank10.on-image .rank-box:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*順位の無しのリスト*/
.main-body .post-list01,
.main-body .post-list02{
	margin-right: 0;
	margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}

/*画像＋テキストのリスト*/
.post-list01 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .post-list01 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list01 .post-box img{
	width: 100%;
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.post-list01 .on-image .post-box .post-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list01 .on-image .post-box .post-text{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.post-list01 .on-image .post-box a{
	color: #fff;
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
	background-color: rgba(0,0,0,0);
}

/*背景画像＋テキストのリスト*/
.post-list02 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .post-list02 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list02 .post-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 1em;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list02 .post-box a{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus,
html:not(:target) .post-list02 .post-box a:hover,
html:not(:target) .post-list02 .post-box a:active,
html:not(:target) .post-list02 .post-box a:focus{
	background-color: rgba(0,0,0,0);
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
}

/*情報比較リスト*/
.review-table{
	width: auto;
	margin-top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.rank-thumb .review-table{
	width: 100%;
	margin-bottom: 0;
}

.review-table th,
.review-table td{
	line-height: 1.0;
	padding: 0.75em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #f1f1f1;
}

.review-table th{
	font-weight: normal;
}

.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
	padding-left: 105px;
	white-space: nowrap;
}

.star00{ background: url(./images/icon/icon-star00.png) left center no-repeat; }
.star05{ background: url(./images/icon/icon-star05.png) left center no-repeat; }
.star10{ background: url(./images/icon/icon-star10.png) left center no-repeat; }
.star15{ background: url(./images/icon/icon-star15.png) left center no-repeat; }
.star20{ background: url(./images/icon/icon-star20.png) left center no-repeat; }
.star25{ background: url(./images/icon/icon-star25.png) left center no-repeat; }
.star30{ background: url(./images/icon/icon-star30.png) left center no-repeat; }
.star35{ background: url(./images/icon/icon-star35.png) left center no-repeat; }
.star40{ background: url(./images/icon/icon-star40.png) left center no-repeat; }
.star45{ background: url(./images/icon/icon-star45.png) left center no-repeat; }
.star50{ background: url(./images/icon/icon-star50.png) left center no-repeat; }

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

		.star00{ background: url(./images/icon/icon-star00@2x.png) left center no-repeat; }
		.star05{ background: url(./images/icon/icon-star05@2x.png) left center no-repeat; }
		.star10{ background: url(./images/icon/icon-star10@2x.png) left center no-repeat; }
		.star15{ background: url(./images/icon/icon-star15@2x.png) left center no-repeat; }
		.star20{ background: url(./images/icon/icon-star20@2x.png) left center no-repeat; }
		.star25{ background: url(./images/icon/icon-star25@2x.png) left center no-repeat; }
		.star30{ background: url(./images/icon/icon-star30@2x.png) left center no-repeat; }
		.star35{ background: url(./images/icon/icon-star35@2x.png) left center no-repeat; }
		.star40{ background: url(./images/icon/icon-star40@2x.png) left center no-repeat; }
		.star45{ background: url(./images/icon/icon-star45@2x.png) left center no-repeat; }
		.star50{ background: url(./images/icon/icon-star50@2x.png) left center no-repeat; }

		.star00,
		.star05,
		.star10,
		.star15,
		.star20,
		.star25,
		.star30,
		.star35,
		.star40,
		.star45,
		.star50{
			-webkit-background-size: 97px 17px;
			background-size: 97px 17px;
		}

	}

.item-data{
	margin-bottom: 1em;
}

.item-data dl,
.item-data dt,
.item-data dd{
	margin: 0;
}

.item-data dt,
.item-data dd{
	display: inline-block;
}

.item-data dd{
	padding-left: 0;
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{
	overflow: visible;
}

.main-body .review-desc-title{
	overflow: hidden;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 0 0 14px;
	border: none;
	border-left: 4px solid #3B5D82;
	background: none;
	font-weight: normal;
	font-size: 1.125em;
}


/*情報比較用の王冠アイコン*/
.comparative-list01 > li .rank-title{
	padding-left: 60px;
}

.comparative-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	
		.comparative-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat; }
		.comparative-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat; }
		.comparative-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat; }
		.comparative-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat; }
		.comparative-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat; }
		.comparative-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat; }
		.comparative-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat; }
		.comparative-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat; }
		.comparative-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat; }
		.comparative-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat; }
		.comparative-list01 .rank01 .rank-title,
		.comparative-list01 .rank02 .rank-title,
		.comparative-list01 .rank03 .rank-title,
		.comparative-list01 .rank04 .rank-title,
		.comparative-list01 .rank05 .rank-title,
		.comparative-list01 .rank06 .rank-title,
		.comparative-list01 .rank07 .rank-title,
		.comparative-list01 .rank08 .rank-title,
		.comparative-list01 .rank09 .rank-title,
		.comparative-list01 .rank10 .rank-title{
			-webkit-background-size: 48px 40px;
			background-size: 48px 40px;
		}
	}

/*ランキング用のシンプルなリスト*/
.comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-01.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-02.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-03.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-04.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-05.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-06.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-07.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-08.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-09.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-10.png); }

.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-01.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-02.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-03.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-04.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-05.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-06.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-07.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-08.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-09.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-10.png); }

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

		.comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-01@2x.png); }
		.comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-02@2x.png); }
		.comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-03@2x.png); }
		.comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-04@2x.png); }
		.comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-05@2x.png); }
		.comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-06@2x.png); }
		.comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-07@2x.png); }
		.comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-08@2x.png); }
		.comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-09@2x.png); }
		.comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-10@2x.png); }

		.comparative-list02 > .rank01.on-image .rank-thumb:before,
		.comparative-list02 > .rank02.on-image .rank-thumb:before,
		.comparative-list02 > .rank03.on-image .rank-thumb:before,
		.comparative-list02 > .rank04.on-image .rank-thumb:before,
		.comparative-list02 > .rank05.on-image .rank-thumb:before,
		.comparative-list02 > .rank06.on-image .rank-thumb:before,
		.comparative-list02 > .rank07.on-image .rank-thumb:before,
		.comparative-list02 > .rank08.on-image .rank-thumb:before,
		.comparative-list02 > .rank09.on-image .rank-thumb:before,
		.comparative-list02 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-01@2x.png); }
		.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-02@2x.png); }
		.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-03@2x.png); }
		.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-04@2x.png); }
		.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-05@2x.png); }
		.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-06@2x.png); }
		.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-07@2x.png); }
		.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-08@2x.png); }
		.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-09@2x.png); }
		.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-10@2x.png); }

		.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}

/*チェックリスト*/
.check-list,
.check-list-l{
	margin-left: 0;
}

.check-list li,
.check-list-l li{
	list-style: none;	
}

.check-list li{
	margin-bottom: 1em;
	padding-left: 32px;
	background: url(./images/icon/icon-check-list.png) left 3px no-repeat;
}

.check-list-l li{
	margin-bottom: 2em;
	padding: 10px 0 10px 55px;
	background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat;
}

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

		.check-list li{
			background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.check-list-l li{
			background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

	}

/*Q&A*/
.qa-list dt{
	display: block;
	margin-bottom: 30px;
	padding: 10px 0 10px 65px;
	background: url(./images/icon/icon-q.png) left 3px no-repeat;
	font-size: 1.25em;
}

.qa-list dd{
	margin-left: 0;
	margin-bottom: 70px;
	padding: 10px 0 10px 65px;
	background: url(./images/icon/icon-a.png) left 3px no-repeat;
}

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

		.qa-list dt{
			background: url(./images/icon/icon-q@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

		.qa-list dd{
			background: url(./images/icon/icon-a@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 49px;
			background-size: 48px 49px;
		}

	}

/*フロー図*/
.flow-chart{
	margin-left: 0;
}

.flow-chart li{
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 60px;
	background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
}

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

		.flow-chart li{
			background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
			-webkit-background-size: 161px 40px;
			background-size: 161px 40px;
		}

	}

.flow-chart li.end,
.flow-chart li:last-child{
	padding-bottom: 0;
	background: none;
}

.flow-chart .process-box{
	padding: 30px;
	border:2px solid #444;
}

/*予告エリア*/
.info-box{
	padding: 10px;
	background: repeating-linear-gradient(-45deg, #f1f1f1, #f1f1f1 3px, #f1f1f1 0, #222 6px);
}
.info-box p{
	background:#fff;
	padding:10px 20px;
	margin:0;
}

.trailer-text{
	font-weight: bold;
	font-size: 1.25em;
}

.trailer-text-l{
	font-weight: bold;
	font-size: 1.5em;
}

/*関連記事*/
.related-thumb{
	overflow: hidden;
	width: 100%;
}

.related-thumb img{
	max-width: none;
}

.related-articles-thumbs01 ul{
	margin-left: 0;
}

.related-articles-thumbs01 li{
	list-style: none;
}

.related-articles-thumbs01 img{
	width: auto;
	max-height: 100px;
}

.related-articles-thumbs01 .related-thumb{
	float: left;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.related-articles-thumbs02 ul{
	overflow: hidden;
	margin-left: 0;
}

.related-articles-thumbs02 li{
	list-style: none;
	float: left;
	width: 30%;
	margin-left: 5%;
}

.related-articles-thumbs02 li:first-child{
	margin-left: 0;
}

.related-articles-thumbs02 img{
	width: auto;
	max-height: 160px;
}

/*目次*/
#keni_toc{
	display: block;
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
	padding: 25px;
	border: 2px solid #cccccc;
	font-size: 0.875em;
}

.keni-toc-title{
	font-size: 1.286em;
}

#keni_toc ol{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#keni_toc ol ol{
	margin-top: 0.5em;
}

#keni_toc ol ol li{
	list-style-type: circle;
}


/*お客様の声*/
.voice-box{
	padding: 30px;
	background: #fafafa;
}

.voice-content{
	overflow: hidden;
}

/*画像とテキストの組み合わせ*/
.col-onimage > .col{
	position: relative;
	overflow: hidden;
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage > .col .text-onimage{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage02 > .col .text-onimage{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	color: #fff;
}

.col-onimage02 > .col a .text-onimage{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover .text-onimage,
.col-onimage02 > .col a:active .text-onimage,
.col-onimage02 > .col a:focus .text-onimage{
	background-color: rgba(0,0,0,0);
}

/*ページ送り*/
.link-next {
    text-align: right;
    margin-right: 0;
    margin-bottom: 0;
    font-size: .95em;
    color: #29ABE2;
}

.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
	margin-bottom: 0;
}

.article-body_list{
    position: relative;
    padding: 1em 0;
    border-bottom: 1px solid #eee;
}

.article-body_list p{
color:#999;
}

.article-body_list a {
    color: #555;
    text-decoration:none;
}

.article-body_list a:hover {
    color: #29ABE2;
    text-decoration: underline;
}


.link-next a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.link-back a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat;
}

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

		.link-next a{
			background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.link-back a{
			background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 13px;
	border: 1px solid #222;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -13px;
	padding: 4px 13px;
	color: #222;
	text-decoration: none;
}

.current{
	background: #444;
	color: #fff;
}
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #274a7d;
	color: #fff;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

.page-nav-next{
	width:45%;
	float: right;
	padding-right: 13px;
	background: url(./images/icon/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev{
	width:45%;
	float: left;
	padding-left: 13px;
	background: url(./images/icon/icon-arw-prev.png) left center no-repeat;
}

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

		.page-nav-next{
			background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.page-nav-prev{
			background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}


/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
.single .article-body,
.page .article-body{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #aaa;
}

/*関連記事*/
.keni-relatedposts-list li p{
	overflow: hidden;
}

.keni-relatedposts-list li p a[target="_blank"]{
	padding: 3px;
	padding-right: 15px;
	background: url(./images/icon/icon-outbound-link.png) right center no-repeat;
}

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

		.keni-relatedposts-list li p a[target="_blank"]{
			background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}

.cont-nav{
	padding-top: 40px;
}

/*目次*/
.post-toc{
	margin-bottom: 40px;
	padding: 30px 20px;
	background: url(./images/common/bg-cast-box.png) #eeeeee;
}

/*コメント*/
.comment-form-author,
.comment-form-mail,
.comment-form-url{
	margin-bottom: 0;
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
	margin-bottom: 0;
}

.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter{
	display: block;
	float: none;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

.post-tag a{
	word-break: break-all;
}

/*コメント一覧*/
.commentlist,
.commentlist .children{
	margin-left: 0;
}

.commentlist li{
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 1em;
}

.commentlist li:first-child,
.commentlist ul li:first-child{
	padding-bottom: 1em !important;
}

.commentlist li:last-child,
.commentlist ul li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
}

.reply a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.commentlist .children{
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 40px;
	border-top: 1px solid #e8e8e8;
}

/*ウィジェット*/
.rsswidget img{
	vertical-align: baseline;
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

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

		.sub-conts .widget_recent_entries li,
		.sub-conts .widget_rss li,
		.sub-conts .widget_archive li,
		.sub-conts .widget_recent_comments li,
        .sub-conts .widget_nav_menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
	margin-top: 1em;
	margin-left: 10px;
}

.num-pv{
	font-size: 0.8em;
}

/* タグクラウドに枠線を付ける（＋フォントサイズ統一） */
.tagcloud a {
    font-size: 16px !important;
    color:#9d8c83 !important;
}


/*カレンダー*/
.calendar,
.calendar_wrap table{
	background: #ffffff;
	font-size: 0.875em;
}

.calendar caption,
.widget_calendar caption{
	font-weight: bold;
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td,
.widget_calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a,
.widget_calendar tfoot td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*ページ分割*/
.link-pages{
	margin-top: 2em;
	text-align: center;
	line-height: 1.2;
}

.link-pages span{
	display: inline-block;
	margin-left: 0;
}

.link-pages a,
.link-pages span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
	text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
	background: #c1c1c1;
	color: #fff;
}

.link-pages a span{
	display: inline;
	margin-right: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.link-pages .link-pages-cap{
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

/*キャプション*/
.wp-caption{
	max-width: 100%;
}

/*ギャラリー*/
.gallery,
.gallery-item{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery{
	margin-bottom: 1em;
}

.gallery-item{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
	margin: 1%;
}

.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }

.gallery-icon img{
	margin: 0 auto;
}

.gallery-caption{
	display: block;
	font-size: 0.875em;
}


/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}
	
/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #ffffff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
    background-color: rgba(255,255,255,0.7); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #3187F9!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #E1D902!important; }/*黄*/
.navy{ color: #004182!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #FF7173!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #11ee11!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #aaa!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #FFB334; }/*橙*/
.box-pink{ background-color: #ffbbdd; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }


/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*ポイントアイコンアイコン*/
.icon-point{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-point.png) left 3px no-repeat;
}

.icon-point-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-point-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-point{
			background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-point-l{
			background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*注意アイコン*/
.icon-caution{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-caution.png) left 3px no-repeat;
}

.icon-caution-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-caution-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-caution{
			background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-caution-l{
			background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*NEWアイコン*/
.icon-new{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-new.png) left 3px no-repeat;
}

.icon-new-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-new-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-new{
			background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-new-l{
			background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*初心者アイコン*/
.icon-wakaba{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-wakaba.png) left 3px no-repeat;
}

.icon-wakaba-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-wakaba-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-wakaba{
			background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-wakaba-l{
			background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*別ウインドウアイコン*/
.icon-blank{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-blank.png) left 3px no-repeat;
}

.icon-blank-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-blank-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-blank{
			background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-blank-l{
			background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印上アイコン*/
.icon-arrow-t{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat;
}

.icon-arrow-t-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-t{
			background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-t-l{
			background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印右アイコン*/
.icon-arrow-r{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat;
}

.icon-arrow-r-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-r{
			background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-r-l{
			background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印下アイコン*/
.icon-arrow-b{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat;
}

.icon-arrow-b-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-b{
			background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-b-l{
			background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印左アイコン*/
.icon-arrow-l{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat;
}

.icon-arrow-l-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-l{
			background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-l-l{
			background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ダウンロード用PDアイコン*/
.icon-dl{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-dl.png) left 3px no-repeat;
}

.icon-dl-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-dl-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-dl{
			background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-dl-l{
			background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*PDFアイコン*/
.icon-pdf{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-pdf.png) left 3px no-repeat;
}

.icon-pdf-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-pdf-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-pdf{
			background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-pdf-l{
			background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*Zipアイコン*/
.icon-zip{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-zip.png) left 3px no-repeat;
}


.icon-zip-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-zip-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-zip{
			background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-zip-l{
			background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*メールアイコン*/
.icon-mail{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-mail.png) left 3px no-repeat;
}

.icon-mail-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-mail-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-mail{
			background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-mail-l{
			background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ショッピングカートアイコン*/
.icon-cart{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-cart.png) left 3px no-repeat;
}

.icon-cart-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-cart-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-cart{
			background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-cart-l{
			background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*虫めがねアイコン*/
.icon-search{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-search.png) left 3px no-repeat;
}

.icon-search-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-search-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-search{
			background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-search-l{
			background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ホームアイコン*/
.icon-home{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-home.png) left 3px no-repeat;
}

.icon-home-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-home-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-home{
			background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-home-l{
			background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*フォルダアイコン*/
.icon-folder{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-folder.png) left 3px no-repeat;
}

.icon-folder-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-folder-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-folder{
			background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-folder-l{
			background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*時計アイコン*/
.icon-time{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-time.png) left 3px no-repeat;
}

.icon-time-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-time-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-time{
			background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-time-l{
			background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*カレンダーアイコン*/
.icon-calendar{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-calendar.png) left 3px no-repeat;
}


.icon-calendar-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-calendar-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-calendar{
			background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-calendar-l{
			background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*RSSアイコン*/
.icon-rss{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-rss.png) left 3px no-repeat;
}

.icon-rss-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-rss-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-rss{
			background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-rss-l{
			background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ビルアイコン*/
.icon-building{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-building.png) left 3px no-repeat;
}

.icon-building-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-building-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-building{
			background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-building-l{
			background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*マップアイコン*/
.icon-map{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-map.png) left 3px no-repeat;
}

.icon-map-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-map-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-map{
			background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-map-l{
			background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

.outbound{
	padding: 3px;
	padding-left: 15px;
	background: url(./images/icon/icon-outbound-link.png) left center no-repeat;
}

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

		.outbound{
			background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}



/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-11-24 17:01:02
----------------------------------------------------------------------*/
/*--------------------------------------------------------------
      移行分（ヘッダーPC）
--------------------------------------------------------------*/

#header_1{
	width:1130px;
	height:auto;
    margin: 25px auto 45px;
    padding: 0;
    border: none;
}

#header_rogo{
	display:block;
	width:450px;
	float:left;
	overflow:hidden;
}

#header_rogo h1 { font-size:15px; font-weight:normal; margin: 0;}

#header_rogo p{
	font-size:12px;	
	margin:0px 0 0 5px;
}

#header_op{
	display:block;
	width:369px;
	float:left;
	font-size:0;
}

#header_tel{
	display:block;
	width:300px;
	overflow:hidden;
	font-size:0;
	margin-bottom:20px;
}

#header_search{
	display:block;
	margin-top:4px;
	text-align:left;
}

li.header_list{
	display: inline-block;
	font-size:15px;
	color:#555555;
	background-image:url(http://uniformnext.co.jp/makeshop/food/top/arrow01.gif);
	background-repeat:no-repeat;
	padding:0 0 0 16px;
	margin:8px 10px 0 2px;
	letter-spacing:1px;
}


.header_list a{
    color:#555555;
    text-decoration:none;
}

.header_list a:hover{
    color:#981b20;
    text-decoration:none;
}

img.header_login{
	margin:0 6px 0 0;
}

.section-title2{
	line-height: 1.5;
	margin: 0 0 1em;
	border: none;
	background: #ffffff;
	color: #333;
	font-size: 1em;
	padding:20px 0;
}

/*--------------------------------------------------------------
      移行分（記事用CSS）
--------------------------------------------------------------*/

dt {
    padding: 6px 8px 6px 8px;
}

dd {
    padding: 8px 18px 12px 18px;
}

.header_content .h_group {width:350px;}
.add_box_pc{text-align: center;position:relative;}
ul.overfrlow_bottom_add{overflow: hidden;margin-left: 0 !important;list-style-type: none !important;}
ul.overfrlow_bottom_add li{padding: 0 !important;list-style-type: none !important;}
ul.overfrlow_bottom_add img{margin: 0 !important;}
table.post_table_box{border: none; margin: 10px;}
table.post_table_box tr{border: none;}
table.post_table_box th{border: none; color:#29ABE2; background: none; border-bottom: solid 1px #ccc; padding: 10px; text-align: left;}
table.post_table_box th span{ background:#29ABE2; color: #fff; padding: 5px; margin:10px;}
table.post_table_box td{border: none; height:100%;min-height:100%;}
table.post_table_box td.left_img_table_td{width: 35%; text-align: center; padding-bottom: 40px;height:100%;min-height:100%; vertical-align: top;}
table.post_table_box td.right_txt_table_td{padding: 25px 20px 30px 0; vertical-align: top;}

table.post_table_box_yoko{border: none; margin: 10px;}
table.post_table_box_yoko tr{border: none;}
table.post_table_box_yoko th{border: none; color:#29ABE2; background: none; border-bottom: solid 1px #ccc; padding: 10px; text-align: left;}
table.post_table_box_yoko th span{ background:#29ABE2; color: #fff; padding: 5px; margin:10px;}
table.post_table_box_yoko td{border: none; height:100%;min-height:100%;}
.entry-content h2{border: 0px;border-left: #29ABE2 solid 5px;padding: 20px;padding-left:20px;background: #f5f5f5;}
.entry-content h3{border: none;border-left: solid 4px #29ABE2;border-bottom: solid 1px #cfcfcf;padding: 5px;padding-left:15px; margin: 20px 0px;}
.entry-content h5{border: 0px;border-left: solid 2px #29ABE2; margin: 20px 0px;padding: 0px 5px;padding-left:15px;}
.entry-content h4{
	position: relative;
    border-left: none;
	 margin: 20px 0px;padding: 0px 5px;padding-left:15px;
	border-bottom: 1px solid #ccc;
}
.entry-content h4::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 1px;
	background-color: #29ABE2;
}
.entry-content h3.food_repo{border: 0px;border-left: solid 3px #29ABE2; margin: 20px 0px;padding: 0px 10px;}
div.post-box-001{position: relative; padding: 20px; background: #f2ffff; border: 1px #C6ECFC solid; margin-bottom: 1.5em;}
div.post-box-001 dl{border:none;}
div.post-box-001 dt{line-height: 200%; color: #29ABE2; border:none;background:none;border-bottom: solid 1px #cfcfcf; margin-bottom: 15px;}
div.post-box-001 dd{border: none; margin-bottom: 30px;}
div.post-box-001 span.step_span{ background:#29ABE2; padding:5px; margin-right:10px; color:#fff; padding: 5px 20px;}
div.post-box-001 span.code {position: absolute; display: inline-block; top: -10px; left: 10px; padding:9px; line-height: 1; font-size: 1em; background: #29abe2; color: #ffffff; font-weight: bold;}
div.post-box-001 h2{border: 0px;border-left: solid 3px #29ABE2; margin: 20px 0px;padding: 0px 10px;}
div.post-box-001 h3{border: 0px;border-left: solid 3px #29ABE2; margin: 20px 0px;padding: 0px 10px;}
.mame_top_midashi{
    position: relative;
    text-align: center;
    margin: 0 0 1.5em;
    padding: 0.8em;
    background: #7EBA03;
    color: #fff;
    font-size: 2.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
.mame_top_midashi:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #7EBA03;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}


.mame_top_midashi:h1{
    border-left: none !important;
}

.customers_id {
padding: 10px;
margin:10px 0 0 0;
border: 1px solid #dfdfdf;
background-color: #f4f4f4;
}

.customers_link {
padding: 10px;
margin:40px 0;
background-color: #29ABE2;
border-radius: 4px;
transition: none;
color:#fff;
text-align:center;
font-size:1.5em;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.customers_link:hover {
background-color: #40baed;
}

.customers_link a{
display: block;
padding-top: 8px;
width: 100%;
height: 100%;
color: #fff !important;
}

.tenpo_name {
font-size:1.2em;
font-weight: bold;
margin:0;
padding:0;
}

.shigoto_photo_p img {
margin: 0 0 1em  !important;
}

.shigoto_photo_p {
font-size: 10pt; 
padding: 0 0 1em 0 !important;
font-weight: bold;
color: #443219; 
background-color: #f2f2f2;
}

.shigoto_photo_p_tt {
font-size: 10pt; 
padding: 0 0 20px 0 !important;
font-weight: bold;
color: #443219; 
background-color: #f2f2f2;
width:70%;
}

.shigoto_photo_p span{ padding:0 0 0 .5em !important;}
.shigoto_photo_p_tt span{ padding:0 0 0 .5em !important;}

.shigoto_q {
font-weight: bold;
color: #971455;
}

.taidan_q {
font-weight: bold;
color: #263580;
}

body{letter-spacing:1px;}

h1.single-title{text-align: left !important;} 
.single-article{line-height: 2 !important;}
.entry{font-size: 16px !important;}
#header_content{color: #363636;}
#header_container{background-color: #fff;}
.header_content .h_group h2{font-size: 12px; padding-top:5px;}
#global_menu_wrapper .fix{opacity: 0.9 !important;}
#global_menu_wrapper .loop-section{opacity: 1 !important;}


#global_menu{position:relative !important;}
#global_menu{position:relative !important;}
.widget-post-thumb{width: 150px !important; height: 80px;}
h4.excerpt_title_wid{font-size: 14px;}
.recent_entries li{padding: 15px 0;}
.rank_label.thumb:before{border-width: 40px 40px 0 0;}
.rank_label.thumb{font-size: 15px;}
.side_bottom_br{text-align: left;}
span.fglay90{font-size:90%; color:#888;}
span.f120{font-size:120%;}
span.f140{font-size:140%;}
span.f160{font-size:160%;}
span.f200{font-size:200%;}
span.f250{font-size:250%;}
span.red_font{font-weight:bold;color:#e70718;}
span.pink_font{font-weight:bold;color:#fe66c3;}
span.orange_font{font-weight:bold;color:#ff7316;}
span.water_font{font-weight:bold;color:#1c9ffa;}
span.green_font{font-weight:bold;color:#57b432;}
span.navy_font{font-weight:bold;color:#101649;}
.kadomaru_box_item2 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 6px; border: 1px solid;border-color: #29ABE2;background-color: #fff;width: 315px; height: auto;  float:left;  padding: 2%;  margin:3% 1%; font-size: 9pt; display:block;}
img.shokai_photo {max-width: 30% !important; align: left;}
.shokai_waku {width: 95%; height:auto; padding:2%;margin:2%;border:1px solid #dfdfdf;background-color: #f7f7f7;}
table.shokai_box td{border: none; background: #f7f7f7; border-bottom: solid 1px #dfdfdf; border-top: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; border-left: solid 0px; line-height: 150%; width: 518px;}
table.shokai_box th{border: none; background: #f7f7f7; border-top: solid 1px #dfdfdf;  border-bottom: solid 1px #dfdfdf; border-left: solid 1px #dfdfdf; border-right: solid 0px; padding: 10px; vertical-align:top;}
table.shokai_box2 { border: 0;}
table.shokai_box2 td{border: none; background: #ffffff; border:0px !important; line-height: 150%; width: 518px; margin:0;}
table.shokai_box2 th{background: #ffffff; border:0px !important; padding: 0px; vertical-align:top}
.kadomaru_box_item_yoko {border-radius: 6px;  border: 1px solid;  border-color: #29ABE2;  background-color: #fff; width: 94.6%; height: auto; padding: 2%; margin:.5%;  font-size: 10pt;  display: block;}
.kadomaru_box_item_left  {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 6px; border: 1px solid; border-color: #29ABE2; background-color: #fff; width: 47.5%; height: auto;  float:left;  padding: 2%; margin:1%; font-size: 10pt; display:block;}
.kadomaru_box_item_left a  {text-decoration: none !important;}
.kadomaru_box_item_waku {width:100%; padding:0; margin:0;}
.kadomaru_box_item_waku img {width:100%;}
.kadomaru_box_item_all {max-width:95% !important; padding: 2%; display: block; }
.kadomaru_box_item {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 6px; border: 1px solid;border-color: #29ABE2;background-color: #fff; width: 100%; height: 100%; padding: 3%;  margin:0; font-size: 9pt; display:block;}
table.saiyo_box {width:100%; height:100%;}
table.saiyo_box td {height:100%;}
tabl.saiyo_box td div {height:100%;}
.waku_section { border: #29ABE2 dashed 1px; border-top: #29ABE2 solid 3px; border-bottom: #29ABE2 solid 3px; background: #ffffff; box-sizing:border-box; padding:10px 10px 0; margin: 20px 0;}
.mds_690section {border: none; color:#29ABE2; background: none; border-bottom: solid 1px #ccc; padding: 10px; font-weight:bold;}
.mds_690section span{ background:#29ABE2; color: #fff; padding: 5px; margin:10px;}
.post_box {border: none; margin: 10px;}

.content{width:780px !important;}
.sidebar.first{width:350px;}
.loop-section.magazine .loop-article{max-width:100%;}
.tagcloud a,.tagcloud a:visited{color:#fff;}
.tagcloud a:hover{color:#383838;}
.cat-item a:hover,.recent_entries a:hover{color:#0066cc;}
th.items_table_01{min-width:30%;}

.cfix:before,
.cfix:after {content: " ";display: table;}
.cfix:after {clear: both;}
.cfix {*zoom: 1;}

table.bunkatu2_table_box {
	border: none;
	margin:0 !important;
    width:100%;
    border-collapse:separate;
    border-spacing:30px 0 !important;
}
table.bunkatu2_table_box th span {
	background:#29ABE2;
	color: #fff;
	padding: 5px;
	margin:10px 5px!important;
}
table.bunkatu2_table_box th{
	border: none;
	color:#29ABE2;
	background: none;
    padding:10px 0!important;
    vertical-align:baseline;
    width:50%;
}
table.bunkatu2_table_box td{
	border: none;
	height:100%;
	min-height:100%;
    vertical-align:baseline;
    margin:0 !important;
    padding:0;
    width:50%;
}

table.bunkatu2_table_box td img{
    margin:0 !important;
    max-width:100%;
}

td.bunkatu2_text{
    font-size:14px;
    padding:5px 0 30px 0 !important;
}

.writer_name {
	font-size:15px;
	color:#333;
    padding:0 !important;
    margin:5px;
}

.itemname_box {
    background:#FFF;
    padding:15px;
    border:2px solid #29ABE2;
    border-radius:5px;
    width:95%;
}

.itemname_box p {
  position: relative;
  padding:0 0 0 15px;
}
.itemname_box p:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #29ABE2;
}

.itemname_box span {
    background:#A40000;
    padding:2px;
    color:#FFF;
    font-size:12px;
    margin-left:5px;
}

table.merit_demerit {width: 85%;}
table.merit_demerit th {text-align: center;}
table.merit_demerit td {text-align: center;}
.businessman_back{padding: 10px; margin: 30px 0 10px; border: 1px solid #dfdfdf; background-color: #e7f8ff; position:relative;}
.businessman_back:before{
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    content: "プチ情報";
    position: absolute;
    top: -25px;
    left: -1px;
    width: 150px;
    padding: 0 0 .5em .5em;
    height: 0;
    border-width: 0 10px 20px 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #29ABE2;
}
.businessman_back p {font-size:15px; font-weight:600; margin:0; padding:0;}
.businessman_back span {font-size:12px; font-weight:500;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); 
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.color_lab_info{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    font-size:15px;
}

.mame_question {
    margin:0;
    padding: 0;
    max-width: 740px;/*最大幅*/
}

.mame_question label {
    display: block;
    background-color: #29ABE2;
    text-align: center;
    padding: .5em;
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    margin:0;
    cursor :pointer;
    transition: all 0.3s;
}

.mame_question label:hover {
    background :#58bfeb;
}

.mame_question input {
    display: none;
}

.mame_question .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 10px;
    background: #f5f5f5;
    opacity: 1;
}


.margin0 {
    margin:0 !important;
}

.white_box {
padding: 12px;
margin:6px 0 0 0;
border: 1px solid #dfdfdf;
background-color: #fff;
}

.water_btn  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	background-color: #FF9900;
	width: auto;
	height: auto;
	padding: 2%;
	margin:3% 2%;
	font-size: 12pt;
    color: #fff;
    text-align : center;
	display:block;
}

.water_btn:hover  {
	background-color: #aaa;
	transition: 0.3s;
}

.shokai_box3 {
    position: relative;
    margin: auto;
    padding: 25px 10px 7px;
    border: solid 1px #FFC107;
    width:95%;
}
.shokai_box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    padding: 0 9px;
    height: auto;
    width: auto;
    line-height: 25px;
    vertical-align: middle;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
    border: solid 0px;
    text-align:center;
}

.fuki_mds {
  position: relative;
  padding: 0.6em;
  background: #29ABE2;
  color:#fff;
}

.fuki_mds:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #29ABE2;
width: 0;
height: 0;
}

.img_mt20{
    margin:20px 0 5px 0 !important;
}

.harf_box.harf_box2 {
    width:100%;
    padding:0;
    margin-bottom:15px;
    display: block;
    clear:both;
	overflow:hidden;
}

.harf_box.harf_box2 img {
    float: left;
    margin-right: 1%;
}

.harf_box p{
    padding: 0;
}

.harf_box2 p{
    padding: 0;
	clear: both;
}

.harf_box span{
    color:#ffffff;
    background-color:#29ABE2;
    padding:1%;
}

.harf_box_mds {
    font-size:130%;
    font-weight:bold;
    padding-bottom:1%;
    margin:4% 0 0;
    border-bottom:1px solid #CCCCCC;
	clear:both;
}

.harf_box_mds span {
    color:#ffffff;
    background-color:#29ABE2;
    padding:.2% .5%;
    margin:0;
}

.harf_point_box {
    width:50%;
    padding:1%;
    box-sizing: border-box;
    float:left;
}

.harf_point_box p{
    font-size: -1%;
}

.harf_contents {
    float: left;
    width: auto;
    margin: 1% 2% 0 0;
}

.pulldown_box {
    margin:0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

.pulldown_box label {
    display: block;
    background-color: #29ABE2;
    text-align: center;
    padding: .5em;
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    margin:0;
    cursor :pointer;
    transition: all 0.3s;
}

.pulldown_box label:hover {
    background :#58bfeb;
}

.pulldown_box input {
    display: none;
}

.pulldown_box .accshow_w {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
    background-color:#ffffff;
}

.pulldown_box .accshow_w p{
	margin:20px 0 !important;
    padding: 0 !important;
	line-height:1.5em;
}

.cssacc:checked + .accshow_w {
    height: auto;
    padding: 10px;
    background: #ffffff;
    opacity: 1;
}

table.size_hyou {
    max-width:100%;
    box-sizing: border-box;
    margin:0;
    padding:0;
    text-align:center;
}

table.size_hyou th{
    box-sizing: border-box;
    text-align:center;
    font-size:80%;
}
    
table.size_hyou td{
    box-sizing: border-box;
    margin:0;
    padding:1.2%;
    font-size:80%;
    text-align:center;
}

.fuki_comment{
	position:relative;
    display:block;
	width:100%;
}

.fuki_comment img{
	position:absolute;
    width:20%;
	top:-10px;
	left:1%;
}

.fuki_comment_text{
	position:relative;
	padding:2%;
    font-size:90%;
	background-color: #E8F2F4;
	border-radius: 2px;
	line-height:1.5em;
	margin-left:23%;
	margin-right:2%;
}

.fuki_comment_text:before,
.fuki_comment_text:after{
	position: absolute;
  right: 100%;
  top: 45%;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}

.fuki_comment_text:before {
  border-right: 13px solid #E8F2F4;
}
.fuki_comment_text::after {
	margin-right:-2px;
  border-right: 13px solid #E8F2F4;
}

	.single_cate_more{
		width: 100%;
	}
	.single_cate_more ul{
		width: 100%;
		margin: 0 0 1em;
	}
	.single_cate_more li{
    width: 31%;
    height: auto;
    position: relative;
    list-style: none;
    padding: 1%;
    margin: 0;
    float: left;
    font-size: 1em;
    line-height: 1.5;
	}

	.single_cate_more img{
		width: 100%;
		height: auto;
	}
	
	.single_cate_more a:hover{

}

.single_cate_rank{
width: 100%;
}
.single_cate_rank ol{
counter-reset:number;
list-style:none; 
margin:0;
padding:0;
}

.single_cate_rank li {
    width: 98%;
    height: auto;
    position: relative;
    list-style: none;
    padding: 1%;
    margin: 1% 0;
    float: left;
    line-height: 1.5;
}

.popular_thumbnail:before {
    counter-increment: number;
    content: counter(number);
    background-color: #29abe2;
    padding: 0;
    position: absolute;
    font-size: 1.5em;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
}


.single_cate_rank a:hover{
}
	
.popular_thumbnail {
    width: 35%;
    float:left;
}

.popular_thumbnail img {
    margin:0;
}

.popular_entrytitle {
    width: 65%;
    margin: 0;
    float:left;
}

.popular_entrytitle h5 {
    font-size: 1.1em;
    margin: 0;
    padding: 0 0 .5em;
    font-weight: 600;
    color: #555;
    border: none;
}

.popular_entrytitle p {
    font-size: .9em;
    color: #aaa;
    float:right;
}

/*--------------------------------------------------------------
      トップページCSS
--------------------------------------------------------------*/

.top_category_list a {
    color: #555;
    text-decoration:none;
}

.top_category_list a:hover {
    color: #29ABE2;
    text-decoration: underline;
}

.top_category_list {
    width: 307px;
    height: 360px;
    padding: 20px;
    float: left;
    position: relative;
    margin: 11px;
    background-color: #f9f9f9;
}

.top_category_list h3 {
    color: #555;
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.5em;
    font-size: 1.1em;
}

.top_category_list p {
    color: #888;
    margin: .2em 0;
    padding: 0;
    font-size: .8em;
    line-height: 1.5;
    float:right;
}

.top_category_list_img {
    height: 190px;
    overflow: hidden;
}
	
.top_category_list img{
	max-width: 100%;
	height: auto;
}

.top_news_list h2{
    border:0;
    border-bottom:1px solid #29ABE2;
    padding: .5em .75em;
    background: #ffffff;
    font-weight: bold;
    margin:0 0 1em;
}

.top_category_box{
    margin-bottom:30px;
}


.top_category_box h2{
    border:0;
    border-bottom:1px solid #29ABE2;
    padding:.5em .75em;
    background: #ffffff;
    font-weight: bold;
    margin:0 0 1em;
}

.cfix:before,
.cfix:after {content: " ";display: table;}
.cfix:after {clear: both;}
.cfix {*zoom: 1;}

@media only screen and (min-width:760px){
    #a01,#a02,#a03,#a04,#a05,#a06,#a07,#a08,#a09,#a10,#saiyou,#rank1,#rank2,#rank3,#size_jacket,#size_shirt,#size_skirt,#size_pants,#size_onepiece,#size_workjk,#size_workpants,#size_worktsunagi,#size_other,#nude_size_ld,#nude_size_men{
       position: relative;
       top: -80px;
       display: block;
    }
}

/*--------------------------------------------------------------
      記事内：吹き出し用
--------------------------------------------------------------*/

.staff_comment {
    width: 100%;
    margin:0;
	display: inline-table;
}

.staff_comment .faceicon img{
	float: left;
    height: auto;
    background: #F7F6EB;
    border-radius: 50%;
	max-width: 120px;
}

.says-left {
    position: relative;
    display: block;
    margin: 0 0 2% 0;
    padding: 13px;
    border-radius: 12px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    width: 80%;
    float: right;
    font-size: 16px;
    background: #ffffff;
    border: solid 2px #c3c3c3;
    box-shadow: 3px 5px 2px #e0e0e0;
    box-sizing: border-box;
}

.says-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #ffffff;
 	z-index: 2;
}

.says-left:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #c3c3c3;
 	z-index: 1;
}

.says-left p {
	margin: 0;
	padding: 0;
    color: #000000;
}

/*左*/
.faceicon_left {
    float: left;
    margin-bottom: 1%;
    width: 15%;
}
.faceicon_left img {
    width: 100%;
    height: auto;
    background: #F7F6EB;
    border-radius: 50%;
    margin: 0;
}
.chatting_left {
    width: 100%;
}
.says_left {
    position: relative;
    display: block;
    margin: 0 0 2% 0;
    padding: 13px;
    border-radius: 12px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    width: 80%;
    float: right;
    font-size: 16px;
    background: #ffffff;
    border: solid 2px #c3c3c3;
    box-sizing: border-box;
}
.says_left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #ffffff;
    z-index: 2;
}
.says_left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #c3c3c3;
    z-index: 1;
}

/*右*/
.faceicon_right {
    float: right;
    margin-bottom: 1%;
    width: 15%;
}
.faceicon_right img {
    width: 100%;
    height: auto;
    background: #F7F6EB;
    border-radius: 50%;
    margin: 0;
}
.chatting_right {
    width: 100%;
}
.says_right {
    position: relative;
    display: block;
    margin: 0 0 2% 0;
    padding: 13px;
    border-radius: 12px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    width: 80%;
    float: left;
    font-size: 16px;
    background: #ffffff;
    border: solid 2px #c3c3c3;
    box-sizing: border-box;
}
.says_right:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #ffffff;
    z-index: 2;
}
.says_right:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #c3c3c3;
    z-index: 1;
}

.faceicon_right p,.faceicon_left p {
    font-size: .8em;
    text-align:center;
}

@media screen and (max-width: 480px) {

.staff_comment {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.says_left:before,.says-left:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 46%;
    margin-top: 0;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
}

.says_left:after,.says-left:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-top: 0;
    border: 15px solid transparent;
    border-top: 15px solid #c3c3c3;
    z-index: 1;
}
.says_right:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 46%;
    margin-top: 0;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
}

.says_right:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 45%;
    margin-top: 0;
    border: 15px solid transparent;
    border-top: 15px solid #c3c3c3;
    z-index: 1;
}
.says_left,.says_right {
    width:100%;
}
.faceicon_left,.faceicon_right {
	width:30%;
}
}
/*--------------------------------------------------------------
      記事シャツの選び方：目次用
--------------------------------------------------------------*/

.mkj {
    background: #ffffff;
    padding: 0;
    border: solid 5px #29ABE2;
    margin-bottom: 2em;
	width: 95%;
	margin: 10% auto 0;
	border-radius: 30px;
}

.mkj h2 {
    padding: .3em;
    margin: 2em 0 0 !important;
    border: 0;
    font-size: 25px;
    text-align: center;
    color: #ffffff;
}

.shirt_img{
	position: relative;
	width:100%;
}

.mkj_shirt_eri{
	position: absolute;
    top: -83px;
    left: 250px;
	margin: 0;
}

.mkj a {
    color: #4e4e4e;
    padding: 0;
    display: block;
    text-decoration:underline;
    text-decoration-color: currentcolor;
    line-height: 1.5;
}
.mkj a:hover {
    color: #29ABE2;
}
.mkj ol {
    list-style: decimal;
    color: #29ABE2;
    margin: 2% 5%;
    padding:0 0 0 8%;
}
.mkj ol li {
	font-weight: bold;
    font-size: 20px;
}
	
.mkj ul {
  padding:.5em 0 1.5em 1.5em;
  position: relative;
  margin: 0;
}

.mkj ul li {
	font-weight:normal;
	line-height: 1.5;
	padding: .5em 0;
	margin: 0;
	list-style-type: none!important;
	font-size: 16px;
}

.mkj ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f0da";/*アイコンの種類*/
  position: absolute;
  left : .5em;/*左端からのアイコンまでの距離*/
  color: #29ABE2;/*アイコン色*/
}

.col2_l40_r60{
	width: 100%;
	margin:10px 0 20px;
}

.col2_l40_r60 img{
    float: left;
    width: 40%;
    padding: 0;
    margin: 0;
}

.col2_l40_r60 p{
	float: right;
	width: 56%;
	padding:0 2%;
	margin: 0;
    line-height: 1.8;
	vertical-align: top;
}

.col2_l30_r70{
	width: 100%;
	margin:5px 0 10px;
}

.col2_l30_r70 img{
    float: left;
    width: 30%;
    padding: 0;
    margin: 0;
    max-width: 220px !important;
}

.col2_l30_r70 p{
	float: right;
	width: 66%;
	padding:0 2%;
	margin: 0;
    line-height: 1.8;
	vertical-align: top;
}

.col2_l60_r40{
	width: 100%;
	margin:5px 0 10px;
}

.col2_l60_r40 img{
    float: right;
    width: 40%;
    padding: 0;
    margin: 0;
}

.col2_l60_r40 p{
	float: left;
	width: 56%;
	padding:0 2%;
	margin: 0;
    line-height: 1.9;
	vertical-align: top;
}
.conl2_item {
    width: 88%;
    padding: 3%;
    margin: 0 3% 7%;
    float: left;
    box-shadow: 1px 1px 6px #ddd;
}

.conl2_item img {
    width: 76%;
    margin: 2% 12%;
}
.conl2_item p{
	font-size: 16px;
}
.conl2_item a{
	display: block;
	font-weight: 600;
    font-size: 18px;
}
.k_kakaku_img{
    width: 100% !important;
    max-width: 140px !important;
    margin: 0 !important;
}
.point_comment{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #f2ffff;
    border: 1px #C6ECFC solid;
    margin: .5em 0 0;
}

.point_comment a{
	float: right;
    font-size: 16px;
	font-weight: 400;
}


/*コーディネート紹介*/
table.recommend_style_table_box {
	border: none;
	margin:0 !important;
    width:100%;
    border-collapse:separate;
    border-spacing:30px 0 !important;
}

table.recommend_style_table_box td{
	border: none;
	vertical-align: top;
    margin:0 !important;
    padding:0;
    width:50%;
}

table.recommend_style_table_box td img{
    margin:0 !important;
    max-width:100%;
}

table.recommend_style_table_box p{
	font-size:15px;
    padding:5px 0 30px 0 !important;
}


/*左または右に寄せて配置*/
.float_l{float:left;}/*指定した要素を左に寄せ、後に続く内容はその右側に回り込みます。*/
.float_r{float:right;}/*指定した要素を右に寄せ、後に続く内容はその左側に回り込みます。*/

/*上マージン*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}

/*下マージン*/
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}

/*左マージン*/
.ml0{margin-left: 0 !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml110{margin-left:110px;}
.ml120{margin-left:120px;}

/*右マージン*/
.mr0{margin-right: 0 !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr110{margin-right:110px;}
.mr120{margin-right:120px;}

/*--------------------------------------------------------------
      お客様カルテ用CSS
--------------------------------------------------------------*/

.customer_profile {
    position: relative;
    margin: 0;
    padding: 1em;
    border: solid 2px #29abe2;
    border-radius: 8px;
}

.customer_profile .customer_profile_title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 1.3em;
    background: #ffffff;
    color: #29abe2;
    font-weight: bold;
}

.customer_profile_title:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; margin-right: .5em}

.customer_profile li {
    margin: 0; 
    padding: 0.2em 0;
	list-style: none;
	display: block;
	float: left;
	word-break: break-all;
}

.customer_profile span.item {
    color: #29abe2;
	font-weight: 600;
}

.customer_profile span.item:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; margin-right: .5em}

.customer_profile span.contents {
    color: #000000;
	font-weight: 600;
	margin-right: 1.1em;
}

.customer_profile span.check {
    display: inline-block;
    text-align: center;
	color: #29abe2;
	font-weight: 600;
    background-color: #d8effc;
    margin: 0 5px 5px;
	padding: 0 0.6em;
    border-radius: .7em;
}

.customer_profile span.check2 {
    display: inline-block;
    text-align: center;
	color: #ffffff;
	font-weight: 600;
    background-color: #29abe2;
    margin: 0 5px 5px;
	padding: 0 0.6em;
    border-radius: .7em;
}
/*--------------------------------------------------------------
      飲食店応援PJ：お客様用CSS
--------------------------------------------------------------*/

.customer_profile_ec {
    position: relative;
    margin: 0;
    padding: 1em;
    border: solid 2px #29abe2;
    border-radius: 8px;
}

.customer_profile_ec .customer_profile_ec_title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 1.3em;
    background: #ffffff;
    color: #29abe2;
    font-weight: bold;
}

.customer_profile_ec_title:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f54e"; margin-right: .5em}

.customer_profile_ec li {
    margin: 0; 
    padding: 0.2em 0;
	list-style: none;
	display: block;
	word-break: break-all;
}

.customer_profile_ec span.item {
    color: #29abe2;
	font-weight: 600;
}

.customer_profile_ec span.item:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111"; margin-right: .5em}

.customer_profile_ec span.contents {
    color: #000000;
	font-weight: 600;
	margin-right: 1.1em;
}

.customer_profile_ec span.check {
    display: inline-block;
    text-align: center;
	color: #29abe2;
	font-weight: 600;
    background-color: #d8effc;
    margin: 0 5px 5px;
	padding: 0 0.6em;
    border-radius: .7em;
}

.customer_profile_ec span.check2 {
    display: inline-block;
    text-align: center;
	color: #ffffff;
	font-weight: 600;
    background-color: #29abe2;
    margin: 0 5px 5px;
	padding: 0 0.6em;
    border-radius: .7em;
}

/*--------------------------------------------------------------
      企画説明用CSS
--------------------------------------------------------------*/

.planning_info {
    position: relative;
    margin: 0;
    padding: 1em;
    border: solid 1px #C6ECFC;
	background: #f2ffff;
}

.planning_info .planning_info_title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 1.2em;
    color: #333333;
    font-weight: bold;
	background: #f2ffff;
}

.planning_info_title:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0"; margin-right: .5em}


.planning_info span.item {
    color: #333333;
	font-weight: normal;
}

/*--------------------------------------------------------------
      その他追加CSS
--------------------------------------------------------------*/

/* グローバルメニューの位置を中央 */
.keni-gnav_inner ul {
	margin-left: auto;
	margin-right: auto;
}

/* 記事内の画像位置を中央 */
.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
	text-align: center;
	font-size:0.8em;
}