@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name: THE THOR
Theme URI: https://fit-theme.com
Description: FITが提供するブロガー/アフィリエイター向けWPテーマ
Author: Kota Naito　@FIT(フィット)
Author URI: http://fit-jp.com/about/
Tags:blog,news
Version: 2.3.0
Text Domain: the-thor
License: GNU GENERAL PUBLIC LICENSE
License URI: http://www.gnu.org/licenses/gpl.html

Copyright (C) FIT(フィット).

----------このエリアは削除すると正しく動作しない可能性があります----------*/



/************************************************************/
/************************************************************/
/*リセット
/************************************************************/
/************************************************************/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul,li,dl{list-style-position: inside;}
button,input,select,textarea{margin:0;}
html{
	box-sizing:border-box;
	line-height:1;
	font-size: 62.5%; /*  50 56.25 62.5 68.75 75*/
}
*,*:before,*:after{box-sizing:inherit;}
iframe{border:0;}
table{
	border-collapse:collapse;
	border-spacing:0;
}
td,th{
	padding:0;
	text-align:left;
}
hr{
	height: 0;
	border: 0;
}



/************************************************************/
/************************************************************/
/*ベース
/************************************************************/
/************************************************************/

/*全体設定
------------------------------------------------------------*/
body {
	width:100%;
	font-family:"Lato",
				"游ゴシック体",
				"Yu Gothic",
				"YuGothic",
				"ヒラギノ角ゴシック Pro",
				"Hiragino Kaku Gothic Pro",
				"メイリオ",
				"Meiryo",
				"ＭＳ Ｐゴシック",
				"MS PGothic",
				"sans-serif";
	font-size: 1.2rem;
	font-weight:500;
	color:#191919;
	-webkit-text-size-adjust: 100%;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
/*IEハック*/
@media all and (-ms-high-contrast:none) {
	body {
		font-family:"Lato",
					"メイリオ",
					"游ゴシック体",
					"Yu Gothic",
					"YuGothic",
					"ヒラギノ角ゴシック Pro",
					"Hiragino Kaku Gothic Pro",
					"Meiryo",
					"ＭＳ Ｐゴシック",
					"MS PGothic",
					"sans-serif";
	}
}



/*フォームパーツ設定
------------------------------------------------------------*/

/*フォント設定*/
button, input, select, textarea {
	font-family:inherit;
	font-weight:inherit;
	font-size:  inherit;
}

/*placeholderのcolor設定*/
::-webkit-input-placeholder{color: #7f7f7f;}
::-moz-placeholder         {color: #7f7f7f; opacity: 1;}
:-ms-input-placeholder     {color: #7f7f7f;}



/*リンク設定
------------------------------------------------------------*/
a{
	color:inherit;
	text-decoration:none;
}



/************************************************************/
/************************************************************/
/*レイアウト
/************************************************************/
/************************************************************/

/*ヘッダー
------------------------------------------------------------*/
.l-header{
	position:relative;
	width:100%;
	padding:20px 0 10px 0;
	background: #fff;
	z-index: 9999;
}
.l-header-shadow{box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15);}
.l-header-border{border-bottom:1px solid rgba(0,0,0,0.10);}

.l-header-clone {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
}
.l-header-clone.is-show { transform: translateY(0);}


/*ヘッダー下
------------------------------------------------------------*/
.l-headerBottom {
	position:relative;
	width:100%;
}

/*ラッパー(メイン・サイドバー用ラッパー)
------------------------------------------------------------*/
.l-wrapper {
	position:relative;
	max-width:1170px;
	margin:40px 15px;
}
.l-wrapper-lp {margin:0 15px;}

/*メイン
------------------------------------------------------------*/
.l-main {
	position:relative;
	width:100%;
	margin-bottom:40px;
}


/*サイドバー
------------------------------------------------------------*/
.l-sidebar {
	position:relative;
	width:100%;
}


/*フッター上
------------------------------------------------------------*/
.l-footerTop {
	position:relative;
	width:100%;
}



/*フッター
------------------------------------------------------------*/
.l-footer {
	position:relative;
	width:100%;
}



/************************************************************/
/************************************************************/
/*共通モジュール(様々な箇所で複数使用するパーツ)
/************************************************************/
/************************************************************/


/*枠組み系パーツ
------------------------------------------------------------*/

/*ワイダー（横幅100%）*/
.wider{
	position:relative;
	width:100%;
}
.wider::after {
	content: "";
	display: block;
	clear: both;
}

/*コンテナー（左右余白）*/
.container{
	position:relative;
	max-width:1170px;
  margin-left:15px;
	margin-right:15px;
}
.container::after {
	content: "";
	display: block;
	clear: both;
}

/*デバイダー（上下区切り）*/
.divider{
	margin-top:40px;
	margin-bottom:40px;
}

/*デバイダートップ（上区切り）*/
.dividerTop{margin-top:40px;}

/*デバイダーボトム（下区切り）*/
.dividerBottom{margin-bottom:40px;}


/*先頭固定表示パーツ
------------------------------------------------------------*/
.sticky{
	display:block;
}

/*管理者コメントパーツ
------------------------------------------------------------*/
.bypostauthor {
    display:block;
}


/*アイキャッチ
------------------------------------------------------------*/
.eyecatch{
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}
.eyecatch:before {
    content:"";
    display: block;
    padding-top: 56.25%;
}
.eyecatch-43:before {padding-top: 75%;}
.eyecatch-11:before {padding-top: 100%;}

.eyecatch-main{
	margin:0 -15px 40px -15px;
	width: auto;
}

/*ノーマルエフェクト*/
.eyecatch__link{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
}
.eyecatch__link::after{
	font-family: "Fjalla One",
				 "Lato",
				 "游ゴシック体",
				 "Yu Gothic",
				 "YuGothic",
				 "ヒラギノ角ゴシック Pro",
				 "Hiragino Kaku Gothic Pro",
				 "メイリオ",
				 "Meiryo",
				 "ＭＳ Ｐゴシック",
				 "MS PGothic",
				 "sans-serif";
	font-weight:normal;
}
.eyecatch .eyecatch__link img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
		width: 100%;
    height: 100%;
    object-fit: cover;
		font-family: 'object-fit: cover;';
		vertical-align:bottom;
		transition: .3s;
}
.eyecatch__link:hover img{transform: scale(1.2);}


/*ズームグレイエフェクト*/
.eyecatch__link-zoomgray img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.eyecatch__link-zoomgray:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/*ズームセピアエフェクト*/
.eyecatch__link-zoomsepia img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
}
.eyecatch__link-zoomsepia:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}


/*ズーム回転エフェクト*/
.eyecatch__link-zoomrotate:hover img{transform: scale(1.2) rotate(3deg);}


/*マスクエフェクト*/
.eyecatch__link-mask::after {
	content: "";
	position: absolute;
  top: 0;
  left: 0;
	width: 100%;
  height: 100%;
	color: rgba(255,255,255,.75);
	font-size: 1.5rem;
	transition: .6s;
	display: flex;
  justify-content: center;
  align-items: center;
	opacity:0;
}
.eyecatch__link-mask:hover::after {
    background: rgba(0,0,0,0.5);
    opacity:1;
}
.eyecatch__link-mask:hover img{transform: none;}


/*マスクズームエフェクト*/
.eyecatch__link-maskzoom::after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	color: rgba(255,255,255,.75);
	font-size: 1.5rem;
	transition: .6s;
	display: flex;
    justify-content: center;
    align-items: center;
	opacity:0;
}
.eyecatch__link-maskzoom:hover::after {
    background: rgba(0,0,0,0.5);
    opacity:1;
}
.eyecatch__link-maskzoom img{transition: .6s;}


/*マスクズーム回転エフェクト*/
.eyecatch__link-maskzoomrotate::after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	color: rgba(255,255,255,.75);
	font-size: 1.5rem;
	transition: .6s;
	display: flex;
    justify-content: center;
    align-items: center;
	opacity:0;
}
.eyecatch__link-maskzoomrotate:hover::after {
    background: rgba(0,0,0,0.5);
    opacity:1;
}
.eyecatch__link-maskzoomrotate img{transition: .6s;}
.eyecatch__link-maskzoomrotate:hover img{transform: scale(1.2) rotate(3deg);}


/*エフェクト無し*/
.eyecatch__link-none::after {content: none;}
.eyecatch__link-none:hover img{transform: none;}



/*アイキャッチ画像内カテゴリ(複数個所で使用)*/
.eyecatch__cat{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	background:#a83f3f;
	max-width:calc(100% - 3rem)
}
.eyecatch__cat a{
	display:block;
	padding:7.5px 10px;
	color:#ffffff;
	font-size:1rem;
	transition: .15s;
	line-height:1.35;
}
.eyecatch__cat a::before{
	font-family: "icomoon";
	content: "\e938";
	margin-right: 5px;
}
.eyecatch__cat a:hover{background:rgba(255,255,255,0.25);}





/*アイキャッチがない時のカテゴリ表示
------------------------------------------------------------*/
/*カテゴリ(特定条件時のみ使用)*/
.the__category{
	position:relative;
	display:inline-block;
	background:#a83f3f;
	margin-bottom:10px;
}
.the__category a{
	display: block;
	padding:5px 10px;
	color:#ffffff;
	font-size:1rem;
	transition: .15s;
	line-height:1.35;
}

.the__category a::before{
	font-family: "icomoon";
	content: "\e938";
	margin-right: 5px;
}
.the__category a:hover{background:rgba(255,255,255,0.25);}


/*カテゴリ(TOPランキングボックス)*/
.the__category-rank{
	position: absolute;
	top:0;
	left:3rem;
	display:inline-block;
	margin-bottom:0;
}
.the__category a{
	display: block;
	padding:0 10px;
	line-height:3rem;
}



/*NEWと先頭固定表示時のribbonマーク
------------------------------------------------------------*/
.the__ribbon {
    position: absolute;
    top: 0;
    left: 5px;
    display: inline-block;
    padding: 7.5px 0;
    width: 25px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #a83f3f;
    z-index: 999;
}
.the__ribbon:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    width: 0;
    border-left: 12.5px solid #a83f3f;
    border-right: 12.5px solid #a83f3f;
    border-bottom: 5px solid transparent;
}
.the__ribbon-right{left: auto; right:0;}






/*見出し
------------------------------------------------------------*/
/*見出し基本設定*/
.heading{
	display: block;
	margin-bottom: 20px;
	line-height:1.5;
	font-weight: 700;
}

/*見出し内リンク*/
.heading a{
	transition: .15s;
	display:inline-block;
	max-width:100%;
}
.heading a:hover{ color:#a83f3f;}

/*見出し：メインエリアタイトル用(主にTOPページのオリジナルコンテンツ部分で使用)*/
.heading-main{
	font-size:2.4rem;
	font-family: "Fjalla One",
				 "Lato",
				 "游ゴシック体",
				 "Yu Gothic",
				 "YuGothic",
				 "ヒラギノ角ゴシック Pro",
				 "Hiragino Kaku Gothic Pro",
				 "メイリオ",
				 "Meiryo",
				 "ＭＳ Ｐゴシック",
				 "MS PGothic",
				 "sans-serif";
	font-weight:normal;
}
.heading-main i{margin-right:1rem;}
.heading-main span{
	font-size:1.4rem;
	margin-left:1rem;
	color:rgba(0,0,0,0.5);
	font-weight:bold;
	font-family: "Lato",
				 "游ゴシック体",
				 "Yu Gothic",
				 "YuGothic",
				 "ヒラギノ角ゴシック Pro",
				 "Hiragino Kaku Gothic Pro",
				 "メイリオ",
				 "Meiryo",
				 "ＭＳ Ｐゴシック",
				 "MS PGothic",
				 "sans-serif";
}
.heading-main.u-white span{color:#ffffff;}

/*見出し：ページタイトル等用*/
.heading-primary{
	font-size:1.8rem;
	margin-bottom:10px;
}
.heading-primary span{
	font-size:1rem;
	margin-left:10px;
	font-weight:normal;
}

/*見出し：primaryより小さい*/
.heading-sub{
	font-size:1.6rem;
	margin-bottom:10px;
}
.heading-sub span{
	font-size:1rem;
	margin-left:10px;
	font-weight:normal;
}

/*見出し：アーカイブ内の記事タイトル等用*/
.heading-secondary{
	font-size:1.5rem;
	margin-bottom:10px;
}


/*見出し：その他小さめのタイトル*/
.heading-tertiary{
	font-size:1.3rem;
	margin-bottom:10px;
}






/*見出し：ウィジェットエリア用*/
.heading-widget{
	font-size:1.5rem;
	margin-bottom:20px;
	background:#a83f3f;
	color:#ffffff;
	border-radius:5px;
	padding:10px;
}
.heading-widgetsimple{
	font-size:1.5rem;
	margin-bottom:20px;
	background:#a83f3f;
	color:#ffffff;
	padding:10px;
}
.heading-widgetsimplewide{
	font-size:1.5rem;
	margin:-15px -15px 20px -15px;
	background:#a83f3f;
	color:#ffffff;
	padding:10px;
}

.heading-widgetwide{
	position:relative;
	font-size:1.5rem;
	background:#a83f3f;
	color:#ffffff;
	padding:10px 10px 10px 20px;
	margin:-15px -15px 20px -15px;
}
.heading-widgetwide::before,
.heading-widgetwide::after{
	content:"";
	position:absolute;
}
.heading-widgetwide::before{
	top:2px;
	left:2px;
	right:2px;
	bottom:2px;
	border:1px solid rgba(255,255,255,0.5);
}
.heading-widgetwide::after{
	top:50%;
	left:0;
	width:10px;
	height:6px;
	margin-top:-3px;
	background:#fff;
}

.heading-widgetbottom{
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom:20px;
	font-size:1.5rem;
}
.heading-widgetbottom::before,
.heading-widgetbottom::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.heading-widgetbottom:before{
	border-bottom: 3px solid #a83f3f;
	width: 100%;
}
.heading-widgetbottom:after{
	border-bottom: 3px solid #D8D8D8;
	width: 100%;
}

.heading-widgetborder{
	position: relative;
	padding: 10px 20px;
	margin-bottom:20px;
	font-size:1.5rem;
	text-align:center;
	border-top: solid 1px #a83f3f;
	border-bottom: solid 1px #a83f3f;
}
.heading-widgetborder::before,
.heading-widgetborder::after{
	content: "";
	position: absolute;
	top: -5px;
	width: 1px;
	height: calc(100% + 10px);
	background-color: #a83f3f;
}
.heading-widgetborder::before{left: 5px;}
.heading-widgetborder::after {right:5px;}





/*見出し：TOPスライダー用*/
.heading-slider{
	color:#ffffff;
	font-size:2.8rem;
	margin-bottom:10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/*見出し：TOPカルーセル用*/
.heading-carousel{}

/*見出し：TOPピックアップ3用*/
.heading-pickup3{
	color:#ffffff;
	margin:0;
	padding:0 10px 10px 10px;
}
.heading.heading-pickup3 a:hover{color:inherit; animation: flash 1s;}
.heading-custom{margin-bottom:0;}

/*見出し：CTRフッター用*/
.heading-commonCtr{
	font-size:1.8rem;
	margin-bottom:10px;
}







/*文節
------------------------------------------------------------*/
.phrase{
	display: block;
	margin-bottom: 20px;
	line-height:1.85;
}
.phrase-bottom{margin-bottom: 40px;}

/*文節：アーカイブ内の本文用*/
.phrase-secondary{color: rgba(0,0,0,0.75);}

/*文節：マージンボトム0で使いたい時*/
.phrase-tertiary{
	margin-bottom: 0;
	color: rgba(0,0,0,0.75);
	font-size:1.2rem;
}

/*文節：TOPスライダー用*/
.phrase-slider{
	color:#ffffff;
	font-size:1.4rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-bottom: 0;
}

/*文節：リンク*/
.phrase a{color:#a83f3f;}




/*データリスト(複数個所で使用)
------------------------------------------------------------*/
.dateList{
	list-style:none;
	margin-bottom:5px;
}

.dateList__item{
	display:inline-block;
	text-align:left;
	color: rgba(0,0,0,0.5);
	font-size:1.2rem;
	margin-right:5px;
	line-height:1.5;
}
.dateList-main{margin-bottom:10px;}

.dateList__item::before{
	margin-right:2.5px;
	line-height:1;
}
.dateList__item a:hover{
	color:#a83f3f;
	transition: .15s;
}


/*ボタン
------------------------------------------------------------*/
.btn{width:100%;}
.btn-left{text-align: left;}
.btn-center{text-align: center;}
.btn-right{text-align: right;}

/*ボタン本体*/
.btn__link{
	position: relative;
	display: inline-block;
	cursor: pointer;
	transition: .15s;
}
.btn__link::before{
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	right: 10px;
	width: 5px;
	height: 5px;
	margin: auto;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
}
/*ボタン80%*/
.btn__link-wide{ width:80%}

/*ボタン：基本デザイン*/
.btn__link-normal{
	font-size:1.2rem;
	padding: 10px 20px;
	border-radius: 5px;
	color: #a83f3f;
	border: 1px solid;
}
.btn__link-normal:hover {
	color: #ffffff;
	background: #a83f3f;
	border-color:transparent;
}

/*ボタン：ビッグデザイン用*/
.btn__link-primary{
	padding: 15px 40px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.4rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.btn__link-primary::before{
	border-top: 2px solid;
	border-right: 2px solid;
}
.btn__link-primary::after {
	content: "";
	position: absolute;
	top: -50px;
	left: -100px;
	background: #fff;
	width: 50px;
	height: calc(100% + 100px);
	opacity: 0.1;
	transform: rotate(45deg);
	transition: .3s;
}
.btn__link-primary:hover::after {left: calc(100% + 50px);}
.btn__link-primary:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}

/*ボタン：ミニデザイン用*/
.btn__link-secondary{
	padding: 5px 25px  5px 15px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.btn__link-secondary:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}


/*ボタン：ヘッダー下ピックアップエリア用*/
.btn__link-pickupHead{
	padding: 10px 30px;
	border-radius: 5px;
	color: inherit;
	border: 1px solid;
}
.btn__link-pickupHead:hover {border-style:dashed;}


/*ボタン：サーチフォーム用*/
.btn__link-search{
	padding: 5px 25px  5px 15px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.btn__link-search:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}

.searchBtn__contentInner .btn-search{
	text-align:center;
	margin-bottom: 40px;
}
.searchBtn__contentInner .btn__link-search{
	padding: 15px 40px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.4rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.searchBtn__contentInner .btn__link-search::before{
	border-top: 2px solid;
	border-right: 2px solid;
}
.searchBtn__contentInner .btn__link-search::after {
	content: "";
	position: absolute;
	top: -50px;
	left: -100px;
	background: #fff;
	width: 50px;
	height: calc(100% + 100px);
	opacity: 0.1;
	transform: rotate(45deg);
	transition: .3s;
}
.searchBtn__contentInner .btn__link-search:hover::after {left: calc(100% + 50px);}


/*ページネーション
------------------------------------------------------------*/
.pager{
	position:relative;
	width:100%;
	text-align:center;
	list-style:none;
	font-size:0;
	margin-top: 20px;
}
/*クリックエリア*/
.pager__item{
	font-family: "Fjalla One";
	display:inline-block;
	color:#a83f3f;
	background:#ffffff;
	border:rgba(0,0,0,0.10) 1px solid;
	font-size:1.2rem;
	margin-left:-1px;
}

/*リンクタグに余白を持たせる処理*/
.pager__item-current,
.pager__item a{
	display:inline-block;
	padding:10px;
	min-width: calc(1.2rem + 20px);
}
/*現在地とマウスオーバー時の変化*/
.pager__item:hover,
.pager__item-current{
	color:#ffffff;
	background:#a83f3f;
	transition: .15s;
}
/*前次ボタンの矢印*/
.pager__item-prev,
.pager__item-next  {position: relative;}
.pager__item-prev a{padding-left: 20px;}
.pager__item-next a{padding-right:20px;}
.pager__item-prev::before,
.pager__item-next::before{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 1px solid;
}
.pager__item-prev::before{
	left: 10px;
	border-left: 1px solid;
	transform: rotate(-45deg);
}
.pager__item-next::before{
	right: 10px;
	border-right: 1px solid;
	transform: rotate(45deg);
}


/*コメント用ページネーション
------------------------------------------------------------*/
.pager-comments{ margin-bottom:20px;}
.page-numbers{
	font-family: "Fjalla One";
	display:inline-block;
	color:#a83f3f;
	background:#ffffff;
	border:rgba(0,0,0,0.10) 1px solid;
	font-size:1.2rem;
	margin-left:-1px;
}

/*リンクタグに余白を持たせる処理*/
.page-numbers.current,
a.page-numbers{
	display:inline-block;
	padding:10px;
	min-width: calc(1.2rem + 20px);
}
/*現在地とマウスオーバー時の変化*/
.page-numbers:hover,
.page-numbers.current{
	color:#ffffff;
	background:#a83f3f;
	transition: .15s;
}
/*前次ボタンの矢印*/
.page-numbers.prev,
.page-numbers.next  {position: relative;}
a.page-numbers.prev {padding-left: 20px;}
a.page-numbers.next {padding-right:20px;}
.page-numbers.prev::before,
.page-numbers.next::before{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 1px solid;
}
.page-numbers.prev::before{
	left: 10px;
	border-left: 1px solid;
	transform: rotate(-45deg);
}
.page-numbers.next::before{
	right: 10px;
	border-right: 1px solid;
	transform: rotate(45deg);
}




/*マスク
------------------------------------------------------------*/
.mask{
	position:relative;
}
.mask::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mask-black > img{z-index:0;}
.mask-black::after{background-color: rgba(0,0,0,.5);}

.mask-blackmesh > img{z-index:0;}
.mask-blackmesh::after{
	background-color: rgba(0,0,0,.25);
	background-image: linear-gradient(90deg, rgba(0,0,0,.5) 50%, transparent 50%), linear-gradient(rgba(0,0,0,.25) 50%, transparent 50%);
	background-size: 2px 2px;
}

.mask-color{background-color:#a83f3f;}
.mask-color > img{
	mix-blend-mode: multiply;
	z-index:0;
}
.mask-color .mbYTP_wrapper{background-color: inherit;}
.mask-color .mbYTP_wrapper > iframe{
	mix-blend-mode: multiply;
	z-index:0;
}

.mask-colorgray{background-color:#a83f3f;}
.mask-colorgray > img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	mix-blend-mode: multiply;
	z-index:0;
}
.mask-colorgray .mbYTP_wrapper{background-color: inherit;}
.mask-colorgray .mbYTP_wrapper > iframe{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	mix-blend-mode: multiply;
	z-index:0;
}

/*Edgeハック*/
@supports (-ms-ime-align:auto) {
	.mask-color > img{opacity:0.5;}
	.mask-color .mbYTP_wrapper > iframe{opacity:0.5;}
	.mask-colorgray > img{opacity:0.5;}
	.mask-colorgray .mbYTP_wrapper > iframe{opacity:0.5;}
}
/*IE10/11ハック*/
@media all and (-ms-high-contrast:none){
	.mask-color > img{opacity:0.5;}
	.mask-color .mbYTP_wrapper > iframe{opacity:0.5;}
	.mask-colorgray > img{opacity:0.5;}
	.mask-colorgray .mbYTP_wrapper > iframe{opacity:0.5;}
}





/*アーカイブコントローラー
------------------------------------------------------------*/
.controller{
	padding-bottom:20px;
	margin-bottom:20px;
	display: flex;
	list-style:none;
	border-bottom:1px dotted rgba(0,0,0,0.10);
}
.controller-shadow{background:#ffffff;padding:20px 10px;border-bottom:none;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.controller-border{background:#ffffff;padding:20px 10px;border:1px solid rgba(0,0,0,0.10);}

/*コントローラーの各項目*/
.controller__item{
	position:relative;
	margin-right:10px;
	line-height:2rem;
	color:#3F3F3F;

}
/*最後の項目だけmargin0*/
.controller__item:last-child{margin-right:0;}

/*viewモード切替ボタンを右に寄せる*/
.controller__item.controller__item-end{	margin-left:auto;}

/*コントローラ内リンクの処理*/
.controller__link{transition: .15s;}

/*現在地・マウスオーバー時の変化*/
.controller__link.is-current,
.controller__link:hover{
	color:#191919;
	font-weight:bold;
	border-bottom:2px solid;
	padding-bottom:3px;
}

/*おすすめカテゴリリンク*/
.controller__catLabel{
	cursor:pointer;
	transition: .15s;
}

/*おすすめカテゴリリンクのマウスオーバー時の変化*/
.controller__catLabel:hover{
	color:#191919;
	font-weight:bold;
}

/*カテゴリラベル三角アイコン*/
.controller__catLabel::after{
	content:"";
	display:inline-block;
	margin-left:5px;
	width: 0;
	height: 0;
	border-right: 4px solid transparent;
	border-top: 6px solid rgba(0,0,0,0.10);
	border-left: 4px solid transparent;
}
.controller__catCheck:checked ~ .controller__catLabel::after{
	border-bottom: 6px solid #191919;
	border-top:none;
}

/*カテゴリパネルトリガー(CHECKBOX)非表示*/
.controller__catCheck{display:none;}

/*カテゴリパネル*/
.controller__catPanel{
	position:absolute;
	top: 100%;
	left: 0;
	list-style:none;
	z-index:9999;
}

/*吹き出し風三角*/
.controller__catCheck:checked ~ .controller__catPanel::before{
	content:"";
	display:block;
	width: 0;
	height: 0;
	margin-left:10px;
	border-right: 4px solid transparent;
	border-bottom: 6px solid #323232;
	border-left: 4px solid transparent;
}

/*パネル内リスト*/
.controller__catPanel li{
	overflow: hidden;
	width: auto;
	min-width: 14rem;
	white-space: nowrap;
	height: 0;
	line-height:4rem;
	background:#323232;
	transition: .15s;
}
/*カテゴリパネルオープン*/
.controller__catCheck:checked ~ .controller__catPanel li {
	overflow: visible;
	height:4rem;
}
.controller__catCheck:checked ~ .controller__catPanel li:not( :first-child ) {
	border-top: 1px solid rgba(0,0,0,0.10);
	box-shadow:0px 1px 0px 0px rgba(255,255,255,0.15) inset;
}

/*カテゴリパネルリスト内aタグ*/
.controller__catPanel li a{
	display:block;
	color:#ffffff;
	padding:0 10px;
	transition: .15s;
}
.controller__catPanel li a:hover{background: rgba(255,255,255,0.15);}
.controller__catPanel li:first-child{border-top:none;}
.controller__catPanel li:last-child{border-bottom:none;}

/*view切り替えトリガー(RADIOBUTTON)非表示*/
.controller__viewRadio{display: none;}

/*view切り替えアイコンカラー*/
.controller__viewLabel{
	color:rgba(0,0,0,0.15);
	transition: .2s;
	cursor:pointer;
	font-size:16px;
}
.controller__viewLabel:hover                 {color:#191919}
#viewWide:checked ~   .controller .viewWide  {color:#191919}
#viewCard:checked ~   .controller .viewCard  {color:#191919}
#viewNormal:checked ~ .controller .viewNormal{color:#191919}





/*記事アーカイブ全体
------------------------------------------------------------*/
.archive{
	display:flex;
	flex-wrap: wrap;
	margin-bottom: -20px;
}

/*アーカイブリスト共通設定*/
.archive__item{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted rgba(0,0,0,0.10);
	width:100%;
}
.archive__item-shadow{background:#ffffff;padding:15px;border-bottom:none;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.archive__item-border{background:#ffffff;padding:15px;border:1px solid rgba(0,0,0,0.10);}
.archive__item-none{width:100% ;}

.archive__contents{position:relative}

/*アーカイブリスト(ワイドビューバージョン)*/
#viewWide:checked ~ .archive .archive__item {animation: fadeIn1 1s;}

/*アーカイブリスト(カードビューバージョン)*/
#viewCard:checked ~ .archive{width: calc(100% + 15px)}
#viewCard:checked ~ .archive .archive__item {width:calc(50% - 15px);margin-right: 15px;animation: fadeIn2 1s;}
#viewCard:checked ~ .archive .archive__item-none{width:100%;}
#viewCard:checked ~ .archive .archive__item-shadow{padding:10px;}
#viewCard:checked ~ .archive .archive__item-border{padding:10px;}
#viewCard:checked ~ .archive .archive__contents .phrase{display: none;}

/*アーカイブリスト(ノーマルビューバージョン)*/
#viewNormal:checked ~ .archive .archive__item {width:100%;display:flex;align-items: flex-start;animation: fadeIn3 1s;}
#viewNormal:checked ~ .archive .archive__item-shadow{padding:10px;}
#viewNormal:checked ~ .archive .archive__item-border{padding:10px;}
#viewNormal:checked ~ .archive .eyecatch {max-width: 300px;}
#viewNormal:checked ~ .archive .archive__contents {width: 100%; margin-left: 15px;}
#viewNormal:checked ~ .archive .archive__contents-noImg {margin-left: 0;}
#viewNormal:checked ~ .archive .archive__contents .phrase{ display:none;}


/*インフィード広告用設定*/

#viewWide:checked   ~ .archive .archive__item-infeedSp1 { display:block;}
#viewCard:checked   ~ .archive .archive__item-infeedSp1 { display:none;}
#viewNormal:checked ~ .archive .archive__item-infeedSp1 { display:none;}

#viewWide:checked   ~ .archive .archive__item-infeedSp2 { display:none;}
#viewCard:checked   ~ .archive .archive__item-infeedSp2 { display:none;}
#viewNormal:checked ~ .archive .archive__item-infeedSp2 { display:block;}







/************************************************************/
/************************************************************/
/*限定モジュール(複数個所で利用されることが無いパーツ)
/************************************************************/
/************************************************************/


/*ヘッダーエリア用パーツ（共通）
------------------------------------------------------------*/

/*サイトタイトル(ヘッダーで使用)*/
.siteTitle{
	font-family: "Fjalla One",
				 "Lato",
				 "游ゴシック体",
				 "Yu Gothic",
				 "YuGothic",
				 "ヒラギノ角ゴシック Pro",
				 "Hiragino Kaku Gothic Pro",
				 "メイリオ",
				 "Meiryo",
				 "ＭＳ Ｐゴシック",
				 "MS PGothic",
				 "sans-serif";
	max-width:calc(100% - 66px);
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
}
.siteTitle__link{ display:inline-block;}
.siteTitle__link:hover{animation: flash 1s;}
.siteTitle__logo{
	width:auto;
	height:20px;
	vertical-align:bottom;
}






/*検索ボタン*/
.searchBtn{
	position:absolute;
	top:0;
	right:38px;
	line-height:20px;
	font-size:18px;
	text-align:right;
}
.searchBtn-zero{right:0;}
.searchBtn__link{ cursor:pointer;transition: .15s;}
.searchBtn__link:hover{color:#a83f3f;}
/*チェックボックス非表示*/
.searchBtn__checkbox {display:none;}

/*閉じる用の薄黒カバー*/
.searchBtn__unshown {
	display:none;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	animation: fade .3s;
}
/*チェックで閉じる用の薄黒カバー表示*/
.searchBtn__checkbox:checked ~ .searchBtn__unshown {display: block;	}

/*検索メニューコンテンツエリア*/
.searchBtn__content {
	position: fixed;
	top: 0;
	right: 0;
	left:0;
	background: #ffffff;
	width: 90%;
	max-width: 780px;
	height: calc(100% - 40px);
	z-index: 9999;
	margin:0 auto;
	transition: .3s;
	transform: translateY(-200%);
	text-align:center;
}
.searchBtn__scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	padding:0 15px;

}
.searchBtn__contentInner{
	text-align:left;
	font-size:1.2rem;
}

/*チェックでパネル表示*/
.searchBtn__checkbox:checked ~ .searchBtn__content {
	transform: translateY(20px);
	box-shadow: 0 0 4px rgba(0,0,0,.15);
}

/*パネル内閉じるボタン*/
.searchBtn__close{
	font-family:"Fjalla One";
	display:inline-block;
	height:2rem;
	font-size:2rem;
	margin:40px auto;
	cursor:pointer
}
.searchBtn__close:hover{color:#a83f3f;}
.searchBtn__close i{
	margin-right:10px;
	font-size:1.5rem;
	vertical-align: middle;
}





/*メニューボタン*/
.menuBtn{
	position:absolute;
	top:0;
	right:0;
	line-height:20px;
	font-size:18px;
	text-align:right;
}
.menuBtn__link{
	cursor:pointer;
	transition: .15s;
}
.menuBtn__link:hover{color:#a83f3f;	}

/*チェックボックス非表示*/
.menuBtn__checkbox {display:none;}

/*閉じる用の薄黒カバー*/
.menuBtn__unshown {
	display:none;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	bottom:0;
	left:0;
	z-index: 999999;
	animation: fade 0.3s;
}
/*チェックで閉じる用の薄黒カバー表示*/
.menuBtn__checkbox:checked ~ .menuBtn__unshown {
	display: block;
}

/*ドロワーメニューコンテンツエリア*/
.menuBtn__content {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	width: 90%;
	max-width: 340px;
	height: 100%;
	z-index: 9999999;
	transition: .3s;
	transform: translateX(110%);
	text-align:center;

}
.menuBtn__scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	padding:0 15px 15px 15px;

}
.menuBtn__contentInner{
	text-align:left;
	font-size:1.2rem;
}

/*チェックでパネル表示*/
.menuBtn__checkbox:checked ~ .menuBtn__content {
	transform: translateX(0%);
	box-shadow: -2px 0 2px rgba(0,0,0,.15);
}

/*パネル内閉じるボタン*/
.menuBtn__close{
	font-family:"Fjalla One";
	display:inline-block;
	height:2rem;
	font-size:2rem;
	margin:40px auto;
	cursor:pointer
}
.menuBtn__close:hover{color:#a83f3f;}
.menuBtn__close i{
	margin-right:10px;
	font-size:1.5rem;
	vertical-align: middle;
}

.menuBtn__navi{
	margin:0 -15px 40px -15px;
	padding:20px 15px;
	background: rgba(0,0,0,0.05);
}
.menuBtn__naviList{
	margin-top:10px;
	list-style:none;
	display:flex;
	justify-content: center;
	overflow:auto;
}
.menuBtn__naviItem{ margin:0 2.5px;}


.menuBtn__naviLink{
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
	line-height:30px;
	border-radius:50%;
	font-size:14px;
	text-align:center;
	transition: .15s;
	color:#fff;
}
.menuBtn__naviLink.icon-facebook{ background:#3B5998}
.menuBtn__naviLink.icon-twitter{background:#00B0ED}
.menuBtn__naviLink.icon-instagram{background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}
.menuBtn__naviLink.icon-google-plus{background:#DF4A32}
.menuBtn__naviLink.icon-youtube{background:#cd201f}
.menuBtn__naviLink.icon-linkedin{background:#0079ba}
.menuBtn__naviLink.icon-pinterest{background:#ce0f19}
.menuBtn__naviLink.icon-rss{background:#ff9900}



.menuBtn__naviLink.icon-facebook:hover,
.menuBtn__naviLink.icon-twitter:hover,
.menuBtn__naviLink.icon-instagram:hover,
.menuBtn__naviLink.icon-google-plus:hover,
.menuBtn__naviLink.icon-youtube:hover,
.menuBtn__naviLink.icon-linkedin:hover,
.menuBtn__naviLink.icon-pinterest:hover,
.menuBtn__naviLink.icon-rss:hover{animation: flash 1s;}



/*グローバルナビ*/
/*globalNavi内はWPの標準マークアップに従う*/
.globalNavi {position:relative;}
/*グローバルナビの右端をフェード*/
.globalNavi::before{
	position: absolute;
    right: 0;
    bottom: 0;
	content:"";
	width: 25px;
	height: 2.5rem;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff));
    z-index: 2;
}
/*グローバルナビの右端に点滅アイコン*/
.globalNavi::after{
	position: absolute;
    right: 0;
    bottom: 0;
	font-family: "icomoon";
	content:"\ea26";
    width: 25px;
	height: 2.5rem;
	line-height:2.5rem;
	text-align: right;
	color:rgba(0,0,0,0.5);
    animation:fade 1s ease-in-out infinite alternate;
	z-index: 3;
}

/*右にスクロールするための処理*/
.globalNavi__inner {
	position:relative;
	overflow-x: auto;
}

/*グローバルメニューを表示するエリア*/
.globalNavi__list{
	list-style: none;
	display: flex;
}
.globalNavi__list li{
	width: -webkit-max-content;
	width: -moz-max-content;
	width: -o-max-content;
	width: max-content;
	height:2.5rem;
	line-height:2.3rem;
}
.globalNavi__list li a{
	margin-right:20px;
	display:block;
	float:left;
	white-space: nowrap;
	color:rgba(0,0,0,0.5);
	font-weight:bold;
	transition: .15s;
}
.globalNavi__list .children,
.globalNavi__list .sub-menu{ display:none;}

/*現在地・マウスオーバー時の変化*/
.globalNavi__list .current_page_item > a,
.globalNavi__list .current-menu-item > a,
.globalNavi__list .current-menu-parent > a,
.globalNavi__list .page_item a:hover,
.globalNavi__list .menu-item a:hover {
	border-bottom:2px solid rgba(0,0,0,0.9);
	color:rgba(0,0,0,0.9);
}





/*ソーシャルアイコンなどを表示するエリア(スマホ非表示)*/
.subNavi{display: none;}





/*ヘッダー下エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/

/*検索エリア*/
.searchHead {
	background:#191919;
	padding:10px 0;
}

.container-searchHead{
	display:flex;
	flex-wrap: wrap;
}
.searchHead__title {display: none;}
.searchHead__keyword{
	display: block;
	margin-top:10px;
	order: 2;
	overflow: auto;
}
.searchHead__keywordList{
	display:table;
	vertical-align: bottom;
	list-style:none;
	overflow: hidden;
}
.searchHead__keywordItem{
	color:rgba(255,255,255,0.75);
	display:table-cell;
	white-space: nowrap;
	overflow:hidden;
	transition: .15s;
	padding-right: 10px;
	line-height: 2;
}
.searchHead__keywordItem:hover{
	color:#ffffff;
	font-weight:bold;
}
.searchHead__search {
	display: block;
	width: 100%;
	order: 1;
}
.searchHead__form{ display:flex}
.searchHead__input{
    width: calc(100% - 4rem);
	border:0;
    padding:0 10px;
    -webkit-appearance: none;
	border-radius:5px 0 0 5px;
}
.searchHead__submit {
	width:4rem;
	border:0;
    cursor: pointer;
    text-align: center;
	background:#ffffff;
	padding:10px;
	border-radius:0 5px 5px 0;
}
.searchHead__submit:hover {color:#a83f3f;}




/*お知らせエリア*/
.infoHead {
    overflow: hidden;
	background:#ffc107;
}
.infoHead__text {
	padding-left: 100%;
	white-space: nowrap;
	display: inline-block;
	animation: marquee 10s linear 0s infinite;
	font-weight: 700;
	color: #ffffff;
	height: 3rem;
	line-height: 3rem;
}










/*パンくずエリアパーツ*/
.breadcrumb{
	padding:10px 0;
	background: #F2F2F2;
	overflow-x: auto;
	border-bottom:1px solid rgba(0,0,0,0.05)
}
.breadcrumb__list{
	list-style:none;
	display: table;
}
.breadcrumb__list::after {
	content: "";
	display: block;
	clear: both;
}
.breadcrumb__item{
	position:relative;
	display: table-cell;
	white-space: nowrap;
	padding-right:15px;
	padding-left:15px;
	font-size:1.2rem;
	line-height: 1.75;
	color:#7f7f7f;
}
.breadcrumb__item:first-child{padding-left:0;}
.breadcrumb__item.icon-home::before{margin-right: 5px;}
.breadcrumb__item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    transform: rotate(45deg);
}
.breadcrumb__item:last-child::after{border: none;}
.breadcrumb__item a:hover{color:#a83f3f;}





/*TOPページ限定パーツ
------------------------------------------------------------*/

.keyBig{
	position:relative;
	max-width:1240px;
  margin-left:15px;
	margin-right:15px;
}
.keyBig::after {
	content: "";
	display: block;
	clear: both;
}

/*Swiper CSS上書き(キービジュアル&カルーセルで使用)*/
.swiper-pagination-bullet-active{background:#a83f3f;}

.swiper-button-next,
.swiper-button-prev{
	width:40px;
	height:60px;
	margin-top: -30px;
}

.swiper-button-next{
	background-image: none;
	right:0;
}
.swiper-button-prev {
	background-image: none;
	left:0;
}

.swiper-button-next::before,
.swiper-container-rtl .swiper-button-prev::before,
.swiper-button-prev::before,
.swiper-container-rtl .swiper-button-next::before {
    content: "";
    position: absolute;
    top: 0;
	bottom:0;
    right: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: 3px solid;
    border-right: 3px solid;
    color: #ffffff;
	transition: .15s ease-in-out;
}

.swiper-button-next::before,
.swiper-container-rtl .swiper-button-prev::before{transform: rotate(45deg);}
.swiper-button-prev::before,
.swiper-container-rtl .swiper-button-next::before{transform: rotate(-135deg);}




/*キービジュアル(固定)*/
.still{
	width: 100%;
	height: 300px;
}
.still__box{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:hidden;
	width: 100%;
	height: 100%;
}
/*キービジュアル(動画)*/
.still-movie .still__box{
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.still__bg {
    position: absolute;
    width: 100%;
    height: 100%;
	top:0;
	left:0;
    z-index: -10;
    overflow: hidden;
}
.still__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.still__content{
	padding:20px;
	z-index: 9;
}
.still__content img{max-width: 100%; height: auto;}

/*背景動画設定ボックス非表示*/
.mbYTP_wrapper{ display:none}








/*キービジュアル(スライダー)*/
.swiper-slider {
	width: 100%;
	height: 300px;
}
.swiper-slider .swiper-slide{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:hidden;
}
.swiper-slider .swiper-bg{
	position: absolute;
	top:0;
	left:0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
}

.swiper-slider .swiper-content{
	padding:0 20px;
	z-index: 9;
}

/*next-prevボタンスマホ削除*/
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev{display:none;}

/*next-prevボタン背景*/
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-container-rtl .swiper-button-prev,
.swiper-slider .swiper-button-prev,
.swiper-slider .swiper-container-rtl .swiper-button-next {
	background:#a83f3f;
	opacity:0;
	transition: .15s;
}
.swiper-slider .swiper-button-next::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev::after,
.swiper-slider .swiper-button-prev::after,
.swiper-slider .swiper-container-rtl .swiper-button-next::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background:rgba(255,255,255,0);
	transition: .15s ease-in-out;
}
.swiper-slider .swiper-button-next:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev:hover::after,
.swiper-slider .swiper-button-prev:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-next:hover::after {background:rgba(255,255,255,0.15);}



/*記事カルーセル*/
.swiper-carousel {
    width: 100%;
    height: auto;
}
/*next-prevボタンスマホ削除*/
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev{display:none;}

/*next-prevボタンhover*/
.swiper-carousel .swiper-button-next:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-prev:hover::before,
.swiper-carousel .swiper-button-prev:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-next:hover::before {opacity:0.5;}

/*ナビゲーション位置修正*/
.swiper-carousel .swiper-pagination-bullets,
.swiper-carousel .swiper-pagination-custom,
.swiper-carousel .swiper-pagination-fraction{bottom: 0px;}






/*キービジュアル下ピックアップテキストエリア*/
.pickupHead {
    overflow: hidden;
	background:#a83f3f;
	padding-bottom:20px;
	color: #ffffff;
	text-align:center;
}

.pickupHead__text {
	font-size:1.4rem;
	font-weight: 700;
	line-height: 1.85;
	padding:20px 0;
}





/*おすすめ3記事*/
.pickup3{
	position:relative;
	padding-top:40px;
}
.pickup3__bg{
	position: absolute;
	top:0;
	width:100%;
	height: 14rem;
	z-index:-1;
	overflow:hidden;
}
.pickup3__bg img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
}

/*アイテム*/
.pickup3__item {
	position:relative;
	background: #a83f3f;
}
.pickup3__item-first {
	width:100%;
	margin-bottom:15px;
}
.pickup3__box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pickup3__item-second,
.pickup3__item-third {width: calc(50% - 7.5px);}

.pickup3__item:before{
	position:absolute;
	top:-10px;
	left:-10px;
	font-family:"Fjalla One";
	font-size:1.5rem;
	font-weight:normal;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	text-align:center;
	color:#FFF;
	z-index: 9;
}
.pickup3__item-first:before {background:inherit; content: "1";}
.pickup3__item-second:before{background:inherit; content: "2";}
.pickup3__item-third:before {background:inherit; content: "3";}



/*カスタム投稿タイプ一覧*/
.custom{
	width:100%;
	margin-bottom: 20px;
}
.custom__item{
	padding:15px
}
.custom__item:nth-child(2n+1) {background: rgba(0,0,0,0.05);}
.custom__data{font-size:0;}
.custom__day{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	color:rgba(0,0,0,0.5);
	padding: 5px 0;
    line-height: 1.35;
    font-size: 1.2rem;
}
.custom__cat{
	display:inline-block;
	margin-bottom:10px;
	background:#3f3f3f;
}
.custom__cat a {
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 1.2rem;
    transition: .15s;
	line-height:1.35;
}
.custom__cat a:hover{background:rgba(255,255,255,0.25);}
.custom__cat a::before {
    font-family: "icomoon";
    content: "\e938";
    margin-right: 5px;
}
.custom .btn{margin-top:20px;}

/*カスタム投稿タイプ一覧borderバージョン*/
.custom__item-border{
	border-bottom:1px solid rgba(0,0,0,0.10);
	border-left:1px solid rgba(0,0,0,0.10);
	border-right:1px solid rgba(0,0,0,0.10);
}
.custom__item-border:first-child{border-top:1px solid rgba(0,0,0,0.10);}
.custom__item-border:nth-child(2n+1) {background:none;}
.custom__item-border .custom__item{
	padding:20px;
	background:#fff;
	border-right:1px solid rgba(0,0,0,0.10);
	border-bottom:1px solid rgba(0,0,0,0.10);
}
.custom__item-border .custom__day{
	padding: 5px 10px;
	font-size: 1rem;
	border:1px solid rgba(0,0,0,0.10);
	margin-right:0;
}
.custom__item-border .custom__cat a {font-size: 1rem;border:1px solid transparent;}




/*アーカイブ限定パーツ
------------------------------------------------------------*/
.archiveHead{
	position:relative;
	width:100%;
}

.archiveHead__img{
	position: absolute;
	top:0;
	left:0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
	z-index: -10;
}

.archiveHead__contents{
	position:relative;
	z-index:9
}

.archiveHead__authorImg{ float:left;}
.archiveHead__authorImg img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}
.archiveHead__authorText{
	float:right;
	width:calc(100% - 100px)
}
.archiveHead__authorDescription{margin-top:20px;}


.archiveHead__subtitle{
	font-size:1rem;
	display:block;
	margin-bottom:5px;
	color:rgba(0,0,0,0.5);
}
.archiveHead__subtitle i{margin-right:5px;}

.archiveHead .heading{
	border-bottom:1px dotted #d8d8d8;
	padding-bottom:5px;
}
.archiveHead__list{
	list-style:none;
	display: flex;
	flex-wrap: wrap;
	margin-top:-5px;
}
.archiveHead__item{
	margin:5px 10px 0 0;
	border:1px solid rgba(255,255,255,0.5);
}
.archiveHead__item:hover{
	background-color:#fff;
}
.archiveHead__link{
	padding:10px;
	display:block;
	color:#fff;
	font-size:1rem;
}
.archiveHead__link:hover{color:#191919;}

/*マスクありバージョン*/
.archiveHead.mask{ padding:20px;}
.archiveHead.mask .archiveHead__subtitle{color: rgba(255,255,255,0.5);}
.archiveHead.mask .heading{
	display:inline-block;
	color:#fff;
	border-bottom:2px solid;
}
.archiveHead.mask .phrase{color: rgba(255,255,255,0.9);}


/*自由テキストエリア用ボックス*/
.archiveContents{
	position:relative;
	width:100%;
	margin-top:20px;
}

/*投稿者アーカイブ用ソーシャルリンク*/
.archiveHead__slist{
	margin-top:-5px;
	list-style:none;
	display: flex;
	flex-wrap: wrap;
}
.archiveHead__sitem{ margin:5px 5px 0 0; }

.archiveHead__slink{
	display:block;
	width:55px;
	height:30px;
	line-height:30px;
	margin:0 auto;
	overflow:hidden;
	font-size:12px;
	text-align:center;
	transition: .15s;
	color:#fff;
	border:1px solid transparent;
}
.archiveHead__slink.icon-facebook{ background:#3B5998;}
.archiveHead__slink.icon-twitter{background:#00B0ED;}
.archiveHead__slink.icon-instagram{background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;}
.archiveHead__slink.icon-google-plus{background:#DF4A32;}
.archiveHead__slink.icon-youtube{background:#cd201f;}
.archiveHead__slink.icon-linkedin{background:#0079ba;}
.archiveHead__slink.icon-pinterest{background:#ce0f19;}

.archiveHead__slink.icon-facebook:hover{background:#ffffff; color:#3B5998; border:1px solid #3B5998;}
.archiveHead__slink.icon-twitter:hover{background:#ffffff; color:#00B0ED; border:1px solid #00B0ED;}
.archiveHead__slink.icon-instagram:hover{background:#ffffff; color:#CC55B1; border:1px solid #CC55B1;}
.archiveHead__slink.icon-google-plus:hover{background:#ffffff; color:#DF4A32; border:1px solid #DF4A32;}
.archiveHead__slink.icon-youtube:hover{background:#ffffff; color:#cd201f; border:1px solid #cd201f;}
.archiveHead__slink.icon-linkedin:hover{background:#ffffff; color:#0079ba; border:1px solid #0079ba;}
.archiveHead__slink.icon-pinterest:hover{background:#ffffff; color:#ce0f19; border:1px solid #ce0f19;}


/*サーチアーカイブ用検索条件エリア*/
.archiveHead__search{
	position:relative;
	width:100%;
}
.archiveHead__searchItem:not(:last-child) {margin-right:15px;}
.archiveHead__searchItem:not(:last-child):after {
	margin-left:15px;
	content: "×";
	color:rgba(0,0,0,0.5);
}
.archiveHead__searchItem:before {
	margin-right:5px;
	color:rgba(0,0,0,0.5);
	font-size:1.2rem;
}
.archiveHead__searchSeparator {
	margin:0 10px;
	color:rgba(0,0,0,0.5);
}





/*個別ページ限定パーツ
------------------------------------------------------------*/
/*フレーム設定*/
.pageContents{
	width:100%;
}







/*投稿(single)ページ限定パーツ
------------------------------------------------------------*/

/*-----バイラル風ページタイトル-----*/
.viral{
    position: relative;
    width: 100%;
    height: auto;
}
.viral__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -10;
    overflow: hidden;
}
.viral__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}

.viral__container {
    display: block;
    padding: 60px 0;
}
.viral__contents .heading{color:#FFF}
.viral__contents .dateList{
	display:inline-block;
	background: rgba(255,255,255,0.9);
	border-radius:5px;
	padding:5px 10px;
}
.viral__contents .dateList__item {margin-right: 10px;}

.viral .eyecatch{ display: none;}


/*-----コンテンツ-----*/
.postContents{
	width:100%;
}

/*-----記事下CTAエリア-----*/
.postCta,
.pageCta {
    width: 100%;
	margin-top: 40px;
}
/*スタイル(borderとshadowは共通スタイルを使用)*/
.postcta-bg,
.pagecta-bg {
	background:#a83f3f;
	padding:15px;
}




/*-----ページ内ページネーション-----*/
.pagePager{
	position:relative;
	width:100%;
	text-align:center;
	list-style:none;
	font-size:0;
	margin-top:60px;
}
.pagePager__item{
	font-family: "Fjalla One";
	display:inline-block;
	color:#a83f3f;
	background:#ffffff;
	border:rgba(0,0,0,0.10) 1px solid;
	font-size:1.2rem;
	margin-left:-1px;
}

.pagePager__item-current,
.pagePager__item a{
	display:inline-block;
	padding:10px;
	min-width: calc(1.2rem + 20px);
}
.pagePager__item:hover,
.pagePager__item-current{
	color:#ffffff;
	background:#a83f3f;
	transition: .15s;
}

/*-----ソーシャルリスト-----*/
.social-top{margin-bottom:40px;}
.social-bottom{margin-top:40px;}

.socialList{
	list-style:none;
	display: flex;
	flex-wrap:wrap;
}
.socialList__item {text-align:center;}
.socialList__link {
	display:block;
	padding: 0 10px;
}
.socialList__link::before{
	display:block;
	transition: .15s;
}


/*-----デザインtype-----*/
.socialList-type01 {justify-content: flex-end;}
.socialList-type01 .socialList__item {
    flex-grow: 1;
	height:40px;
	line-height:40px;
	min-width:70px;
}
.socialList-type01 .socialList__link {
	color:#ffffff;
	padding:0;
}
.socialList-type01 .socialList__link::before{font-size:2rem;}
.socialList-type01 .socialList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}


.socialList-type02 {justify-content: flex-end; margin:-5px 0 5px -5px;}
.socialList-type02 .socialList__item {
	flex-grow: 1;
	height:40px;
	line-height:40px;
	min-width:70px;
	margin:5px 0 0 5px;
}
.socialList-type02 .socialList__link {
	color:#ffffff;
	padding:0;
}
.socialList-type02 .socialList__link::before{font-size:2rem;}
.socialList-type02 .socialList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}


.socialList-type03 {margin:-5px 0 5px -5px;}
.socialList-type03 .socialList__item {
	height:30px;
	line-height:30px;
	width:30px;
	margin:5px 0 0 5px;
}
.socialList-type03 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	transition: .15s;
	padding:0;
}
.socialList-type03 .socialList__link::before{
	font-size:1.4rem;
	border-radius: 5px;
}
.socialList-type03 .socialList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}

.socialList-type04 {margin:-5px 0 -3px -5px;}
.socialList-type04 .socialList__item {
	height:30px;
	line-height:30px;
	width:30px;
	margin:5px 0 3px 5px;
}
.socialList-type04 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	transition: .15s;
	padding:0;
}
.socialList-type04 .socialList__link::before{font-size:1.4rem;}
.socialList-type04 .socialList__link:hover{opacity: 0.75;}
.socialList-type04 .socialList__link:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}


.socialList-type05 {margin:-5px 0 5px -5px;}
.socialList-type05 .socialList__item {
	height:60px;
	line-height:60px;
	width:60px;
	margin:5px 0 0 5px;
}
.socialList-type05 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	transition: .15s;
	padding:0;
}
.socialList-type05 .socialList__link::before{
	font-size:1.6rem;
	border-radius: 5px;
}
.socialList-type05 .socialList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}


.socialList-type06 {margin:-8px 0 0 -5px;}
.socialList-type06 .socialList__item {
	height:60px;
	line-height:60px;
	width:60px;
	margin:8px 0 0 5px;
}
.socialList-type06 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	transition: .15s;
}
.socialList-type06 .socialList__link::before{font-size:1.6rem;}
.socialList-type06 .socialList__link:hover{opacity: 0.75;}
.socialList-type06 .socialList__link:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}


.socialList-type07 {
	justify-content: flex-end;
	margin:-5px 0 5px -5px;
}
.socialList-type07 .socialList__item {
	flex-grow: 1;
	height:50px;
	line-height:50px;
	min-width:120px;
	text-align:center;
	margin:9px 0 0 5px;
}
.socialList-type07 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	border:2px solid;
	transition: .15s;
}
.socialList-type07 .socialList__link::before{
	font-size:1.6rem;
	display:inline-block;
	transition: 0s;
}
.socialList-type07 .socialList__link::after{
	content:attr(title);
	font-size:1.4rem;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}


.socialList-type08 {
    justify-content: flex-end;
	margin:-10px 0 0 -5px;
}
.socialList-type08 .socialList__item {
    flex-grow: 1;
	height:50px;
	line-height:50px;
	min-width:120px;
	text-align:center;
	margin:10px 0 0 5px;
}

.socialList-type08 .socialList__link {
	color:#ffffff;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	border-radius: 5px;
	transition: .15s;
}
.socialList-type08 .socialList__link::before{
	font-size:1.6rem;
	display:inline-block;
	transition: 0s;
}
.socialList-type08 .socialList__link::after{
	content:attr(title);
	font-size:1.4rem;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}
.socialList-type08 .socialList__link:hover{opacity: 0.75;}
.socialList-type08 .socialList__link:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}


.socialList-type09 {
	margin:-5px 0 5px -5px;
}
.socialList-type09 .socialList__item {
	height:50px;
	line-height:50px;
	text-align:center;
	margin:9px 0 0 5px;
}
.socialList-type09 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	border:2px solid;
	transition: .15s;
}
.socialList-type09 .socialList__link::before{
	font-size:1.6rem;
	display:inline-block;
	transition: 0s;
}
.socialList-type09 .socialList__link::after{
	content:attr(title);
	font-size:1.4rem;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}


.socialList-type10 {
	margin:-10px 0 0 -5px;
}
.socialList-type10 .socialList__item {
	height:50px;
	line-height:50px;
	text-align:center;
	margin:10px 0 0 5px;
}

.socialList-type10 .socialList__link {
	color:#ffffff;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	border-radius: 5px;
	transition: .15s;
}
.socialList-type10 .socialList__link::before{
	font-size:1.6rem;
	display:inline-block;
	transition: 0s;
}
.socialList-type10 .socialList__link::after{
	content:attr(title);
	font-size:1.4rem;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}
.socialList-type10 .socialList__link:hover{opacity: 0.75;}
.socialList-type10 .socialList__link:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}

.socialList-type11 {margin:-5px 0 5px -5px;}
.socialList-type11 .socialList__item {
	height:28px;
	line-height:28px;
	margin:5px 0 0 5px;
}

.socialList-type11 .socialList__link {
	color:#ffffff;
	border-radius: 5px;
	transition: .15s;
}
.socialList-type11 .socialList__link::before{
	font-size:1.4rem;
	display:inline-block;
	transition: 0s;
}
.socialList-type11 .socialList__link::after{
	content:attr(title);
	font-size:1.2rem;
	vertical-align: top;
	margin-left:5px;
}
.socialList-type11 .socialList__link:hover{opacity: 0.75;}



.socialList__link.icon-facebook{background:#3B5998;}
.socialList__link.icon-twitter{background:#00B0ED;}
.socialList__link.icon-google-plus{background:#DF4A32;}
.socialList__link.icon-hatenabookmark{background:#008FDE;}
.socialList__link.icon-pocket{background:#EB4654;}
.socialList__link.icon-line{background:#00C300;}
.socialList__link.icon-linkedin{background:#0e76a8;}
.socialList__link.icon-pinterest{background:#cb2027;}


.socialList-type01 .socialList__link.icon-facebook:hover::before,
.socialList-type02 .socialList__link.icon-facebook:hover::before,
.socialList-type03 .socialList__link.icon-facebook:hover::before,
.socialList-type05 .socialList__link.icon-facebook:hover::before,
.socialList-type07 .socialList__link.icon-facebook:hover::before,
.socialList-type09 .socialList__link.icon-facebook:hover::before{color:#3B5998;}

.socialList-type01 .socialList__link.icon-twitter:hover::before,
.socialList-type02 .socialList__link.icon-twitter:hover::before,
.socialList-type03 .socialList__link.icon-twitter:hover::before,
.socialList-type05 .socialList__link.icon-twitter:hover::before,
.socialList-type07 .socialList__link.icon-twitter:hover::before,
.socialList-type09 .socialList__link.icon-twitter:hover::before{color:#00B0ED;}

.socialList-type01 .socialList__link.icon-google-plus:hover::before,
.socialList-type02 .socialList__link.icon-google-plus:hover::before,
.socialList-type03 .socialList__link.icon-google-plus:hover::before,
.socialList-type05 .socialList__link.icon-google-plus:hover::before,
.socialList-type07 .socialList__link.icon-google-plus:hover::before,
.socialList-type09 .socialList__link.icon-google-plus:hover::before{color:#DF4A32;}

.socialList-type01 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type02 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type03 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type05 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type07 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover::before{color:#008FDE;}

.socialList-type01 .socialList__link.icon-pocket:hover::before,
.socialList-type02 .socialList__link.icon-pocket:hover::before,
.socialList-type03 .socialList__link.icon-pocket:hover::before,
.socialList-type05 .socialList__link.icon-pocket:hover::before,
.socialList-type07 .socialList__link.icon-pocket:hover::before,
.socialList-type09 .socialList__link.icon-pocket:hover::before{color:#EB4654;}

.socialList-type01 .socialList__link.icon-line:hover::before,
.socialList-type02 .socialList__link.icon-line:hover::before,
.socialList-type03 .socialList__link.icon-line:hover::before,
.socialList-type05 .socialList__link.icon-line:hover::before,
.socialList-type07 .socialList__link.icon-line:hover::before,
.socialList-type09 .socialList__link.icon-line:hover::before{color:#00C300;}

.socialList-type01 .socialList__link.icon-linkedin:hover::before,
.socialList-type02 .socialList__link.icon-linkedin:hover::before,
.socialList-type03 .socialList__link.icon-linkedin:hover::before,
.socialList-type05 .socialList__link.icon-linkedin:hover::before,
.socialList-type07 .socialList__link.icon-linkedin:hover::before,
.socialList-type09 .socialList__link.icon-linkedin:hover::before{color:#0e76a8;}

.socialList-type01 .socialList__link.icon-pinterest:hover::before,
.socialList-type02 .socialList__link.icon-pinterest:hover::before,
.socialList-type03 .socialList__link.icon-pinterest:hover::before,
.socialList-type05 .socialList__link.icon-pinterest:hover::before,
.socialList-type07 .socialList__link.icon-pinterest:hover::before,
.socialList-type09 .socialList__link.icon-pinterest:hover::before{color:#cb2027;}


.socialList-type07 .socialList__link.icon-facebook:hover,
.socialList-type09 .socialList__link.icon-facebook:hover{color:#3B5998; background:#ffffff; border-color:#3B5998;}
.socialList-type07 .socialList__link.icon-twitter:hover,
.socialList-type09 .socialList__link.icon-twitter:hover{color:#00B0ED; background:#ffffff; border-color:#00B0ED;}
.socialList-type07 .socialList__link.icon-google-plus:hover,
.socialList-type09 .socialList__link.icon-google-plus:hover{color:#DF4A32; background:#ffffff; border-color:#DF4A32;}
.socialList-type07 .socialList__link.icon-hatenabookmark:hover,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover{color:#008FDE; background:#ffffff; border-color:#008FDE;}
.socialList-type07 .socialList__link.icon-pocket:hover,
.socialList-type09 .socialList__link.icon-pocket:hover{color:#EB4654; background:#ffffff; border-color:#EB4654;}
.socialList-type07 .socialList__link.icon-line:hover,
.socialList-type09 .socialList__link.icon-line:hover{color:#00C300; background:#ffffff; border-color:#00C300;}
.socialList-type07 .socialList__link.icon-linkedin:hover,
.socialList-type09 .socialList__link.icon-linkedin:hover{color:#0e76a8; background:#ffffff; border-color:#0e76a8;}
.socialList-type07 .socialList__link.icon-pinterest:hover,
.socialList-type09 .socialList__link.icon-pinterest:hover{color:#cb2027; background:#ffffff; border-color:#cb2027;}








/*-----SNSフォローエリア-----*/
.snsFollow{
	display:flex;
	height:200px;
	margin-top: 40px;
}
.snsFollow__bg{
	flex:2;
	position:relative;
	overflow:hidden;
}
.snsFollow__bg::after{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background-color: rgba(0,0,0,.5);
}
.snsFollow__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}
.snsFollow__contents{
	flex:3;
	position:relative;
	background:#191919;
	text-align:center;
	padding:20px;
	border-left:1px solid rgba(255,255,255,0.10);
}

.snsFollow__text{
	width:100%;
	color:#ffffff;
	margin:40px auto 10px auto;
	font-weight:bold;
	line-height: 1.5;
}

.snsFollow__list{
	list-style:none;
	display:inline-block;
	margin:0 auto ;
}
.snsFollow__item{
	list-style:none;
	display:inline-block;
	margin:0 5px 5px 5px;
	vertical-align:top;
}





/*-----前次の記事-----*/
.prevNext {
    margin-top: 40px;
	list-style-type: none;
    display:flex;
    flex-wrap:wrap;
	border-top: 1px solid rgba(0,0,0,0.10);
	border-bottom: 1px solid rgba(0,0,0,0.10);
}


.prevNext__item {position:relative;}
.prevNext__item.prevNext__item-prev{
	width:100%;
	border-bottom: 1px solid rgba(0,0,0,0.10);
	padding-bottom:20px;
}
.prevNext__item.prevNext__item-next{width:100%;}


.prevNext .eyecatch{
	margin-bottom:0;
	background:rgba(0,0,0,0.05);
}
.prevNext .eyecatch__link::before{
	content:"";
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(0,0,0,.5);
	transition: .3s;
	z-index:1;
}
.prevNext .eyecatch__link:hover::before{background: rgba(0,0,0,0);}

.prevNext__pop{
	display: inline-block;
	position:absolute;
	top:0;
	height:30px;
	line-height:30px;
	background:#a83f3f;
	padding:0 10px;
	color:#ffffff;
	z-index:999;
}
.prevNext__item.prevNext__item-prev .prevNext__pop{left:0;}
.prevNext__item.prevNext__item-next .prevNext__pop{right:0;}

.prevNext__title{
	position:absolute;
	left:20px;
	right:20px;
	bottom:10px;
	color:#ffffff;
	z-index:999;
}
.prevNext__item.prevNext__item-prev .prevNext__title{float:right;}
.prevNext__item.prevNext__item-next .prevNext__title{float:left;}
.prevNext__title a:hover {text-decoration:underline;}
.prevNext__title span{
	display: block;
    font-size: 1.2rem;
    color: rgba(255,255,255,0.5);
    line-height:1.5;
}
.prevNext__title span::before {
    margin-right: 2.5px;
    line-height: 1;
}

.prevNext__text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #BFBFBF;
}
.prevNext__item.prevNext__item-prev .prevNext__text{padding-left:20px;}
.prevNext__item.prevNext__item-next .prevNext__text{padding-right:20px;}




/*-----ダブルレクタングル広告リスト-----*/
.rectangle {
	width:100%;
	overflow:hidden;
	margin-top:40px;
	padding:0 10px;
	background-color:#F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px;
}
.rectangle-no {padding: 0; background:transparent; }

.rectangle__item {
	width:100%;
	text-align:center;
}
.rectangle__item.rectangle__item-right{ display:none}

.rectangle__title{
	display:block;
	clear: both;
	font-size: 1.2rem;
    padding: 10px 0;
    display: block;
    font-weight: normal;
    text-align: center;
}

.rectangle .adsbygoogle {
	width:336px;
	height: 280px;
	max-width:100%;
	margin: auto;
}



/*-----プロフィールボックス-----*/
.profile{
	border: 5px solid rgba(0,0,0,0.05);
    margin-top: 40px;
	padding:20px;
	background:#ffffff;
}
.profile__author{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.profile__text{
	background:#EFEFEF;
	font-size:1.6rem;
	padding:15px;
	margin-bottom:20px;
}
.profile__author img {
    border-radius: 50%;
	margin-bottom:10px;
}
.profile__name{
	font-size:1.6rem;
	margin-bottom:5px;
}
.profile__group{
	font-weight:normal;
}


.profile__description{
	line-height:1.75;
	margin-bottom:20px;
}
.profile__list{
	list-style:none;
	display:flex;
	justify-content: center;
	overflow:auto;
	margin-bottom:20px;
}
.profile__item{ margin:0 2.5px;}


.profile__link{
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
	line-height:30px;
	border-radius:50%;
	font-size:14px;
	text-align:center;
	transition: .15s;
	color:#fff;
}
.profile__link.icon-facebook{ background:#3B5998}
.profile__link.icon-twitter{background:#00B0ED}
.profile__link.icon-instagram{background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}
.profile__link.icon-google-plus{background:#DF4A32}
.profile__link.icon-youtube{background:#cd201f}
.profile__link.icon-linkedin{background:#0079ba}
.profile__link.icon-pinterest{background:#ce0f19}
.profile__link.icon-rss{background:#ff9900}

.profile__link.icon-facebook:hover,
.profile__link.icon-twitter:hover,
.profile__link.icon-instagram:hover,
.profile__link.icon-google-plus:hover,
.profile__link.icon-youtube:hover,
.profile__link.icon-linkedin:hover,
.profile__link.icon-pinterest:hover,
.profile__link.icon-rss:hover{animation: flash 1s;}





/*-----関連記事-----*/
.related {
	border-top: 1px solid rgba(0,0,0,0.10);
	margin-top: 40px;
	padding-top: 20px;
}
.related__list {list-style-type: none;}
.related__item {
	padding-bottom:20px;
	width: 100%;
    display: flex;
    align-items: flex-start;
}
.related__item .eyecatch{max-width: 200px;}
.related__item .archive__contents{
	width: 100%;
	margin-left: 15px;
}
.related__item .archive__contents-noImg {margin-left: 0;}
.related__item:last-child{padding-bottom:0;}






/*-----コメント-----*/
.comments{
    border-top: 1px solid rgba(0,0,0,0.10);
    margin-top: 40px;
    padding-top: 20px;
}
.comments__list{list-style:none;}
.comments__list li {
	overflow: hidden;
	background:#ffffff;
	border:1px solid rgba(0,0,0,0.10);
	padding:15px 15px 0 15px;
	margin-bottom:20px;
}
.comments__list .children {list-style:none;}
.comments__list .children li {background:#F2F2F2;}
.comments__list .children li .children li {background:#ffffff;}
.comments__list .children li .children li .children li {
	background:#ffffff;
	margin:0 -15px;
	border:0;
	border-top:1px solid rgba(0,0,0,0.10);
}


.comments__list .comment-body{margin-bottom:20px;}
.comments__list .comment-body p{
	line-height:1.75;
	margin-bottom:20px;
	font-size:1.4rem;
}
.comments__list .reply{
	width:100%;
	text-align: right;
}
.comments__list .comment-author{
	width:100%;
	overflow:hidden;
	margin-bottom: 10px;
}
.comments__list .comment-author .avatar {
	border-radius: 50%;
	float:left;
	margin-right: 10px;
}
.comments__list .comment-author .fn{line-height:1.5;font-size:1.4rem;}
.comments__list .comment-author .fn a{ text-decoration:underline;}
.comments__list .comment-author .says{display:none;}
.comments__list .comment-meta{
	width:100%;
	margin-bottom: 10px;
	background:#a83f3f;
	padding:5px 10px;
	border-radius: 5px;
}
.comments__list .comment-meta a{color:#FFF;}
.comments__list .comment-respond{
	background:#ffffff;
	padding:15px;
	margin-bottom:20px;
	border:1px solid rgba(0,0,0,0.10);
}
.comments__list .children li .children li .children li .comment-respond{
	margin:0 -15px;
	border:0;
	border-top:1px solid rgba(0,0,0,0.10);
}
.comments__list .comment-reply-link{
	display: inline-block;
	position:relative;
	font-size: 1.2rem;
	line-height:1;
    padding: 10px 20px;
    border-radius: 5px;
    color: #a83f3f;
    border: 1px solid;
}
.comments__list .comment-reply-link:hover{color: #ffffff;}
.comments__list .comment-reply-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
}



.comment-respond #email-notes,
.comment-respond .logged-in-as{
	font-size:1.2rem;
	line-height:1.5;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as,
.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url{margin-bottom:20px;}
.comment-respond label{
	display: inline-block;
	margin-bottom: 10px;
	font-weight:bold;
}
.comment-respond input,
.comment-respond textarea{
	width: 100%;
	display: block;
    border: none;
    padding:10px;
    border-radius: 5px;
    background: #F2F2F2;
	border:1px solid rgba(0,0,0,0.10);
}
.comment-respond .submit{
	color:#ffffff;
	background:#a83f3f;
	cursor:pointer;
	font-weight:bold;
	margin-top:10px;
}
.comment-respond #wp-comment-cookies-consent{
	width: auto;
	display: inline;
}
.comment-respond #cancel-comment-reply-link{
	font-size: 1.2rem;
	line-height:1;
    padding: 10px;
    border-radius: 5px;
    color: #a83f3f;
    border: 1px solid;
	margin-left:10px;
}








/*個別ページパーツ
------------------------------------------------------------*/

/*-----個別ページ本文フレーム-----*/
.content{
	position: relative;
	font-size:1.4rem;
	line-height:1.85;
}
.content::after {
	content: "";
	display: block;
	clear: both;
}

/*-----リンク-----*/
.content a{color:#63acb7;}
.content a:hover{font-weight:bold;}

/*-----リンクカラーリセット-----*/
.content .the__category a{color:#FFF;}
.content .eyecatch__cat a{color:#FFF;}
.content .heading a{color:#191919;}


/*-----IMG-----*/
.content img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

/*-----IMG A8広告などの1px × 1px の画像処理-----*/
.content img[width="1"],
.content img[height="1"]{position: absolute;}

/*-----IMGサイズリセット-----*/
.content .eyecatch__link img{height: 100%;}


/*-----サイトマップページリンクカラー-----*/
.content .sitemap li a{ color:#191919}

/*-----共通ボタン-----*/
.btn{
	width:100%;
	line-height:1
}
.btn-left{text-align: left;}
.btn-center{text-align: center;}
.btn-right{text-align: right;}

/*ボタン本体*/
.content .btn__link{
	position: relative;
	display: inline-block;
	cursor: pointer;
	transition: .15s;
}
.content .btn__link::before{
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	right: 10px;
	width: 5px;
	height: 5px;
	margin: auto;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
}

/*ボタン：基本デザイン*/
.content .btn__link-normal{
	font-size:1.2rem;
	padding: 10px 20px;
	border-radius: 5px;
	color: #a83f3f;
	border: 1px solid;
}
.content .btn__link-normal:hover {
	color: #ffffff;
	background: #a83f3f;
	border: 1px solid;
	border-color:transparent;
	font-weight:normal;
}

/*ボタン：ビッグデザイン用*/
.content .btn__link-primary{
	padding: 15px 40px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.4rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.content .btn__link-primary::before{
	border-top: 2px solid;
	border-right: 2px solid;
}
.content .btn__link-primary::after {
	content: "";
	position: absolute;
	top: -50px;
	left: -100px;
	background: #fff;
	width: 50px;
	height: calc(100% + 100px);
	opacity: 0.1;
	transform: rotate(45deg);
	transition: .3s;
}
.content .btn__link-primary:hover::after {left: calc(100% + 50px);}
.content .btn__link-primary:hover {border-bottom: solid 3px rgba(0,0,0,0.25);}
.content .btn__link-primary:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}

/*ボタン：ミニデザイン用*/
.content .btn__link-secondary{
	padding: 5px 25px  5px 15px;
	border-radius: 5px;
	background: #a83f3f;
	border:none;
	border-bottom: solid 3px rgba(0,0,0,0.25);
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	line-height:normal;
}
.content .btn__link-secondary:hover {border-bottom: solid 3px rgba(0,0,0,0.25);}
.content .btn__link-secondary:active {
	transform: translateY(3px);
	border-bottom: solid 3px transparent;
}



/*-----段落-----*/
.content p{margin-top:2rem;}
.content p::after {
	content: "";
	display: block;
	clear: both;
}


/*-----ボックス-----*/
.content div{margin-top:2rem;}
.content div::after {
	content: "";
	display: block;
	clear: both;
}



/*-----カラム-----*/
.content .column-2,
.content .column-237,
.content .column-273{
	display: flex;
	position: relative;
}
.content .column-2 .column__item,
.content .column-237 .column__item,
.content .column-273 .column__item{
    flex: 1;
	margin-left:20px;
	margin-top:0;
}
.content .column-2 .column__item:first-child,
.content .column-237 .column__item:first-child,
.content .column-273 .column__item:first-child{margin-left:0}

.content .column-237 .column__item:first-child{flex: 3;}
.content .column-237 .column__item:last-child {flex: 7;}
.content .column-273 .column__item:first-child{flex: 7;}
.content .column-273 .column__item:last-child {flex: 3;}






/*-----すべての見出し-----*/
.content h2,
.content h3,
.content h4,
.content h5{
	line-height:1.5;
	margin-top:4rem;
}
.content h2{font-size:2.2rem;}
.content h3{font-size:1.8rem;}
.content h4{font-size:1.6rem;}
.content h5{font-size:1.4rem;}
.content h2 + h2, .content h2 + h3, .content h2 + h4, .content h2 + h5,
.content h3 + h2, .content h3 + h3, .content h3 + h4, .content h3 + h5,
.content h4 + h2, .content h4 + h3, .content h4 + h4, .content h4 + h5,
.content h5 + h2, .content h5 + h3, .content h5 + h4, .content h5 + h5{margin-top:2rem;}

.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a{ color:#191919;}


/*-----見出しのデザイン-----*/
/*下線/左線シリーズ1～*/
.partsH2-1 h2,
.partsH3-1 h3,
.partsH4-1 h4,
.partsH5-1 h5{
	padding-bottom: 10px;
	border-bottom: solid 4px #a83f3f;
}

.partsH2-2 h2,
.partsH3-2 h3,
.partsH4-2 h4,
.partsH5-2 h5{
	position: relative;
	padding-bottom: 16px;
}
.partsH2-2 h2::after,
.partsH3-2 h3::after,
.partsH4-2 h4::after,
.partsH5-2 h5::after{
	content: "";
	display:block;
	position: absolute;
	bottom: 0;
	width:100%;
	height: 6px;
	border-top: 2px solid #a83f3f;
	border-bottom: 1px solid #a83f3f;
}

.partsH2-3 h2,
.partsH3-3 h3,
.partsH4-3 h4,
.partsH5-3 h5{
	padding-bottom: 10px;
	border-bottom: dotted 1px #a83f3f;
}

.partsH2-4 h2,
.partsH3-4 h3,
.partsH4-4 h4,
.partsH5-4 h5{
	position: relative;
	padding-bottom: 14px;
	overflow: hidden;
}
.partsH2-4 h2::before,
.partsH3-4 h3::before,
.partsH4-4 h4::before,
.partsH5-4 h5::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 4px solid #a83f3f;
}
.partsH2-4 h2::after,
.partsH3-4 h3::after,
.partsH4-4 h4::after,
.partsH5-4 h5::after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 4px solid #D8D8D8;
}

.partsH2-5 h2,
.partsH3-5 h3,
.partsH4-5 h4,
.partsH5-5 h5{
	background: linear-gradient(transparent 60%, #D8D8D8 60%);
}




.partsH2-6 h2,
.partsH3-6 h3,
.partsH4-6 h4,
.partsH5-6 h5{
	position: relative;
	padding-bottom: 14px;
	padding-right: 30px;
}
.partsH2-6 h2::before,
.partsH3-6 h3::before,
.partsH4-6 h4::before,
.partsH5-6 h5::before{
	content: "";
	position: absolute;
	bottom: -0;
	right: 0;
	width: 0;
	height: 0;
	border: none;
	border-right: solid 15px transparent;
	border-bottom: solid 15px #a83f3f;
}
.partsH2-6 h2::after,
.partsH3-6 h3::after,
.partsH4-6 h4::after,
.partsH5-6 h5::after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 100%;
	border-bottom: solid 4px #a83f3f;
}




.partsH2-7 h2,
.partsH3-7 h3,
.partsH4-7 h4,
.partsH5-7 h5{
	position: relative;
	padding-bottom: 16px;
}
.partsH2-7 h2::after,
.partsH3-7 h3::after,
.partsH4-7 h4::after,
.partsH5-7 h5::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 2px, #fff 2px, #fff 4px);
}



.partsH2-8 h2,
.partsH3-8 h3,
.partsH4-8 h4,
.partsH5-8 h5{
	position: relative;
	padding-bottom: 14px;
}
.partsH2-8 h2::after,
.partsH3-8 h3::after,
.partsH4-8 h4::after,
.partsH5-8 h5::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #a83f3f, #D8D8D8);
}



.partsH2-9 h2,
.partsH3-9 h3,
.partsH4-9 h4,
.partsH5-9 h5{
	position: relative;
	padding-bottom: 14px;
	text-align:center;
}
.partsH2-9 h2::after,
.partsH3-9 h3::after,
.partsH4-9 h4::after,
.partsH5-9 h5::after{
	content: "";
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 60px;
	height: 4px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #a83f3f;
	border-radius: 2px;
}


.partsH2-10 h2,
.partsH3-10 h3,
.partsH4-10 h4,
.partsH5-10 h5{
	position: relative;
	padding-bottom:10px;
	text-align:center;
	border-bottom: 1px solid #a83f3f;
}
.partsH2-10 h2::before,
.partsH3-10 h3::before,
.partsH4-10 h4::before,
.partsH5-10 h5::before{
	content: "";
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	border: 10px solid transparent;
	border-top: 10px solid #a83f3f;
}
.partsH2-10 h2::after,
.partsH3-10 h3::after,
.partsH4-10 h4::after,
.partsH5-10 h5::after{
	content: "";
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	border: 10px solid transparent;
	border-top: 10px solid #ffffff;
	margin-top: -1px;
}

.partsH2-11 h2,
.partsH3-11 h3,
.partsH4-11 h4,
.partsH5-11 h5{
	padding: 10px 0 10px 20px;
	border-left: solid 4px #a83f3f;
}

.partsH2-12 h2,
.partsH3-12 h3,
.partsH4-12 h4,
.partsH5-12 h5{
	padding: 10px 0 10px 20px;
	border-left: solid 4px #a83f3f;
	border-bottom: solid 1px #D8D8D8;
}

.partsH2-13 h2,
.partsH3-13 h3,
.partsH4-13 h4,
.partsH5-13 h5{
	padding: 10px 0 10px 20px;
	border-left: solid 4px #a83f3f;
	border-bottom: dotted 1px #D8D8D8;
}

.partsH2-14 h2,
.partsH3-14 h3,
.partsH4-14 h4,
.partsH5-14 h5{
	position: relative;
	padding: 10px 0 10px 20px;
	border-left: solid 4px #a83f3f;
}

.partsH2-14 h2::before,
.partsH3-14 h3::before,
.partsH4-14 h4::before,
.partsH5-14 h5::before {
	content: "";
	position: absolute;
	left: -4px;
	bottom: 0;
	width: 4px;
	height: 50%;
	background-color: #D8D8D8;
}
.partsH2-14 h2::after,
.partsH3-14 h3::after,
.partsH4-14 h4::after,
.partsH5-14 h5::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #D8D8D8;
}



/*枠/背景シリーズ21～*/
.partsH2-21 h2,
.partsH3-21 h3,
.partsH4-21 h4,
.partsH5-21 h5{
	padding: 20px;
	background-color:#f2f2f2;
}

.partsH2-22 h2,
.partsH3-22 h3,
.partsH4-22 h4,
.partsH5-22 h5{
	padding: 20px;
	background-color:#f2f2f2;
	border-bottom: 4px solid #a83f3f;
}
.partsH2-23 h2,
.partsH3-23 h3,
.partsH4-23 h4,
.partsH5-23 h5{
	padding: 20px;
	background-color:#f2f2f2;
	border-left: 4px solid #a83f3f;
}

.partsH2-24 h2,
.partsH3-24 h3,
.partsH4-24 h4,
.partsH5-24 h5{
	padding: 20px;
	background-color:#f2f2f2;
	border-left: 4px solid #a83f3f;
	border-bottom: 4px solid rgba(0,0,0,0.10);
}




.partsH2-25 h2,
.partsH3-25 h3,
.partsH4-25 h4,
.partsH5-25 h5{
	position: relative;
    padding: 20px;
    background-color:#f2f2f2;
    border-radius: 5px;
}
.partsH2-25 h2::after,
.partsH3-25 h3::after,
.partsH4-25 h4::after,
.partsH5-25 h5::after{
	position: absolute;
	top: 100%;
	left: 30px;
	content: "";
	height: 0;
	width: 0;
	border: 10px solid transparent;
	margin-top: -2px;
	border-top: 15px solid #f2f2f2;
}

.partsH2-26 h2,
.partsH3-26 h3,
.partsH4-26 h4,
.partsH5-26 h5{
	position: relative;
    padding: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}
.partsH2-26 h2::before,
.partsH3-26 h3::before,
.partsH4-26 h4::before,
.partsH5-26 h5::before{
	position: absolute;
	top: 100%;
	left: 30px;
	content: "";
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 15px solid #D8D8D8;
}
.partsH2-26 h2::after,
.partsH3-26 h3::after,
.partsH4-26 h4::after,
.partsH5-26 h5::after{
	position: absolute;
	top: 100%;
	left: 30px;
	content: "";
	height: 0;
	width: 0;
	border: 10px solid transparent;
	margin-top: -2px;
	border-top: 15px solid #ffffff;
}

.partsH2-27 h2,
.partsH3-27 h3,
.partsH4-27 h4,
.partsH5-27 h5{
	position: relative;
	padding:20px;
	color:#FFF;
	background: #a83f3f;
}
.partsH2-27 h2::before,
.partsH3-27 h3::before,
.partsH4-27 h4::before,
.partsH5-27 h5::before{
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #752f2f;
	border-left: 5px solid #752f2f;
}
.partsH2-27 h2::after,
.partsH3-27 h3::after,
.partsH4-27 h4::after,
.partsH5-27 h5::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #752f2f;
	border-right: 5px solid #752f2f;
}

.partsH2-28 h2,
.partsH3-28 h3,
.partsH4-28 h4,
.partsH5-28 h5{
	position: relative;
	padding:20px;
	color:#FFF;
	background: #a83f3f;
}
.partsH2-28 h2::before,
.partsH3-28 h3::before,
.partsH4-28 h4::before,
.partsH5-28 h5::before{
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width:100%;
	height: 0;
	border: solid 10px transparent;
	border-bottom-color: #752f2f;
}

.partsH2-29 h2,
.partsH3-29 h3,
.partsH4-29 h4,
.partsH5-29 h5{
	position: relative;
	padding:20px;
	color:#FFF;
	background: #a83f3f;
	box-shadow: 0px 0px 0px 5px #a83f3f;
	border: dashed 1px #ffffff;
}

.partsH2-30 h2,
.partsH3-30 h3,
.partsH4-30 h4,
.partsH5-30 h5{
	position: relative;
	padding:20px;
	color:#FFF;
	background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 3px,#752f2f 3px, #752f2f 7px);
}



.partsH2-31 h2,
.partsH3-31 h3,

.partsH4-31 h4,
.partsH5-31 h5{
	position: relative;
	padding: 20px;
	text-align:center;
	border: solid 1px #a83f3f;
}

.partsH2-32 h2,
.partsH3-32 h3,
.partsH4-32 h4,
.partsH5-32 h5{
	position: relative;
	padding: 20px;
	text-align:center;
	border: dashed 1px #a83f3f;
	border-radius:5px;
}

.partsH2-33 h2,
.partsH3-33 h3,
.partsH4-33 h4,
.partsH5-33 h5{
	position: relative;
	padding: 20px;
	text-align:center;
}
.partsH2-33 h2::before,
.partsH3-33 h3::before,
.partsH4-33 h4::before,
.partsH5-33 h5::before{
	display: inline-block;
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width: 20px;
	height: 30px;
	border-left: solid 1px #a83f3f;
	border-top: solid 1px #a83f3f;
}
.partsH2-33 h2::after,
.partsH3-33 h3::after,
.partsH4-33 h4::after,
.partsH5-33 h5::after{
	display: inline-block;
	content: "";
	position: absolute;
	bottom:0;
	right: 0;
	width: 20px;
	height: 30px;
	border-right: solid 1px #a83f3f;
	border-bottom: solid 1px #a83f3f;
}



.partsH2-34 h2,
.partsH3-34 h3,
.partsH4-34 h4,
.partsH5-34 h5{
	position: relative;
	padding: 20px;
	text-align:center;
	border-top: solid 1px #a83f3f;
	border-bottom: solid 1px #a83f3f;
}
.partsH2-34 h2::before,
.partsH3-34 h3::before,
.partsH4-34 h4::before,
.partsH5-34 h5::before{
	content: "";
	position: absolute;
	top: -10px;
	left:10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #a83f3f;
}
.partsH2-34 h2::after,
.partsH3-34 h3::after,
.partsH4-34 h4::after,
.partsH5-34 h5::after{
	content: "";
	position: absolute;
	top: -10px;
	right:10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #a83f3f;
}





/*グラデシリーズ41～*/
.partsH2-41 h2,
.partsH3-41 h3,
.partsH4-41 h4,
.partsH5-41 h5{
	position: relative;
	padding: 20px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%);
}

.partsH2-42 h2,
.partsH3-42 h3,
.partsH4-42 h4,
.partsH5-42 h5{
	position: relative;
	padding: 20px;
	border-radius:5px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%);
}

.partsH2-43 h2,
.partsH3-43 h3,
.partsH4-43 h4,
.partsH5-43 h5{
	position: relative;
	padding: 20px;
	border-radius:100px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%);
}


.partsH2-44 h2,
.partsH3-44 h3,
.partsH4-44 h4,
.partsH5-44 h5{
	position: relative;
	padding: 20px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}

.partsH2-45 h2,
.partsH3-45 h3,
.partsH4-45 h4,
.partsH5-45 h5{
	position: relative;
	padding: 20px;
	border-radius:5px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}


.partsH2-46 h2,
.partsH3-46 h3,
.partsH4-46 h4,
.partsH5-46 h5{
	position: relative;
	padding: 20px;
	border-radius:50px;
	border: 1px solid #f2f2f2;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}


.partsH2-47 h2,
.partsH3-47 h3,
.partsH4-47 h4,
.partsH5-47 h5{
	position: relative;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}

.partsH2-48 h2,
.partsH3-48 h3,
.partsH4-48 h4,
.partsH5-48 h5{
	position: relative;
	padding: 20px;
	border-radius:5px;
	border: 1px solid #f2f2f2;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}

.partsH2-49 h2,
.partsH3-49 h3,
.partsH4-49 h4,
.partsH5-49 h5{
	position: relative;
	padding: 20px;
	border: 1px solid #323232;
	color:#ffffff;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,0.5);
    background:linear-gradient(#191919 0%, #323232 100%);
}

.partsH2-50 h2,
.partsH3-50 h3,
.partsH4-50 h4,
.partsH5-50 h5{
	position: relative;
	padding: 20px;
	border-radius:5px;
	border: 1px solid #323232;
	color:#ffffff;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,0.5);
    background:linear-gradient(#191919 0%, #323232 100%);
}



/*マークシリーズ61～*/
.partsH2-61 h2,
.partsH3-61 h3,
.partsH4-61 h4,
.partsH5-61 h5{
	position: relative;
	padding: 10px 0 10px 30px;
}
.partsH2-61 h2::after,
.partsH3-61 h3::after,
.partsH4-61 h4::after,
.partsH5-61 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 20px;
	height: 4px;
	transform:translateY(-50%);
	background-color: #a83f3f;
}

.partsH2-62 h2,
.partsH3-62 h3,
.partsH4-62 h4,
.partsH5-62 h5{
	position: relative;
	padding: 20px 0 20px 30px;
	background-color: #a83f3f;
	color:#ffffff;
	border-radius:5px;
}
.partsH2-62 h2::after,
.partsH3-62 h3::after,
.partsH4-62 h4::after,
.partsH5-62 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 20px;
	height: 4px;
	transform:translateY(-50%);
	background-color: #ffffff;
}

.partsH2-63 h2,
.partsH3-63 h3,
.partsH4-63 h4,
.partsH5-63 h5{
	position: relative;
	padding: 20px 0 20px 30px;
	border:1px solid #d8d8d8;
	border-radius:5px;
}
.partsH2-63 h2::after,
.partsH3-63 h3::after,
.partsH4-63 h4::after,
.partsH5-63 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 20px;
	height: 4px;
	transform:translateY(-50%);
	background-color: #a83f3f;
}

.partsH2-64 h2,
.partsH3-64 h3,
.partsH4-64 h4,
.partsH5-64 h5{
	position: relative;
	padding: 20px 0 20px 30px;
	border: 1px solid #f2f2f2;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}
.partsH2-64 h2::after,
.partsH3-64 h3::after,
.partsH4-64 h4::after,
.partsH5-64 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 20px;
	height: 4px;
	transform:translateY(-50%);
	background-color: #a83f3f;
}

.partsH2-65 h2,
.partsH3-65 h3,
.partsH4-65 h4,
.partsH5-65 h5{
	position: relative;
	padding: 20px 0 20px 30px;
	border: 1px solid #323232;
	color:#ffffff;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,0.5);
    background:linear-gradient(#191919 0%, #323232 100%);
}
.partsH2-65 h2::after,
.partsH3-65 h3::after,
.partsH4-65 h4::after,
.partsH5-65 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 20px;
	height: 4px;
	transform:translateY(-50%);
	background-color: #a83f3f;
}


.partsH2-71 h2,
.partsH3-71 h3,
.partsH4-71 h4,
.partsH5-71 h5{
	position: relative;
	padding: 10px 0 10px 25px;
}
.partsH2-71 h2::after,
.partsH3-71 h3::after,
.partsH4-71 h4::after,
.partsH5-71 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	width: 15px;
	height:15px;
	border: solid 4px #a83f3f;
	border-radius:100%;
	transform:translateY(-50%);
}

.partsH2-72 h2,
.partsH3-72 h3,
.partsH4-72 h4,
.partsH5-72 h5{
	position: relative;
	padding: 20px 0 20px 35px;
	background-color: #a83f3f;
	color:#ffffff;
	border-radius:5px;
}
.partsH2-72 h2::after,
.partsH3-72 h3::after,
.partsH4-72 h4::after,
.partsH5-72 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:10px;
	width: 15px;
	height:15px;
	border: solid 4px #ffffff;
	border-radius:100%;
	transform:translateY(-50%);
}


.partsH2-73 h2,
.partsH3-73 h3,
.partsH4-73 h4,
.partsH5-73 h5{
	position: relative;
	padding: 20px 0 20px 35px;
	border:1px solid #d8d8d8;
	border-radius:5px;
}
.partsH2-73 h2::after,
.partsH3-73 h3::after,
.partsH4-73 h4::after,
.partsH5-73 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:10px;
	width: 15px;
	height:15px;
	border: solid 4px #a83f3f;
	border-radius:100%;
	transform:translateY(-50%);
}

.partsH2-74 h2,
.partsH3-74 h3,
.partsH4-74 h4,
.partsH5-74 h5{
	position: relative;
	padding: 20px 0 20px 35px;
	border: 1px solid #f2f2f2;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.5);
    background:linear-gradient(#ffffff 0%, #f2f2f2 100%);
}
.partsH2-74 h2::after,
.partsH3-74 h3::after,
.partsH4-74 h4::after,
.partsH5-74 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:10px;
	width: 15px;
	height:15px;
	border: solid 4px #a83f3f;
	border-radius:100%;
	transform:translateY(-50%);
}

.partsH2-75 h2,
.partsH3-75 h3,
.partsH4-75 h4,
.partsH5-75 h5{
	position: relative;
	padding: 20px 0 20px 35px;
	border: 1px solid #323232;
	color:#ffffff;
	border-top: 4px solid #a83f3f;
	box-shadow:inset 1px -1px 0 rgba(255,255,255,0.5);
    background:linear-gradient(#191919 0%, #323232 100%);
}
.partsH2-75 h2::after,
.partsH3-75 h3::after,
.partsH4-75 h4::after,
.partsH5-75 h5::after{
	content: "";
	position: absolute;
	top: 50%;
	left:10px;
	width: 15px;
	height:15px;
	border: solid 4px #a83f3f;
	border-radius:100%;
	transform:translateY(-50%);
}


/*先頭文字大シリーズ81～*/
.partsH2-81 h2:first-letter{font-size:3.2rem;}
.partsH3-81 h3:first-letter{font-size:2.8rem;}
.partsH4-81 h4:first-letter{font-size:2.6rem;}
.partsH5-81 h5:first-letter{font-size:2.4rem;}
.partsH2-81 h2:first-letter,
.partsH3-81 h3:first-letter,
.partsH4-81 h4:first-letter,
.partsH5-81 h5:first-letter{
	color:#a83f3f;
}

.partsH2-82 h2:first-letter{font-size:3.2rem;}
.partsH3-82 h3:first-letter{font-size:2.8rem;}
.partsH4-82 h4:first-letter{font-size:2.6rem;}
.partsH5-82 h5:first-letter{font-size:2.4rem;}
.partsH2-82 h2:first-letter,
.partsH3-82 h3:first-letter,
.partsH4-82 h4:first-letter,
.partsH5-82 h5:first-letter{
	padding-bottom:5px;
	color:#a83f3f;
	border-bottom:3px solid;
}

.partsH2-83 h2,
.partsH3-83 h3,
.partsH4-83 h4,
.partsH5-83 h5{
	padding: 10px 0;
    border-bottom: dotted 1px #D8D8D8;
}
.partsH2-83 h2:first-letter{font-size:3.2rem;}
.partsH3-83 h3:first-letter{font-size:2.8rem;}
.partsH4-83 h4:first-letter{font-size:2.6rem;}
.partsH5-83 h5:first-letter{font-size:2.4rem;}
.partsH2-83 h2:first-letter,
.partsH3-83 h3:first-letter,
.partsH4-83 h4:first-letter,
.partsH5-83 h5:first-letter{
	color:#a83f3f;
}

.partsH2-84 h2,
.partsH3-84 h3,
.partsH4-84 h4,
.partsH5-84 h5{
	padding: 20px;
    border: solid 1px #D8D8D8;
	border-radius: 5px;
}
.partsH2-84 h2:first-letter{font-size:3.2rem;}
.partsH3-84 h3:first-letter{font-size:2.8rem;}
.partsH4-84 h4:first-letter{font-size:2.6rem;}
.partsH5-84 h5:first-letter{font-size:2.4rem;}
.partsH2-84 h2:first-letter,
.partsH3-84 h3:first-letter,
.partsH4-84 h4:first-letter,
.partsH5-84 h5:first-letter{
	color:#a83f3f;
}



/*-----画像設定-----*/
.content .size-full,
.content .size-large,
.content .size-medium,
.content .size-thumbnail{max-width:100%; height:auto}

.content .alignleft {
    float: left;
    margin: 0 1rem 1rem 0;
	text-align:left;
}
.content .aligncenter {
    display: block;
    margin:0 auto 1rem auto;
	text-align:center;
}
.content .alignright {
    float: right;
    margin: 0 0 1rem 1rem;
	text-align:right;
}
.content .wp-caption{margin-top:2rem;}
.content .wp-caption a{display:block;}
.content .wp-caption a:hover{border-bottom: none;}
.content .wp-caption img{vertical-align: bottom;}
.content .wp-caption-text{
	margin-top: 1rem;
	font-size:1.2rem;
}


/*-----リスト基本設定-----*/
.content ul,
.content ol {
	margin-top:2rem;
	list-style-type: none;
}
.content ul ul,
.content ul ol,
.content ol ol,
.content ol ul{
	padding:0;
	margin:0;
	background: none;
    box-shadow: none;
    border: none;
}
.content ul ul::before,
.content ul ol::before,
.content ol ol::before,
.content ol ul::before{content: normal;}
.content ul ul::after,
.content ul ol::after,
.content ol ol::after,
.content ol ul::after{content: normal;}

.content ul li,
.content ol li{
	position:relative;
	list-style:none;
	margin-top:1rem;
	padding-left:1.7rem;
	line-height: 1.5;
}
/*「*:first-child 0」を解除*/
.content ul li ul li:first-child{margin-top:1rem;}
.content ol li ol li:first-child{margin-top:1rem;}
.content ul li ol li:first-child{margin-top:1rem;}
.content ol li ul li:first-child{margin-top:1rem;}


/*-----ULリスト設定-----*/
.content ul > li:before{
	font-family: "icomoon";
  content: "\ea57";
	display:block;
	position:absolute;
	left: 0;
	transform: scale(0.6);
	color: #a83f3f;
}
.content ul > li > ul > li:before{content:"\ea56";}
.content ul > li > ul > li > ul > li:before{content:"\ea55";}


/*-----OLリスト設定-----*/
.content ol{counter-reset: number;}
.content ol li{padding-left: 2.7rem;}

.content ol > li:before{
	display:block;
	position:absolute;
	left:0;
	counter-increment: number;
	content: counter(number);
	background: #ffffff;
	border: 1px solid #a83f3f;
	color:#a83f3f;
	width:2.2rem;
	height:2.2rem;
	line-height:2rem;
	font-size:1rem;
	font-weight: bold;
	text-align:center;
	border-radius:50%;
}
.content ol > li > ol > li:before{
	background: #a83f3f;
	border: 1px solid #a83f3f;
	color:#fff;
}
.content ol > li > ol > li > ol > li:before{
	background: #ffffff;
	border: 1px dashed #a83f3f;
	color:#a83f3f;
}

/*リストデザイン*/
.partsUl-1 ul,
.partsOl-1 ol{
	padding:20px;
	background-color: #f2f2f2;
}


.partsUl-2 ul,
.partsOl-2 ol{
	padding: 20px;
  background-color: #f2f2f2;
  box-shadow: 0px 0px 0px 5px #f2f2f2;
  border: dashed 1px #a83f3f;
}



.partsUl-3 ul,
.partsOl-3 ol {
	padding:20px;
	position: relative;
	background-color: #F2F2F2;
}
.partsUl-3 ul::after,
.partsOl-3 ol::after {
  content: "";
	position: absolute;
	bottom: 0;
  right: 0;
  border-color: rgba(0,0,0,0.10) #ffffff #ffffff rgba(0,0,0,0.10);
  border-style: solid;
  border-width: 10px;
}

.partsUl-4 ul,
.partsOl-4 ol{
	padding:20px;
	background-color: #fff;
  background-image:
	-webkit-linear-gradient( transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)),
	-webkit-linear-gradient( 0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
  background-size: 12px 12px;
}

.partsUl-5 ul,
.partsOl-5 ol{
	padding: 20px;
	position: relative;
  border: solid 1px #D8D8D8;
}

.partsUl-6 ul,
.partsOl-6 ol{
	padding: 20px;
	position: relative;
  border: dashed 1px #D8D8D8;
}


.partsUl-7 ul,
.partsOl-7 ol{
	padding: 20px 30px;
	position: relative;
	border-top: solid 1px #D8D8D8;
	border-bottom: solid 1px #D8D8D8;
}
.partsUl-7 ul::before,
.partsOl-7 ol::before{
	content: "";
	position: absolute;
	top: -10px;
	left:10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #D8D8D8;
}
.partsUl-7 ul::after,
.partsOl-7 ol::after{
	content: "";
	position: absolute;
	top: -10px;
	right:10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #D8D8D8;
}

/*-----レビューボックス-----*/
.content .reviewBox{
  position: relative;
	background: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
}
.content .reviewBox-border{
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.10);
}
.content .reviewBox::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  border-color: rgba(0,0,0,0.10) #ffffff #ffffff rgba(0,0,0,0.10);
  border-style: solid;
  border-width: 10px;
}
.content .reviewBox__title{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 20px;
	padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
	line-height: 1.5;
}
.content .reviewBox__contents{
	position: relative
}
.content .reviewBox__imgBox{
	float: right;
	width: 100px;
	height:auto;
	margin: 0 0 20px 20px;

}
.content .reviewBox__img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	background:url(img/img_mysteryman.gif);
	background-size:contain;
}
.content .reviewBox__img img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	vertical-align: bottom;


}
.content .reviewBox__name{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	font-size: 1.2rem;
	color: rgba(0,0,0,0.5)
}
.content .reviewBox__star{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

/*-----会話風バルーン-----*/
.content .balloon {
	margin-top:2rem;
	position: relative;
}
.content .balloon:before,
.content .balloon:after {
	clear: both;
	content: "";
	display: block;
}
.content .balloon .balloon__img{
	width: 60px;
	height: 60px;
	margin-bottom:20px;
}

.content .balloon .balloon__img-left {float: left;margin-right: 15px;}
.content .balloon .balloon__img-right{float: right;margin-left: 15px;}
.content .balloon .balloon__img-left div {border-radius: 50%; width: 60px; height:60px; background-image:url(img/img_cat.gif);background-size:cover; background-position: center; margin-bottom:10px;}
.content .balloon .balloon__img-right div{border-radius: 50%; width: 60px; height:60px; background-image:url(img/img_dog.gif);background-size:cover; background-position: center; margin-bottom:10px;}

.content .balloon .balloon__img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
}
.content .balloon .balloon__name {
	font-size: 1rem;
	text-align: center;
	line-height:1;
}
.content .balloon .balloon__text {
	position: relative;
	padding: 1rem;
	margin:0;
	border-radius: 5px;
	max-width: calc(100% - 75px);
	display: inline-block;
	background-color:#F2F2F2;
}
.content .balloon .balloon__text-left  {float: right;}
.content .balloon .balloon__text-right {float: left;}

.content .balloon .balloon__text::before{
	content: "";
	position: absolute;
	top: 15px;
	border: 10px solid transparent;
}
.content .balloon .balloon__text-left::before {right:-20px;border-left: 10px solid #F2F2F2;}
.content .balloon .balloon__text-right::before{left: -20px;border-right:10px solid #F2F2F2;}

/*ボーダースタイル*/
.content .balloon-boder .balloon__text {
	border: 1px solid #E5E5E5;
	background-color:#ffffff;
}
.content .balloon-boder .balloon__text:after {
	content: "";
	position: absolute;
	top: 15px;
	border: 10px solid transparent;
}
.content .balloon-boder .balloon__text-left:after {right:-18px;border-left: 10px solid #fff;}
.content .balloon-boder .balloon__text-right:after{left: -18px;border-right:10px solid #fff;}





/*-----整形済みテキスト-----*/
.content pre{
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight:400;
	margin-top:2rem;
	padding:20px;
	background-color: #F2F2F2;
	border-left: solid 5px #191919;
	color:#7F7F7F;
	overflow:auto;
}


/*-----HRライン-----*/
.content hr{
	margin-top:4rem;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #E5E5E5;
}



/*-----DLリスト-----*/
.content dl {margin-top: 2rem;}
.content dt {
  margin-top: 2rem;
  padding: 10px;
  background-color: rgba(0,0,0,0.05);
}
.content dd {
	padding: 10px;
	border: solid 1px rgba(0,0,0,0.05);
}


/*-----アコーディオンボックス-----*/
.content .accordionBox dt{position: relative;}
.content .accordionBox dt::after{
	font-family: "icomoon";
	content: "\ea0c";
	position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
}
.content .accordionBox dt.current::after{content: "\ea0d";}
.content .accordionBox-border dt{
	background: #fff;
	border: solid 1px rgba(0,0,0,0.05);
}
.content .accordionBox-border dd{border-top:0;}



/*-----テーブル-----*/
.content table {
    margin-top:2rem;
    width: 100%;
	font-size:1.2rem;
	border-top: 1px solid ;
	border-left: 1px solid;
	border-right:0;
	border-bottom:0;
	border-top-color:#E5E5E5;
	border-left-color:#E5E5E5;
}

.content table th{
	padding: 10px;
	background: #d8d8d8;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-right-color:#E5E5E5;
	border-bottom-color:#E5E5E5;
}
.content table td{
	padding: 10px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-right-color:#E5E5E5;
	border-bottom-color:#E5E5E5;
}
.content table tr:nth-child(odd) td {background-color: #f2f2f2;}

/*テーブルデザイン*/
.partsTable-1 table{border-top: 1px dotted #E5E5E5;border-left: 1px dotted #E5E5E5;}
.partsTable-1 table th{border-right: 1px dotted #E5E5E5;border-bottom: 1px dotted #E5E5E5;}
.partsTable-1 table td{border-right: 1px dotted #E5E5E5;border-bottom: 1px dotted #E5E5E5;}

/*テーブルスクロール*/
.content .tableScroll{overflow: auto;}
.content .tableScroll table th{ min-width:160px}
.content .tableScroll table td{ min-width:160px}


/*-----スコアテーブル設定-----*/
.content .scoreTable {border: 1px solid #E5E5E5;}
.content .scoreTable tr:nth-child(odd) td {background-color: #f2f2f2;}
.content .scoreTable td{border: 0;}
.content .scoreTable td:first-child{font-weight: bold}
.content .scoreTable td:last-child{width:140px}

.content .scoreTable-red tr:last-child td {background-color: #FDEDEC;}
.content .scoreTable-blue tr:last-child td {background-color: #EAF6FE;}
.content .scoreTable-yellow tr:last-child td {background-color: #FFFDED;}
.content .scoreTable-pink tr:last-child td {background-color: #FDEFF5;}
.content .scoreTable-green tr:last-child td {background-color: #EBF5EB;}
.content .scoreTable-gray tr:last-child td {background-color: #D8D8D8;}



/*-----目次-----*/
.content .outline{
	border:1px dotted #D8D8D8;
	background:#FFF;
	padding:20px;
	display:inline-block;
}


.content .outline__toggle{display: none;}
.content .outline__switch::before{
	content:"開く";
	cursor:pointer;
	border: solid 1px #D8D8D8;
	padding:5px;
	font-size:1.2rem;
	margin-left:5px;
	border-radius: 5px;
}
.content .outline__toggle:checked + .outline__switch::before{content:"閉じる"}
.content .outline__switch + .outline__list{
	overflow:hidden;
	width:0;
	height:0;
	margin-top:0;
	margin-left:-20px;
	padding:0;
	transition: 0.2s;
	background:#FFF;
	border:0;
	box-shadow: none;
}
.content .outline__switch + .outline__list::before{content: normal;}
.content .outline__switch + .outline__list::after{content: normal;}
.content .outline__toggle:checked + .outline__switch + .outline__list{
	width:auto;
	height: auto;
	margin-top:2rem;
}
.content .outline__item {font-size:1.2rem;}
.content .outline__item:before {content: normal;}
.content .outline__link{
	display:inline-block;
	color:#191919;
}
.content .outline__link:hover{border:none;}
.content .outline__number{
	display: inline-block;
	color:#7F7F7F;
	background:#F2F2F2;
	padding:3px 6px;
	font-weight:400;
	margin-right: 5px;
}


/*-----ギャラリー-----*/
.content .gallery {
	width: 100%;
    overflow: hidden;
}

.content .gallery br {display: none;}
.content .gallery-item {float: left;}
.content .gallery-icon {text-align: center;line-height: 1;}

.content .gallery-icon img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.content .gallery-caption {
    font-size: 1.2rem;
    margin: 0 0 10px 0;
    text-align: center;
}

.content .gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
	margin: 0;
}
.content .gallery-columns-2 .gallery-item,
.content .gallery-columns-3 .gallery-item,
.content .gallery-columns-4 .gallery-item,
.content .gallery-columns-5 .gallery-item {
	width: calc(50% - 20px);
	margin: 0 10px;
}




/*-----引用-----*/
.content blockquote{
	position:relative;
	color:#3F3F3F;
	margin-top:2rem;
	padding:20px 20px 20px 70px;
	background-color: #F2F2F2;
}
.content blockquote::before{
	position:absolute;
	top: 5px;
	left: 15px;
	font-family: "icomoon";
	content: "\e9f8";
	font-size:3rem;
	color:#d8d8d8;
}

/*引用デザイン*/
.partsQuote-1 blockquote{border-left: solid 4px #d8d8d8;}

.partsQuote-2 blockquote{background-color: #ffffff;border: solid 1px #d8d8d8;}

.partsQuote-3 blockquote{padding:20px;}
.partsQuote-3 blockquote::before{
    top: 0;
    left: 0;
	font-size:2rem;
    line-height: 1;
    z-index: 2;
}
.partsQuote-3 blockquote::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 0 0 30px;
    width: 30px;
    height: 30px;
    background: #fff;
}

.partsQuote-4 blockquote{
	padding:20px;
	border: solid 4px #d8d8d8;
	background-color: #ffffff;
}
.partsQuote-4 blockquote::before{
    top: 0;
    left: 0;
	font-size:2rem;
	color:#ffffff;
    line-height: 1;
    z-index: 2;
}
.partsQuote-4 blockquote::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 0 0 30px;
    width: 30px;
    height: 30px;

    background: #d8d8d8;
}

.partsQuote-5 blockquote{
	border: solid 3px #d8d8d8;
    border-left-width: 50px;
	padding:20px;
	background-color: #ffffff;
}
.partsQuote-5 blockquote:before{
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    vertical-align: middle;
    color: #FFF;
    font-size: 2rem;
    line-height: 1;
}

.partsQuote-6 blockquote {
    padding:35px 20px 20px 20px;
}
.partsQuote-6 blockquote:before{
    top: -10px;
    left: 10px;
    width: 40px;
    height: 35px;
	line-height: 35px;
    text-align: center;
    color: #FFF;
    font-size: 2rem;
    background: #d8d8d8;
}
.partsQuote-6 blockquote:after{
	position: absolute;
    content: "";
    top: -10px;
    left: 50px;
    border: none;
    border-bottom: solid 10px #cccccc;
    border-right: solid 10px transparent;
}








/*-----スタイルフォーマット-----*/

/*区切り線*/
.content hr{
	clear: both;
	margin: 20px 0;
    padding: 0px;
	height: 0;
	border: 0;
	border-top: 1px solid rgba(0,0,0,0.10);
}
.content .hr-solid{border-top: 1px solid rgba(0,0,0,0.10);}
.content .hr-dashed{border-top: 1px dashed rgba(0,0,0,0.10);}
.content .hr-dotted{border-top: 1px dotted rgba(0,0,0,0.10);}


/*太マーカー*/
.content .marker-thickRed{background: linear-gradient(transparent 35%, #FFC6C6 35%);}
.content .marker-thickBlue{background: linear-gradient(transparent 35%, #cce5ff 35%);}
.content .marker-thickYellow{background: linear-gradient(transparent 35%, #ffffbc 35%);}
.content .marker-thickPink{background: linear-gradient(transparent 35%, #FFDFEF 35%);}
.content .marker-thickGreen{background: linear-gradient(transparent 35%, #D2FFD2 35%);}
.content .marker-thickGray{background: linear-gradient(transparent 35%, #d8d8d8 35%);}


/*中マーカー*/
.content .marker-halfRed{background: linear-gradient(transparent 60%, #FFC6C6 60%);}
.content .marker-halfBlue{background: linear-gradient(transparent 60%, #cce5ff 60%);}
.content .marker-halfYellow{background: linear-gradient(transparent 60%, #ffffbc 60%);}
.content .marker-halfPink{background: linear-gradient(transparent 60%, #FFDFEF 60%);}
.content .marker-halfGreen{background: linear-gradient(transparent 60%, #D2FFD2 60%);}
.content .marker-halfGray{background: linear-gradient(transparent 60%, #d8d8d8 60%);}


/*細マーカー*/
.content .marker-thinRed{background: linear-gradient(transparent 85%, #FFC6C6 85%);}
.content .marker-thinBlue{background: linear-gradient(transparent 85%, #cce5ff 85%);}
.content .marker-thinYellow{background: linear-gradient(transparent 85%, #ffffbc 85%);}
.content .marker-thinPink{background: linear-gradient(transparent 85%, #FFDFEF 85%);}
.content .marker-thinGreen{background: linear-gradient(transparent 85%, #D2FFD2 85%);}
.content .marker-thinGray{background: linear-gradient(transparent 85%, #d8d8d8 85%);}

/*ラベル*/
.content .ep-label{
	position: relative;
	display:inline-block;
	background-color:rgba(0,0,0,0.05);
	padding:0 5px;
}


/*ボタン*/
.content .ep-btn{
	position:relative;
	display:inline-block;
	line-height: 1;
	background-color:rgba(0,0,0,0.05);
	text-align:center;
	overflow:hidden;
	transition:.3s;
	padding:10px 15px 10px 15px;
}
.content .ep-btn:hover::after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(255,255,255,0.25);
	transition:.3s;
}
.content .ep-btn:hover{ font-weight: normal}
.content .ep-btn.es-bold:hover{ font-weight: bold}

/*ボックス*/
.content .ep-box{
	position: relative;
	background-color:rgba(0,0,0,0.05);
	padding:20px;
}
.content .ep-inbox{
	position: relative;
	background-color:rgba(0,0,0,0.05);
	padding:20px;
}



/*-----指定スタイル-----*/


/*サイズ系*/
.content .es-size10        { width:10%;}
.content .es-size25        { width:25%;}
.content .es-size40        { width:40%;}
.content .es-size50        { width:50%;}
.content .es-size60        { width:60%;}
.content .es-size75        { width:75%;}
.content .es-size90        { width:90%;}
.content .es-size100       { width:100%;}

/*内側余白系*/
.content .es-padding0     { padding:0;}
.content .es-TpaddingSS   { padding-top:1rem;}
.content .es-TpaddingS    { padding-top:1.5rem;}
.content .es-TpaddingM    { padding-top:3rem;}
.content .es-TpaddingL    { padding-top:4.5rem;}
.content .es-RpaddingSS   { padding-right:1rem;}
.content .es-RpaddingS    { padding-right:1.5rem;}
.content .es-RpaddingM    { padding-right:3rem;}
.content .es-RpaddingL    { padding-right:4.5rem;}
.content .es-BpaddingSS   { padding-bottom:1rem;}
.content .es-BpaddingS    { padding-bottom:1.5rem;}
.content .es-BpaddingM    { padding-bottom:3rem;}
.content .es-BpaddingL    { padding-bottom:4.5rem;}
.content .es-LpaddingSS   { padding-left:1rem;}
.content .es-LpaddingS    { padding-left:1.5rem;}
.content .es-LpaddingM    { padding-left:3rem;}
.content .es-LpaddingL    { padding-left:4.5rem;}

/*外側余白系*/
.content .es-margin0     { margin:0;}
.content .es-TmarginSS   { margin-top:1rem;}
.content .es-TmarginS    { margin-top:1.5rem;}
.content .es-TmarginM    { margin-top:3rem;}
.content .es-TmarginL    { margin-top:4.5rem;}
.content .es-RmarginSS   { margin-right:1rem;}
.content .es-RmarginS    { margin-right:1.5rem;}
.content .es-RmarginM    { margin-right:3rem;}
.content .es-RmarginL    { margin-right:4.5rem;}
.content .es-BmarginSS   { margin-bottom:1rem;}
.content .es-BmarginS    { margin-bottom:1.5rem;}
.content .es-BmarginM    { margin-bottom:3rem;}
.content .es-BmarginL    { margin-bottom:4.5rem;}
.content .es-LmarginSS   { margin-left:1rem;}
.content .es-LmarginS    { margin-left:1.5rem;}
.content .es-LmarginM    { margin-left:3rem;}
.content .es-LmarginL    { margin-left:4.5rem;}

/*ボーダー系*/
.content .es-borderSolidS   { border:1px solid #191919;}
.content .es-borderSolidM   { border:3px solid #191919;}
.content .es-borderDashedS  { border:1px dashed #191919;}
.content .es-borderDashedM  { border:3px dashed #191919;}
.content .es-borderDottedS  { border:1px dotted #191919;}
.content .es-borderDottedM  { border:3px dotted #191919;}
.content .es-BborderSolidS  { border-bottom:1px solid #191919;}
.content .es-BborderSolidM  { border-bottom:3px solid #191919;}
.content .es-BborderDashedS { border-bottom:1px dashed #191919;}
.content .es-BborderDashedM { border-bottom:3px dashed #191919;}
.content .es-BborderDottedS { border-bottom:1px dotted #191919;}
.content .es-BborderDottedM { border-bottom:3px dotted #191919;}
.content .es-LborderSolidS  { border-left:1px solid #191919;}
.content .es-LborderSolidM  { border-left:3px solid #191919;}
.content .es-LborderDashedS { border-left:1px dashed #191919;}
.content .es-LborderDashedM { border-left:3px dashed #191919;}
.content .es-LborderDottedS { border-left:1px dotted #191919;}
.content .es-LborderDottedM { border-left:3px dotted #191919;}



/*文字系*/
.content .es-Fsmall{ font-size: 1.2rem;}
.content .es-Fbig  { font-size: 1.6rem;}
.content .es-FbigL { font-size: 2.0rem;}
.content .es-bold  { font-weight:bold;}
.content .es-italic{ font-style:italic;}
.content .es-strike{ text-decoration: line-through;}
.content .es-under { text-decoration: underline;}
.content .es-left  { text-align:left;}
.content .es-center{ text-align:center;}
.content .es-right { text-align:right;}


/*シャドウ系*/
.content .es-shadowL   { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.10);}
.content .es-shadow    { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);}
.content .es-shadowD   { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.50);}
.content .es-shadowInL { box-shadow: inset 0px 0px 15px 1px rgba(0,0,0,0.10)}
.content .es-shadowIn  { box-shadow: inset 0px 0px 15px 1px rgba(0,0,0,0.25)}
.content .es-shadowInD { box-shadow: inset 0px 0px 15px 1px rgba(0,0,0,0.50)}
.content .es-TshadowL  { text-shadow: 0px 1px 3px rgba(0,0,0,0.10);}
.content .es-Tshadow   { text-shadow: 0px 1px 3px rgba(0,0,0,0.25);}
.content .es-TshadowD  { text-shadow: 0px 1px 3px rgba(0,0,0,0.50);}


/*角丸系*/
.content .es-radius  { border-radius: 5px;}
.content .es-radiusL { border-radius: 10px;}
.content .es-round   { border-radius: 50px;}


/*背景系*/
.content .es-grada1::after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.05));
}
.content .es-grada2::after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.25));
}
.content .es-grid {
    background-color: #fff;
    background-image:
	-webkit-linear-gradient( transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)),
	-webkit-linear-gradient( 0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
    background-size: 12px 12px;
}



/*-----ラベル系専用-----*/

/*コーナータイトル*/
.content .es-Lcorner{
    top: -20px;
    left: -20px;
}

/*左ラウンド*/
.content .es-LroundL{border-radius: 50px 0 0 50px;}
/*右ラウンド*/
.content .es-LroundR{border-radius: 0 50px 50px 0;}

/*アイコン(余白)*/
.content .es-Licon:before{ margin:0 5px;}

/*アイコン(ボーダー)*/
.content .es-LiconBorder:before{
	margin:0 5px;
	padding-right: 5px;
	border-right: 1px solid rgba(255,255,255,.25);
	box-shadow: 1px 0px 0px 0px rgba(0,0,0,.25);
}

/*アイコンボックス*/
.content .es-LiconBox{
	height: 28px;
	padding-left: 35px;
}
.content .es-LiconBox:before{
	background: #a83f3f;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 28px;
    text-align: center;
}

/*アイコンサークル*/
.content .es-LiconCircle{
	height: 28px;
	padding-left: 35px;
}
.content .es-LiconCircle:before{
	background: #a83f3f;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 28px;
    text-align: center;
	border-radius:50%;
}



/*-----ボタン系専用-----*/
/*3Dボタン*/
.content .es-BT3d            { border-bottom: solid 3px rgba(0,0,0,0.25);}
.content .es-BT3d:active{
	transform: translateY(3px);
    border-bottom: solid 3px transparent;
}

/*影ボタン*/
.content .es-BTshadow  {
    border-left: 1px solid rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/*リッチボタン*/
.content .es-BTrich  {
	box-shadow:-1px 1px 0px 0px rgba(255,255,255,0.25) inset;
    border: 1px solid rgba(0,0,0,0.05);
}

/*右矢印*/
.content .es-BTarrow::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
}

/*アイコン(余白)*/
.content .es-BTicon:before{margin-right:5px;}

/*アイコン(ボーダー)*/
.content .es-BTiconBorder:before{
	margin-right:10px;
	padding-right: 10px;
	border-right: 1px solid rgba(255,255,255,.25);
	box-shadow: 1px 0px 0px 0px rgba(0,0,0,.25);
}
/*アイコンボックス*/
.content .es-BTiconBox{padding:0 15px 0 0;}
.content .es-BTiconBox:before{
	display: inline-block;
	background: #a83f3f;
    color: #ffffff;
    height: 40px;
    width: 40px;
	line-height: 40px;
    text-align: center;
    margin-right: 10px;

}

/*アイコンサークル*/
.content .es-BTiconCircle:before{
	display: inline-block;
	background: #a83f3f;
    color: #ffffff;
    height: 40px;
    width: 40px;
	line-height: 40px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
}




/*-----ボックス系専用-----*/

/*全域タイトル*/
.content .es-Bwhole  {margin: -20px -20px 0 -20px;}

/*括弧ボックス*/
.content .es-Bbrackets:before,
.content .es-Bbrackets:after {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    content: "";
}
.content .es-Bbrackets:before {
    top: 0;
    left: 0;
    border-top: solid 1px #191919;
    border-left: solid 1px #191919;
}
.content .es-Bbrackets:after {
    right: 0;
    bottom: 0;
    border-right: solid 1px #191919;
    border-bottom: solid 1px #191919;
}

/*ペーパーボックス[左]*/
.content .es-BpaperLeft::after {
    content: "";
	position: absolute;
	bottom: 0;
    left: 0;
    border-color: rgba(0,0,0,0.10) rgba(0,0,0,0.10) #ffffff #ffffff;
    border-style: solid;
    border-width: 10px;
}
/*ペーパーボックス[右]*/
.content .es-BpaperRight::after {
	content: "";
	position: absolute;
	bottom: 0;
    right: 0;
    border-color: rgba(0,0,0,0.10) #ffffff #ffffff rgba(0,0,0,0.10);
    border-style: solid;
    border-width: 10px;
}

/*はてなボックス*/
.content .es-BmarkHatena{padding-left:70px;}
.content .es-BmarkHatena::before{
	position:absolute;
	top:20px;
	left:20px;
	content: "?";
	background: #0081ba;
	font-size:1.5rem;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%;
}

/*ビックリボックス*/
.content .es-BmarkExcl{padding-left:70px;}
.content .es-BmarkExcl::before{
	position:absolute;
	top:20px;
	left:20px;
	content: "!";
	background: #b60105;
	font-size:1.5rem;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%;
}


/*Qボックス*/
.content .es-BmarkQ{
	position: relative;
    padding: 0 0 10px 40px;
    line-height: 3rem;
    font-size: 1.8rem;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}
.content .es-BmarkQ::before{
	content: "Q";
	background: #0081ba;
	position:absolute;
	top:0;
	left:0;
	font-size:1.5rem;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 5px;
}
.content .es-BmarkQ::after{
	content: "";
	position: absolute;
	top: 30px;
	left: 10px;
	border: 5px solid transparent;
	border-top: 5px solid #0081ba;
}

/*Aボックス*/
.content .es-BmarkA{
	position: relative;
    padding: 0 0 0 40px;
	margin-top:1rem;
}
.content .es-BmarkA::before{
	content: "A";
	position:absolute;
	top:0;
	left:0;
	font-size:1.5rem;
	font-weight:700;
	color: #b60105;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 5px;
}

/*サブタイトルボックス(シンプル)*/
.content .es-BsubT{
	margin-top: 3.5rem;
	padding-top: 3.5rem;
}
.content .es-BsubT::before{
	position:absolute;
	top:-15px;
	left:20px;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	content: attr(title);
	background: #b60105;
	color: #ffffff;
	border: 1px solid transparent;
	font-size:1.5rem;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
/*サブタイトルボックス(角丸)*/
.content .es-BsubTradi{
	margin-top: 3.5rem;
	padding-top: 3.5rem;
}
.content .es-BsubTradi::before{
	position:absolute;
	top:-15px;
	left:20px;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	content: attr(title);
	background: #b60105;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 5px;
	font-size:1.5rem;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
/*サブタイトルボックス(ラウンド)*/
.content .es-BsubTround{
	margin-top: 3.5rem;
	padding-top: 3.5rem;
}
.content .es-BsubTround::before{
	position:absolute;
	top:-15px;
	left:20px;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	content: attr(title);
	background: #b60105;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 30px;
	font-size:1.5rem;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/*アイコン(シンプル)*/
.content .es-Bicon{padding-left:70px;}
.content .es-Bicon:before{
	position:absolute;
	top:20px;
	left:20px;
	font-size:3rem;
	line-height: 3rem;
}
/*アイコン(背景)*/
.content .es-BiconBg:before{
	position:absolute;
	top:20px;
	left:20px;
	font-size:5rem;
	line-height: 5rem;
	color: rgba(0,0,0,0.10);
}
/*アイコン(帯)*/
.content .es-BiconObi{border-left: solid 50px #a83f3f;}
.content .es-BiconObi:before{
	position:absolute;
	top: 50%;
    left: -35px;
    transform: translateY(-50%);
    vertical-align: middle;
	font-size:2rem;
	color: #ffffff;
	line-height: 1;
}
/*アイコン(コーナー)*/
.content .es-BiconCorner:before{
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #a83f3f;
    color: #ffffff;
    font-size: 1.5rem;
}
/*アイコン(サークル)*/
.content .es-BiconCircle{padding-left:70px;}
.content .es-BiconCircle:before{
	position:absolute;
	top:20px;
	left:20px;
	background: #a83f3f;
	font-size:1.5rem;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%;
}


/*文字色*/
.content .ftc-Vyellow   { color:#fff100}
.content .ftc-Vorange   { color:#f49801}
.content .ftc-Vred      { color:#e60112}
.content .ftc-Vmagenta  { color:#e5004f}
.content .ftc-Vpink     { color:#e4017f}
.content .ftc-Vpurple   { color:#920883}
.content .ftc-Vnavy     { color:#1c1e84}
.content .ftc-Vblue     { color:#0068b7}
.content .ftc-Vsky      { color:#00a0e9}
.content .ftc-Vturquoise{ color:#009e96}
.content .ftc-Vgreen    { color:#009944}
.content .ftc-Vlime     { color:#8ec31f}

.content .ftc-Byellow   { color:#fff338}
.content .ftc-Borange   { color:#f6ad3a}
.content .ftc-Bred      { color:#ea5532}
.content .ftc-Bmagenta  { color:#e9536b}
.content .ftc-Bpink     { color:#e95098}
.content .ftc-Bpurple   { color:#a54a98}
.content .ftc-Bnavy     { color:#4c4398}
.content .ftc-Bblue     { color:#2b71b8}
.content .ftc-Bsky      { color:#00b0ec}
.content .ftc-Bturquoise{ color:#00ada9}
.content .ftc-Bgreen    { color:#0ba95f}
.content .ftc-Blime     { color:#a9cf52}

.content .ftc-DPyellow   { color:#cbbd00}
.content .ftc-DPorange   { color:#bf7601}
.content .ftc-DPred      { color:#b60105}
.content .ftc-DPmagenta  { color:#b5003c}
.content .ftc-DPpink     { color:#b50165}
.content .ftc-DPpurple   { color:#740169}
.content .ftc-DPnavy     { color:#14116e}
.content .ftc-DPblue     { color:#005293}
.content .ftc-DPsky      { color:#0081ba}
.content .ftc-DPturquoise{ color:#007f78}
.content .ftc-DPgreen    { color:#007c36}
.content .ftc-DPlime     { color:#6f9b12}

.content .ftc-Lyellow   { color:#fff89a}
.content .ftc-Lorange   { color:#fbce8a}
.content .ftc-Lred      { color:#f39c76}
.content .ftc-Lmagenta  { color:#f29c9f}
.content .ftc-Lpink     { color:#f29fc3}
.content .ftc-Lpurple   { color:#c490bf}
.content .ftc-Lnavy     { color:#8f82bc}
.content .ftc-Lblue     { color:#87abda}
.content .ftc-Lsky      { color:#7ecff5}
.content .ftc-Lturquoise{ color:#83ccc9}
.content .ftc-Lgreen    { color:#88c997}
.content .ftc-Llime     { color:#cce199}

.content .ftc-DLyellow   { color:#cac04e}
.content .ftc-DLorange   { color:#c39043}
.content .ftc-DLred      { color:#ba5536}
.content .ftc-DLmagenta  { color:#ba5460}
.content .ftc-DLpink     { color:#ba5584}
.content .ftc-DLpurple   { color:#8c4b82}
.content .ftc-DLnavy     { color:#4e4282}
.content .ftc-DLblue     { color:#3970a2}
.content .ftc-DLsky      { color:#1894be}
.content .ftc-DLturquoise{ color:#1d928f}
.content .ftc-DLgreen    { color:#218f59}
.content .ftc-DLlime     { color:#8ea953}

.content .ftc-VPyellow   { color:#fffded}
.content .ftc-VPorange   { color:#fef5e8}
.content .ftc-VPred      { color:#feede3}
.content .ftc-VPmagenta  { color:#fdedec}
.content .ftc-VPpink     { color:#fdeff5}
.content .ftc-VPpurple   { color:#f3eaf4}
.content .ftc-VPnavy     { color:#e8e6f3}
.content .ftc-VPblue     { color:#e9eef9}
.content .ftc-VPsky      { color:#eaf6fe}
.content .ftc-VPturquoise{ color:#eaf5f4}
.content .ftc-VPgreen    { color:#ebf5eb}
.content .ftc-VPlime     { color:#f2f7e5}

.content .ftc-DGyellow   { color:#675f00}
.content .ftc-DGorange   { color:#633c00}
.content .ftc-DGred      { color:#5f0100}
.content .ftc-DGmagenta  { color:#5f0017}
.content .ftc-DGpink     { color:#600033}
.content .ftc-DGpurple   { color:#3e0036}
.content .ftc-DGnavy     { color:#08003a}
.content .ftc-DGblue     { color:#00274f}
.content .ftc-DGsky      { color:#004462}
.content .ftc-DGturquoise{ color:#004340}
.content .ftc-DGgreen    { color:#004215}
.content .ftc-DGlime     { color:#395104}

.content .ftc-white { color:#ffffff}
.content .ftc-VLgray{ color:#d8d8d8}
.content .ftc-Lgray { color:#b2b2b2}
.content .ftc-gray  { color:#8c8c8c}
.content .ftc-Dgray { color:#656565}
.content .ftc-VDgray{ color:#3f3f3f}
.content .ftc-black { color:#191919}


/*背景色*/
.content .bgc-Vyellow   { background-color:#fff100}
.content .bgc-Vorange   { background-color:#f49801}
.content .bgc-Vred      { background-color:#e60112}
.content .bgc-Vmagenta  { background-color:#e5004f}
.content .bgc-Vpink     { background-color:#e4017f}
.content .bgc-Vpurple   { background-color:#920883}
.content .bgc-Vnavy     { background-color:#1c1e84}
.content .bgc-Vblue     { background-color:#0068b7}
.content .bgc-Vsky      { background-color:#00a0e9}
.content .bgc-Vturquoise{ background-color:#009e96}
.content .bgc-Vgreen    { background-color:#009944}
.content .bgc-Vlime     { background-color:#8ec31f}

.content .bgc-Byellow   { background-color:#fff338}
.content .bgc-Borange   { background-color:#f6ad3a}
.content .bgc-Bred      { background-color:#ea5532}
.content .bgc-Bmagenta  { background-color:#e9536b}
.content .bgc-Bpink     { background-color:#e95098}
.content .bgc-Bpurple   { background-color:#a54a98}
.content .bgc-Bnavy     { background-color:#4c4398}
.content .bgc-Bblue     { background-color:#2b71b8}
.content .bgc-Bsky      { background-color:#00b0ec}
.content .bgc-Bturquoise{ background-color:#00ada9}
.content .bgc-Bgreen    { background-color:#0ba95f}
.content .bgc-Blime     { background-color:#a9cf52}

.content .bgc-DPyellow   { background-color:#cbbd00}
.content .bgc-DPorange   { background-color:#bf7601}
.content .bgc-DPred      { background-color:#b60105}
.content .bgc-DPmagenta  { background-color:#b5003c}
.content .bgc-DPpink     { background-color:#b50165}
.content .bgc-DPpurple   { background-color:#740169}
.content .bgc-DPnavy     { background-color:#14116e}
.content .bgc-DPblue     { background-color:#005293}
.content .bgc-DPsky      { background-color:#0081ba}
.content .bgc-DPturquoise{ background-color:#007f78}
.content .bgc-DPgreen    { background-color:#007c36}
.content .bgc-DPlime     { background-color:#6f9b12}

.content .bgc-Lyellow   { background-color:#fff89a}
.content .bgc-Lorange   { background-color:#fbce8a}
.content .bgc-Lred      { background-color:#f39c76}
.content .bgc-Lmagenta  { background-color:#f29c9f}
.content .bgc-Lpink     { background-color:#f29fc3}
.content .bgc-Lpurple   { background-color:#c490bf}
.content .bgc-Lnavy     { background-color:#8f82bc}
.content .bgc-Lblue     { background-color:#87abda}
.content .bgc-Lsky      { background-color:#7ecff5}
.content .bgc-Lturquoise{ background-color:#83ccc9}
.content .bgc-Lgreen    { background-color:#88c997}
.content .bgc-Llime     { background-color:#cce199}

.content .bgc-DLyellow   { background-color:#cac04e}
.content .bgc-DLorange   { background-color:#c39043}
.content .bgc-DLred      { background-color:#ba5536}
.content .bgc-DLmagenta  { background-color:#ba5460}
.content .bgc-DLpink     { background-color:#ba5584}
.content .bgc-DLpurple   { background-color:#8c4b82}
.content .bgc-DLnavy     { background-color:#4e4282}
.content .bgc-DLblue     { background-color:#3970a2}
.content .bgc-DLsky      { background-color:#1894be}
.content .bgc-DLturquoise{ background-color:#1d928f}
.content .bgc-DLgreen    { background-color:#218f59}
.content .bgc-DLlime     { background-color:#8ea953}

.content .bgc-VPyellow   { background-color:#fffded}
.content .bgc-VPorange   { background-color:#fef5e8}
.content .bgc-VPred      { background-color:#feede3}
.content .bgc-VPmagenta  { background-color:#fdedec}
.content .bgc-VPpink     { background-color:#fdeff5}
.content .bgc-VPpurple   { background-color:#f3eaf4}
.content .bgc-VPnavy     { background-color:#e8e6f3}
.content .bgc-VPblue     { background-color:#e9eef9}
.content .bgc-VPsky      { background-color:#eaf6fe}
.content .bgc-VPturquoise{ background-color:#eaf5f4}
.content .bgc-VPgreen    { background-color:#ebf5eb}
.content .bgc-VPlime     { background-color:#f2f7e5}

.content .bgc-DGyellow   { background-color:#675f00}
.content .bgc-DGorange   { background-color:#633c00}
.content .bgc-DGred      { background-color:#5f0100}
.content .bgc-DGmagenta  { background-color:#5f0017}
.content .bgc-DGpink     { background-color:#600033}
.content .bgc-DGpurple   { background-color:#3e0036}
.content .bgc-DGnavy     { background-color:#08003a}
.content .bgc-DGblue     { background-color:#00274f}
.content .bgc-DGsky      { background-color:#004462}
.content .bgc-DGturquoise{ background-color:#004340}
.content .bgc-DGgreen    { background-color:#004215}
.content .bgc-DGlime     { background-color:#395104}

.content .bgc-white { background-color:#ffffff}
.content .bgc-VLgray{ background-color:#d8d8d8}
.content .bgc-Lgray { background-color:#b2b2b2}
.content .bgc-gray  { background-color:#8c8c8c}
.content .bgc-Dgray { background-color:#656565}
.content .bgc-VDgray{ background-color:#3f3f3f}
.content .bgc-black { background-color:#191919}


/*ボーダー色*/
.content .brc-Vyellow   { border-color:#fff100}
.content .brc-Vorange   { border-color:#f49801}
.content .brc-Vred      { border-color:#e60112}
.content .brc-Vmagenta  { border-color:#e5004f}
.content .brc-Vpink     { border-color:#e4017f}
.content .brc-Vpurple   { border-color:#920883}
.content .brc-Vnavy     { border-color:#1c1e84}
.content .brc-Vblue     { border-color:#0068b7}
.content .brc-Vsky      { border-color:#00a0e9}
.content .brc-Vturquoise{ border-color:#009e96}
.content .brc-Vgreen    { border-color:#009944}
.content .brc-Vlime     { border-color:#8ec31f}

.content .brc-Byellow   { border-color:#fff338}
.content .brc-Borange   { border-color:#f6ad3a}
.content .brc-Bred      { border-color:#ea5532}
.content .brc-Bmagenta  { border-color:#e9536b}
.content .brc-Bpink     { border-color:#e95098}
.content .brc-Bpurple   { border-color:#a54a98}
.content .brc-Bnavy     { border-color:#4c4398}
.content .brc-Bblue     { border-color:#2b71b8}
.content .brc-Bsky      { border-color:#00b0ec}
.content .brc-Bturquoise{ border-color:#00ada9}
.content .brc-Bgreen    { border-color:#0ba95f}
.content .brc-Blime     { border-color:#a9cf52}

.content .brc-DPyellow   { border-color:#cbbd00}
.content .brc-DPorange   { border-color:#bf7601}
.content .brc-DPred      { border-color:#b60105}
.content .brc-DPmagenta  { border-color:#b5003c}
.content .brc-DPpink     { border-color:#b50165}
.content .brc-DPpurple   { border-color:#740169}
.content .brc-DPnavy     { border-color:#14116e}
.content .brc-DPblue     { border-color:#005293}
.content .brc-DPsky      { border-color:#0081ba}
.content .brc-DPturquoise{ border-color:#007f78}
.content .brc-DPgreen    { border-color:#007c36}
.content .brc-DPlime     { border-color:#6f9b12}

.content .brc-Lyellow   { border-color:#fff89a}
.content .brc-Lorange   { border-color:#fbce8a}
.content .brc-Lred      { border-color:#f39c76}
.content .brc-Lmagenta  { border-color:#f29c9f}
.content .brc-Lpink     { border-color:#f29fc3}
.content .brc-Lpurple   { border-color:#c490bf}
.content .brc-Lnavy     { border-color:#8f82bc}
.content .brc-Lblue     { border-color:#87abda}
.content .brc-Lsky      { border-color:#7ecff5}
.content .brc-Lturquoise{ border-color:#83ccc9}
.content .brc-Lgreen    { border-color:#88c997}
.content .brc-Llime     { border-color:#cce199}

.content .brc-DLyellow   { border-color:#cac04e}
.content .brc-DLorange   { border-color:#c39043}
.content .brc-DLred      { border-color:#ba5536}
.content .brc-DLmagenta  { border-color:#ba5460}
.content .brc-DLpink     { border-color:#ba5584}
.content .brc-DLpurple   { border-color:#8c4b82}
.content .brc-DLnavy     { border-color:#4e4282}
.content .brc-DLblue     { border-color:#3970a2}
.content .brc-DLsky      { border-color:#1894be}
.content .brc-DLturquoise{ border-color:#1d928f}
.content .brc-DLgreen    { border-color:#218f59}
.content .brc-DLlime     { border-color:#8ea953}

.content .brc-VPyellow   { border-color:#fffded}
.content .brc-VPorange   { border-color:#fef5e8}
.content .brc-VPred      { border-color:#feede3}
.content .brc-VPmagenta  { border-color:#fdedec}
.content .brc-VPpink     { border-color:#fdeff5}
.content .brc-VPpurple   { border-color:#f3eaf4}
.content .brc-VPnavy     { border-color:#e8e6f3}
.content .brc-VPblue     { border-color:#e9eef9}
.content .brc-VPsky      { border-color:#eaf6fe}
.content .brc-VPturquoise{ border-color:#eaf5f4}
.content .brc-VPgreen    { border-color:#ebf5eb}
.content .brc-VPlime     { border-color:#f2f7e5}

.content .brc-DGyellow   { border-color:#675f00}
.content .brc-DGorange   { border-color:#633c00}
.content .brc-DGred      { border-color:#5f0100}
.content .brc-DGmagenta  { border-color:#5f0017}
.content .brc-DGpink     { border-color:#600033}
.content .brc-DGpurple   { border-color:#3e0036}
.content .brc-DGnavy     { border-color:#08003a}
.content .brc-DGblue     { border-color:#00274f}
.content .brc-DGsky      { border-color:#004462}
.content .brc-DGturquoise{ border-color:#004340}
.content .brc-DGgreen    { border-color:#004215}
.content .brc-DGlime     { border-color:#395104}

.content .brc-white { border-color:#ffffff}
.content .brc-VLgray{ border-color:#d8d8d8}
.content .brc-Lgray { border-color:#b2b2b2}
.content .brc-gray  { border-color:#8c8c8c}
.content .brc-Dgray { border-color:#656565}
.content .brc-VDgray{ border-color:#3f3f3f}
.content .brc-black { border-color:#191919}



/*-----記事内広告-----*/
.content .adPost {
	width:100%;
	overflow:hidden;
	text-align: center;
	padding:0 10px;
	background-color:#F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px;
}
.content .adPost-no {padding: 0; background:transparent; }

.content .adPost__title{
	font-size:1.2rem;
	padding:10px 0;
	display:block;
	font-weight:normal;
	text-align:center;
}


/*-----YouTube-----*/
.content .youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin:2rem auto 0 auto;
}
.content .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-----twitter & instagram-----*/
.content .twitter-tweet,
.content .instagram-media {
	width: 500px!important;
    max-width: 100%!important;
    margin:2rem auto 0 auto!important;
}

/*-----メディアファイル-----*/
.content .mejs-controls div{margin: 0;}
.content .mejs-controls .mejs-button>button{margin:10px 6px;}
.content .mejs-controls .mejs-time-rail{margin:0 10px;}
.content .mejs-controls .mejs-time-total{margin:5px 0 0;}



/*-----すべての最初の要素のmargin-top:0-----*/
.content *:first-child{margin-top:0;}

/*-----すべての最初の要素のmargin-top:0の除外要素-----*/
.content .es-Bwhole {margin-top: -20px;}

/*-----お問い合わせテーブル-----*/
.content .contactTable{
	width:100%;
	margin-top:20px;
	border:0;
	background:none;
}
.content .contactTable .contactTable__header{
	width:100%;
	display:block;
	padding:0 0 10px 0;
	vertical-align:top;
	line-height:1.5;
	border:0;
	background:none;
	color:#191919;
}
.content .contactTable .contactTable__header .required{
	display: inline-block;
    margin-left: 10px;
	text-align:center;
	padding:3px 5px;
	font-size:1.2rem;
	background:#C1272D;
	color:#fff;
	border-radius:5px;
}
.content .contactTable .contactTable__data {
	width:100%;
	display:block;
    padding:0 0 20px 0;
	vertical-align:top;
	line-height:1.5;
	border:0;
	background:none;
}
.content .contactTable .contactTable__data .error{
	display:block;
	font-size:1.2rem;
	color: #B70000;
	padding:3px 0;
}
.content .contactTable .contactTable__data input,
.content .contactTable .contactTable__data textarea {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    border-radius: 5px;
    background: #F2F2F2;
	border: 1px solid rgba(0,0,0,0.10);
}





.content .contactForm__error {
    display: block;
    font-size: 1.4rem;
    color: #B70000;
	margin-bottom:10px;
}

/*-----投稿者一覧-----*/
.content .writers {
	display:flex;
	flex-wrap: wrap;
	margin-top: 0;
}
.content .writers__box {
	margin:20px 0 0 0;
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.10);
}
.content .writers__title {
	display:flex;
	padding:20px;
	background:#ffffff;
	border-bottom:1px solid rgba(0,0,0,0.10);
}
.content .writers__img img {
	width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
	font-family: 'object-fit: cover;';
	vertical-align:bottom;
}
.content .writers__name{
	margin:0 0 0 20px;
	font-weight:bold;
}
.content .writers__group{
	display:block;
	font-weight: normal;
	font-size:1.2rem;
}
.content .writers__description{
	display:block;
	margin-top:0;
	padding:20px;
	font-size:1.2rem;
}

/*-----パスワード保護-----*/
.content .passForm {display:flex;}
.content .passForm__input{
	border: 2px solid #d8d8d8;
    width: calc(100% - 8rem);
    padding: 10px;
    -webkit-appearance: none;
    border-radius: 0;
}
.content .passForm__btn{
	width: 8rem;
    cursor: pointer;
    text-align: center;
    background: #f2f2f2;
    border-left: 0;
    border-right: 2px solid #d8d8d8;
    border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    padding: 10px;
}
.content .passForm__btn:hover {
    background: #a83f3f;
    color: #ffffff;
}

/*-----[ショートコード]スターリスト-----*/
.content .starList{
	color: #FFCC33;
	display: inline-block;
}
/*-----[ショートコード]新着記事リスト-----*/
.content .archiveScode{border-top:1px dotted rgba(0,0,0,0.10);}
.content .archiveScode-rank{counter-reset: number;}

.content .archiveScode__item{
	border-bottom:1px dotted rgba(0,0,0,0.10);
	padding:20px 0 ;
	margin:0;
}
.content .archiveScode__item-no{
	padding: 30px;
	text-align: center;
	border-left: 1px dotted rgba(0,0,0,.1);
	border-right: 1px dotted rgba(0,0,0,.1);
}

.content .archiveScode-rank .archiveScode__item:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #bfbfbf;
    color: #FFF;
		font-size: 1.2rem;
    z-index: 5;
}

.content .archiveScode-rank .archiveScode__item:nth-child(1):before{background:#ecd357;}
.content .archiveScode-rank .archiveScode__item:nth-child(2):before{background:#a9c6d5;}
.content .archiveScode-rank .archiveScode__item:nth-child(3):before{background:#c58459;}
.content .archiveScode-rank .archiveScode__item-no:before {content: none;}
.content .archiveScode-rank .archiveScode__item-offline {display: none;}

.content .archiveScode__item .eyecatch{
	width:100px;
	float:left;
	margin:0;
}
.content .archiveScode__contents{
	width:calc(100% - 120px);
	float:right;
	margin:0;
}
.content .archiveScode__contents .heading{margin-top:0; margin-bottom:5px;}
.content .archiveScode__contents .phrase{margin-top:0;}

/*-----[ショートコード]embedブログカード-----*/
.content .wp-embedded-content {width: 100%;}



/*-----[ショートコード]OGPブログカード-----*/
.content .blogcard {
	position:relative;
	border:1px solid rgba(0,0,0,0.10);
	padding:20px;
	overflow:hidden;
	border-radius:5px;
}
.content .blogcard__subtitle{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.05);
	padding:5px 10px;
	font-size:1.2rem;
	border-radius:0 0 5px 0;
	max-width:95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content .blogcard__subtitle::before{margin-right:5px;}
.content .blogcard__contents {
	float:left;
	width: 70%;
	max-width: calc(100% - 115px);
	margin-top: 2.5rem;
}
.content .blogcard__contents .heading{ margin-bottom:0}
.content .blogcard__contents .phrase { display:none; margin-bottom:0}

.content .blogcard .eyecatch {
	float:right;
	width: calc(30% - 15px);
	min-width: 100px;
	margin-left:15px;
	margin-top: 2.5rem;
	margin-bottom:0;
}
.content .blogcard .eyecatch img {max-width:100%;}



/*-----[ショートコード]サイトカード-----*/
.content .sitecard {
	position:relative;
	border:1px solid rgba(0,0,0,0.10);
	padding:20px;
	overflow:hidden;
	border-radius:5px;
}
.content .sitecard__subtitle{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.05);
	padding:5px 10px;
	font-size:1.2rem;
	border-radius:0 0 5px 0;
}
.content .sitecard__contents {
	float:left;
	width: 70%;
	max-width: calc(100% - 115px);
	margin-top: 2.5rem;
}
.content .sitecard__contents .heading{ margin-bottom:0}
.content .sitecard__contents .phrase { display:none; margin-bottom:0}

.content .sitecard .eyecatch {
	float:right;
	width: calc(30% - 15px);
	min-width: 100px;
	margin-left:15px;
	margin-top: 2.5rem;
	margin-bottom:0;
}
.content .sitecard .eyecatch img {max-width:100%;}



/*-----[ショートコード]AF管理タグ-----*/
.content .afTagBox{
	position:relative;
	border: 5px solid rgba(0,0,0,0.05);
	background: #FFFFFF;
	padding:20px;
	overflow:hidden;
}
.content .afTagBox-noFormat{ padding-top:65px;}
.content .afTagBox__header{
	border-bottom:1px solid rgba(0,0,0,0.10);
	padding-bottom:10px;
}
.content .afTagBox__title{
	font-size:1.6rem;
	font-weight:bold;
}
.content .afTagBox__star{
	margin-top:0;
	font-size:1.4rem;
	color:#FC0;
}
.content .afTagBox__star-number__1:before{font-family: "icomoon";content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8";}
.content .afTagBox__star-number__2:before{font-family: "icomoon";content: "\e9da \e9da \e9d8 \e9d8 \e9d8";}
.content .afTagBox__star-number__3:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9d8 \e9d8";}
.content .afTagBox__star-number__4:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9da \e9d8";}
.content .afTagBox__star-number__5:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9da \e9da";}

.content .afTagBox__number{
	color:#7F7F7F;
	font-size:1.2rem;
}
.content .afTagBox__number::before{content: "［"}
.content .afTagBox__number::after {content: "］"}

.content .afTagBox__contentBox{ text-align:center;}
.content .afTagBox__banner{ margin:auto}
.content .afTagBox__banner img{ max-width:100%; height:auto;vertical-align: bottom;}
.content .afTagBox__text{ text-align:left; margin-top:10px;}



.content .afTagBox__content{}

.content .afTagBox__btnList a:nth-child(2){ margin-top:10px;}

.content .afTagBox__btnDetail{background: #076DA5;}
.content .afTagBox__btnAf{background: #a83f3f;}
.content .afTagBox__btnDetail,
.content .afTagBox__btnAf{
	display:block;
	position:relative;
	padding: 15px 40px;
	text-align: center;
    border-radius: 5px;
    border: none;
    border-bottom: solid 3px rgba(0,0,0,0.25);
    font-size: 1.4rem;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    line-height: normal;
	transition: .15s;
}
.content .afTagBox__btnDetail::before,
.content .afTagBox__btnAf::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
}
.content .afTagBox__btnDetail::after,
.content .afTagBox__btnAf::after {
    content: "";
    position: absolute;
    top: -50px;
    left: -100px;
    background: #fff;
    width: 50px;
    height: calc(100% + 100px);
    opacity: 0.1;
    transform: rotate(45deg);
    transition: .3s;
}
.content .afTagBox__btnDetail:hover::after,
.content .afTagBox__btnAf:hover::after {left: calc(100% + 50px);}

.content .afTagBox__btnDetail:active,
.content .afTagBox__btnAf:active {
    transform: translateY(3px);
    border-bottom: solid 3px transparent;
}

/*-----[ショートコード]AF管理ランキング-----*/
.content .afRank{
	background:none;
	border:none;
	padding:0;
	box-shadow: none;
	counter-reset: number;
}
.content .afRank::before{content: normal}
.content .afRank::after{content: normal}


.content .afRank > li{
	background:none;
	border:none;
	padding:0;
	margin-top:2rem;
}
.content .afRank > li::before{
	font-family:"Lato",
				"游ゴシック体",
				"Yu Gothic",
				"YuGothic",
				"ヒラギノ角ゴシック Pro",
				"Hiragino Kaku Gothic Pro",
				"メイリオ",
				"Meiryo",
				"ＭＳ Ｐゴシック",
				"MS PGothic",
				"sans-serif";
    counter-increment: number;
    content: counter(number);
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    background-color: #bfbfbf;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:2.25rem;
    color: #FFF;
	font-weight:bold;
    z-index: 5;
    transform: scale(1);
    top: 20px;
    font-size: 2rem;
    left: 20px;

}
.content .afRank > li::after{content: normal}
.content .afRank > li:first-child{ margin-top:0}

.content .afRank > li:nth-child(1)::before {border-radius:0; background-color: transparent;}
.content .afRank > li:nth-child(2)::before {border-radius:0; background-color: transparent;}
.content .afRank > li:nth-child(3)::before {border-radius:0; background-color: transparent;}
.content .afRank__crown_1 > li:nth-child(1)::before {background-image: url(img/rank1-01.png);line-height: 5.5rem;}
.content .afRank__crown_1 > li:nth-child(2)::before {background-image: url(img/rank1-02.png);line-height: 5.5rem;}
.content .afRank__crown_1 > li:nth-child(3)::before {background-image: url(img/rank1-03.png);line-height: 5.5rem;}

.content .afRank__crown_2 > li:nth-child(1)::before {background-image: url(img/rank2-01.png);}
.content .afRank__crown_2 > li:nth-child(2)::before {background-image: url(img/rank2-02.png);}
.content .afRank__crown_2 > li:nth-child(3)::before {background-image: url(img/rank2-03.png);}

.content .afRank__crown_3 > li:nth-child(1)::before {background-image: url(img/rank3-01.png);line-height: 3.7rem;}
.content .afRank__crown_3 > li:nth-child(2)::before {background-image: url(img/rank3-02.png);line-height: 3.7rem;}
.content .afRank__crown_3 > li:nth-child(3)::before {background-image: url(img/rank3-03.png);line-height: 3.7rem;}

.content .afRank__crown_4 > li:nth-child(1)::before {background-image: url(img/rank4-01.png);color: #edc729;}
.content .afRank__crown_4 > li:nth-child(2)::before {background-image: url(img/rank4-02.png);color: #a6c2d0;}
.content .afRank__crown_4 > li:nth-child(3)::before {background-image: url(img/rank4-03.png);color: #be8057;}

.content .afRank__crown_5 > li:nth-child(1)::before {background-image: url(img/rank5-01.png);line-height: 4.8rem;}
.content .afRank__crown_5 > li:nth-child(2)::before {background-image: url(img/rank5-02.png);line-height: 4.8rem;}
.content .afRank__crown_5 > li:nth-child(3)::before {background-image: url(img/rank5-03.png);line-height: 4.8rem;}

.content .afRank .afTagBox__header{ padding-left:55px;}

/*-----[ショートコード]カスタムメニュー-----*/
.widget .content ul.menu{border-top:0;font-size: 1.4rem;}
.content ul.menu li a{color:#191919;}





/*フッター上エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/

/*ランキングボックス*/
.rankingBox{
	position:relative;
	padding-top:40px;
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5) inset;
}
.rankingBox__bg{
	position: absolute;
	top:0;
	width:100%;
	height: 14rem;
	background:#a83f3f;
	z-index:-1;
}
.rankingBox__inner {
	overflow-x: auto;
    overflow-y: hidden;
}

/*ulリスト*/
.rankingBox__list {
	display: table;
	border-spacing:15px 0;
	list-style:none;
	counter-reset: number;
	margin:0 -15px 20px -15px;
}
.rankingBox__item {
	display: table-cell;
	vertical-align: top;
	position: relative;
	min-width:260px;
	max-width:260px;
	border:1px solid rgba(0,0,0,0.10);
	background:#ffffff;
}
.rankingBox__item:last-child {margin-right:0;}


.rankingBox__item:before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
	display:block;
	width:3rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	background:#bfbfbf;
	color:#FFF;
	z-index: 5;
}
.rankingBox__item:nth-child(1):before{background:#ecd357 ;}
.rankingBox__item:nth-child(2):before{background:#a9c6d5 ;}
.rankingBox__item:nth-child(3):before{background:#c58459 ;}
.rankingBox__contents{ padding: 10px 20px;}

.rankingBox__item-no:before{content: none;}

/*スクロールバー*/
.rankingBox__inner::-webkit-scrollbar {height: 10px;}
.rankingBox__inner::-webkit-scrollbar-track {box-shadow: 0 0 6px rgba(0,0,0,.3) inset;background-color: #f2f2f2; border-radius: 10px;}
.rankingBox__inner::-webkit-scrollbar-thumb {box-shadow: 0 0 6px rgba(0,0,0,.3) inset;background-color: #3f3f3f; border-radius: 10px;}






/*各カテゴリ最新記事一覧*/
.categoryBox{
	background:rgba(0,0,0,.05);
	padding-top:40px;
	padding-bottom:10px;
}
.categoryBox__list {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    list-style: none;
}
.categoryBox__item {
	width: calc(50% - 7.5px);
	margin-bottom:20px;
}

.categoryBox__title{
	color:#a83f3f;
	border-top:1px solid;
	font-size:1.5rem;
}
.categoryBox__titleLink{
	position:relative;
	display:block;
	padding:15px 0;
}
.categoryBox__titleLink::before{
	content:"";
	position:absolute;
	top: 50%;
	right: 10px;
	border-right: 1px solid;
	transform: rotate(45deg);
	margin-top:-3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid;
	transition: .5s;
}
.categoryBox__titleLink:hover::before{
	transform: rotate(765deg);
	width: 10px;
	height: 10px;
	margin-top: -5px;
}



/*CTRエリア*/
.commonCtr {
	position:relative;
	width: 100%;
	height: auto;
}

.commonCtr__bg{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:-10;
	overflow:hidden;
}
.commonCtr__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.commonCtr__container{
	display: flex;
	flex-wrap:wrap;
	padding:40px 0;
}
.commonCtr__contents{
	width:100%;
	margin-bottom:20px;
	z-index:9;
}
.commonCtr__image img{
	width:100%;
	height:auto;
}






/*フッターエリア用パーツ（共通）
------------------------------------------------------------*/

/*SNSフッターエリア*/
.snsFooter{
	background:#a83f3f;
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5) inset;
}
.snsFooter__list{
	list-style:none;
	text-align:center;
}
.snsFooter__item{
	display:inline-block;
	color:#ffffff;
	margin:10px 0;
}
.snsFooter__link{
	display:inline-block;
	padding:10px;
	border-radius:5px;
	transition: .15s;
}
.snsFooter__link:hover{
	background:rgba(255,255,255,0.15);
}

/*フッターボトム*/
.bottomFooter{
	position:relative;
	background: #191919;
	padding:40px 0;
}

.bottomFooter__navi {
	margin-bottom:20px;
}
.bottomFooter__list {
	list-style: none;
	text-align: center;
}
.bottomFooter__list li {
    display: inline-block;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
}
.bottomFooter__list li a {
    display: block;
    margin: 0 10px;
    line-height: 1.5;
	border-bottom:2px solid transparent ;
	transition: .15s;
}
.bottomFooter__list li a:hover{
	animation: flash 1s;
	border-color:#ffffff;
}

.bottomFooter__copyright{
	text-align:center;
	color:#BFBFBF;
	letter-spacing: 0.5px;
	line-height:1.75;
}
.bottomFooter__producer{
	text-align:center;
	color:#BFBFBF;
	letter-spacing: 0.5px;
	line-height:1.75;
}

.bottomFooter__link{
	font-weight:bold;
	color:#ffffff;
	transition: .15s;
}
.bottomFooter__link:hover{
	animation: flash 1s;
	border-bottom:1px solid ;
}



/*トップへ戻るボタン*/
.bottomFooter__topBtn {
	position:fixed;
	bottom:0;
	right:0;
	display:block;
	background-color:#a83f3f;
	color:#fff;
	width:40px;
	height:40px;
	z-index:999;
}
.bottomFooter__topBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: rotate(-45deg);
    margin-top: -3px;
    margin-right: -6px;
    width: 12px;
    height: 12px;
    border-top: 3px solid;
    border-right: 3px solid;
	transition: .3s;
}
.bottomFooter__topBtn:hover {opacity:0.75;}



/*フッターコントローラー(スマホのみ)*/
.controllerFooter {
	position: fixed;
    bottom: 0;
	width:100%;
	background: #fff;
	z-index: 999;
}
.controllerFooter-shadow{box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.15);}
.controllerFooter-border{border-top:1px solid rgba(0,0,0,0.10);}

.controllerFooter__list{
	list-style:none;
	display:flex;
}
.controllerFooter__item{
	padding:8px 0;
	text-align:center;
	font-size:10px;
	color: rgba(0,0,0,0.5);
	width:100%;
}
.controllerFooter__item:last-child{
	background: #a83f3f;
	color: rgba(255,255,255,0.5);
}
.controllerFooter__item i{
	display:block;
	font-size:20px;
	margin-bottom:3px;
}
.controllerFooter__item a{display:block;}
.controllerFooter__menuLabel{display:block;}




/*フッターコントローラーシェアボタン用パネル*/
/*チェックボックス非表示*/
.controllerFooter__checkbox {display:none;}

/*閉じる用の薄黒カバー*/
.controllerFooter__unshown {
	display:none;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	animation: fade .3s;
}
/*チェックで閉じる用の薄黒カバー表示*/
.controllerFooter__checkbox:checked ~ .controllerFooter__unshown {display: block;}

/*検索メニューコンテンツエリア*/
.controllerFooter__content {
	position: fixed;
	top: 0;
	left:0;
	right:0;
	overflow: hidden;
	background: #ffffff;
	width: 90%;
	max-width: 780px;
	height: auto;
	z-index: 9999;
	margin:0 auto;
	transition: .3s;
	transform: translateY(-200%);
	text-align:center;
	color:#191919;
}
.controllerFooter__contentInner{
	text-align:left;
	font-size:1.2rem;
}

/*チェックでパネル表示*/
.controllerFooter__checkbox:checked ~ .controllerFooter__content {
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 4px rgba(0,0,0,.15);
	padding:20px 15px 20px 15px;
	overflow: visible;
}

/*パネル内閉じるボタン*/
.controllerFooter__close{
	position: absolute;
    top: -10px;
    right: -10px;
    font-family: "Fjalla One";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    background: #191919;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.controllerFooter__close:hover{color:#a83f3f;}
.controllerFooter__close i{
	font-size:1rem;
	vertical-align: middle;
	display: inline-block;
	margin-bottom:2px;
}





/************************************************************/
/************************************************************/
/*ウィジェットモジュール(※主にWPの標準マークアップに従う)
/************************************************************/
/************************************************************/



/*ウィジェットボックス*/
.widget{
	position: relative;
    margin: 0 auto 40px auto;
}


/*ウィジェットタブメニュー&Contents*/
.widgetTab {
	background-color: #fff;
	border-left: 1px solid rgba(0,0,0,0.10);
	border-right: 1px solid rgba(0,0,0,0.10);
	border-bottom: 1px solid rgba(0,0,0,0.10);
	width: 100%;
	margin: 0 auto;
}

/*タブのスタイル*/
.widgetTab__menu{display:flex;}
/*タブのスタイル*/
.widgetTab__item {
	flex: 1;
	padding: 10px;
	height: auto;
	vertical-align: middle;
	background: #f2f2f2;
	border-top: 1px solid rgba(0,0,0,0.10);
	border-left: 1px solid rgba(0,0,0,0.10);
	border-bottom: 1px solid rgba(0,0,0,0.10);
	line-height: 1.5;
	text-align: center;
	display: block;
	float: left;
	font-size: 1.2rem;
	font-weight: bold;
	transition: .3s;
	cursor: pointer;
}
.widgetTab__item:first-child {border-left: 0;}
.widgetTab__item:hover {
	background: #ffffff;
	border-top: 2px solid #a83f3f;
}

/*ラジオボタンを全て消す*/
input[name="widgetTab__item"] { display: none;}

/*タブ切り替えの中身のスタイル*/
.widgetTab__content {
	display: none;
	width: 100%;
	padding: 0 20px 20px 20px;
	overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
.widgetTab__content.current {display: block;}

/*選択されているタブのスタイルを変える*/
.widgetTab__item.current{
	background: #fff;
	border-top: 2px solid #a83f3f;
	border-bottom: 1px solid #ffffff;
}




/*ウィジェットタグランキング*/
.widget > .widgetAfRank{counter-reset: number; border: 0}
.widgetAfRank::before{content: normal}
.widgetAfRank::after{content: normal}


.widgetAfRank li{margin-top:2rem;}
.widgetAfRank li::before{
	position: absolute;
	font-family:"Lato",
				"游ゴシック体",
				"Yu Gothic",
				"YuGothic",
				"ヒラギノ角ゴシック Pro",
				"Hiragino Kaku Gothic Pro",
				"メイリオ",
				"Meiryo",
				"ＭＳ Ｐゴシック",
				"MS PGothic",
				"sans-serif";
    counter-increment: number;
    content: counter(number);
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    background-color: #bfbfbf;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:2.25rem;
    color: #FFF;
	font-weight:bold;
    z-index: 5;
    transform: scale(1);
    top: 0;
	left: 0;
    font-size: 2rem;


}
.widgetAfRank li::after{content: normal}
.widgetAfRank li:first-child{ margin-top:0}

.widgetAfRank li:nth-child(1)::before {border-radius:0; background-color: transparent;}
.widgetAfRank li:nth-child(2)::before {border-radius:0; background-color: transparent;}
.widgetAfRank li:nth-child(3)::before {border-radius:0; background-color: transparent;}
.widgetAfRank__crown_1 li:nth-child(1)::before {background-image: url(img/rank1-01.png);line-height: 5.5rem;}
.widgetAfRank__crown_1 li:nth-child(2)::before {background-image: url(img/rank1-02.png);line-height: 5.5rem;}
.widgetAfRank__crown_1 li:nth-child(3)::before {background-image: url(img/rank1-03.png);line-height: 5.5rem;}

.widgetAfRank__crown_2 li:nth-child(1)::before {background-image: url(img/rank2-01.png);}
.widgetAfRank__crown_2 li:nth-child(2)::before {background-image: url(img/rank2-02.png);}
.widgetAfRank__crown_2 li:nth-child(3)::before {background-image: url(img/rank2-03.png);}

.widgetAfRank__crown_3 li:nth-child(1)::before {background-image: url(img/rank3-01.png);line-height: 3.7rem;}
.widgetAfRank__crown_3 li:nth-child(2)::before {background-image: url(img/rank3-02.png);line-height: 3.7rem;}
.widgetAfRank__crown_3 li:nth-child(3)::before {background-image: url(img/rank3-03.png);line-height: 3.7rem;}

.widgetAfRank__crown_4 li:nth-child(1)::before {background-image: url(img/rank4-01.png);color: #edc729;}
.widgetAfRank__crown_4 li:nth-child(2)::before {background-image: url(img/rank4-02.png);color: #a6c2d0;}
.widgetAfRank__crown_4 li:nth-child(3)::before {background-image: url(img/rank4-03.png);color: #be8057;}

.widgetAfRank__crown_5 li:nth-child(1)::before {background-image: url(img/rank5-01.png);line-height: 4.8rem;}
.widgetAfRank__crown_5 li:nth-child(2)::before {background-image: url(img/rank5-02.png);line-height: 4.8rem;}
.widgetAfRank__crown_5 li:nth-child(3)::before {background-image: url(img/rank5-03.png);line-height: 4.8rem;}

.widgetAfRank .widgetAfTag__header{ padding-left:55px;}

.widgetAfTag{
	position:relative;
	overflow:hidden;
}
.widgetAfTag__header{
	border-bottom:1px solid rgba(0,0,0,0.10);
	padding:15px 0 15px 0;
	min-height: 55px;
	margin-bottom: 10px;
}
.widgetAfTag__title{
	font-size:1.5rem;
	font-weight:bold;
}
.widgetAfTag__star{
	margin-top:0;
	font-size:1.4rem;
	color:#FC0;
}
.widgetAfTag__star-number__1:before{font-family: "icomoon";content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8";}
.widgetAfTag__star-number__2:before{font-family: "icomoon";content: "\e9da \e9da \e9d8 \e9d8 \e9d8";}
.widgetAfTag__star-number__3:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9d8 \e9d8";}
.widgetAfTag__star-number__4:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9da \e9d8";}
.widgetAfTag__star-number__5:before{font-family: "icomoon";content: "\e9da \e9da \e9da \e9da \e9da";}

.widgetAfTag__number{
	color:#7F7F7F;
	font-size:1.2rem;
}
.widgetAfTag__number::before{content: "［"}
.widgetAfTag__number::after {content: "］"}

.widgetAfTag__contentBox{
	display: flex;
	margin-bottom: 10px;
}
.widgetAfTag__banner{
	margin:0;
	width: 35%;
}
.widgetAfTag__banner img{ max-width:100%; height:auto;vertical-align: bottom;}
.widgetAfTag__text{
	margin:0 0 0 10px;
	width: 65%;
	text-align:left;
	line-height:1.5;
}


.widgetAfTag__btnList a:nth-child(2){ margin-top:5px;}

.widgetAfTag__btnDetail{background: #076DA5;}
.widgetAfTag__btnAf{background: #a83f3f;}
.widgetAfTag__btnDetail,
.widgetAfTag__btnAf{
	display:block;
	position:relative;
	padding: 10px;
	text-align: center;
    border-radius: 5px;
    border: none;
    border-bottom: solid 3px rgba(0,0,0,0.25);
    font-size: 1.3rem;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    line-height: normal;
	transition: .15s;
}
.widgetAfTag__btnDetail::before,
.widgetAfTag__btnAf::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
}
.widgetAfTag__btnDetail::after,
.widgetAfTag__btnAf::after {
    content: "";
    position: absolute;
    top: -50px;
    left: -100px;
    background: #fff;
    width: 50px;
    height: calc(100% + 100px);
    opacity: 0.1;
    transform: rotate(45deg);
    transition: .3s;
}
.widgetAfTag__btnDetail:hover::after,
.widgetAfTag__btnAf:hover::after {left: calc(100% + 50px);}

.widgetAfTag__btnDetail:active,
.widgetAfTag__btnAf:active {
    transform: translateY(3px);
    border-bottom: solid 3px transparent;
}




/*サイドメニュー*/
.widget.widget_categories ul,
.widget.widget_nav_menu ul.menu{
	border-top: none;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 1px solid ;
	border-color:rgba(168,63,63,.15);
}
.widget.widget_categories ul .children,
.widget.widget_nav_menu ul.menu .sub-menu{
	border-left: 0 ;
	border-right: 0 ;
	border-bottom: 0 ;
}
.widget.widget_categories ul li,
.widget.widget_nav_menu ul.menu li{border-top: 1px solid rgba(168,63,63,.75);}
.widget.widget_categories ul li:first-child,
.widget.widget_nav_menu ul.menu li:first-child{border: none;}
.widget.widget_categories ul .children li,
.widget.widget_nav_menu ul.menu .sub-menu li {border-top: 1px solid rgba(168,63,63,.15);}
.widget.widget_categories ul .children li .children li,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li {border: none;}
.widget.widget_categories ul .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child {border-top: 1px solid rgba(168,63,63,.15);}
.widget.widget_categories ul .children li .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li .sub-menu li:first-child {border: none;}

.widget.widget_categories ul li a,
.widget.widget_nav_menu ul.menu li a{
	color: #ffffff;
	background: #a83f3f;
	display:block;
  border: none;
  line-height: 1.5;
	padding: 15px 10px;
	transition: .15s;
}
.widget.widget_categories ul li a:hover,
.widget.widget_nav_menu ul.menu li a:hover,
.widget.widget_categories ul .current-menu-item > a,
.widget.widget_nav_menu ul.menu .current-menu-item > a{color: #ffffff;background: rgba(168,63,63,.75); font-weight: bold;}

.widget.widget_categories ul .children a,
.widget.widget_nav_menu ul.menu .sub-menu a {
	color: rgba(0,0,0,0.75);
	background: #ffffff;
}
.widget.widget_categories ul .children a:hover,
.widget.widget_nav_menu ul.menu .sub-menu a:hover,
.widget.widget_categories ul .children .current-menu-item a,
.widget.widget_nav_menu ul.menu .sub-menu .current-menu-item a{background: #ffffff;color: #a83f3f;}

.widget.widget_categories ul .children li .children a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu a {
	padding: 5px 10px 5px 30px;
	border: none;
}

.widget.widget_categories ul .children li .children li:first-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child a{padding-top: 15px;}
.widget.widget_categories ul .children li .children li:last-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:last-child a{	padding-bottom: 15px;}

/*アイコン*/
.widget.widget_categories ul li a:before,
.widget.widget_nav_menu ul.menu li a:before {
    font-family: "icomoon";
    content: "\ea56";
    font-size: 1rem;
    margin-right: 5px;
    color: #ffffff;
}

.widget.widget_categories ul li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li a:before {
	content: "\ea57";
	color:#a83f3f;
}
.widget.widget_categories ul li .children li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li .sub-menu li a:before {content: "\ea55";}







/*ウィジェット内IMG*/
.widget img{max-width:100%; height: auto;}

/*ウィジェット内リストタグの基本*/
.widget ul{list-style-type: none;}
.widget > ul{border-top: dotted 1px rgba(0,0,0,0.10);}
.widget ul.menu{border-top: dotted 1px rgba(0,0,0,0.10);}
.widget ul li{position: relative;}

.widget.widget_archive ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_meta ul li a,
.widget.widget_pages ul li a{
	display:block;
  border-bottom: dotted 1px rgba(0,0,0,0.10);
  line-height: 1.5;
	padding: 15px 10px;
	transition: .15s;
}

.widget ul li a:hover{color:#a83f3f;}
/*↓タグボタンホバー時の色は白に変更*/
.widget ul li a.widgetAfTag__btnDetail:hover,
.widget ul li a.widgetAfTag__btnAf:hover,
.widget ul li a.afTagBox__btnDetail:hover,
.widget ul li a.afTagBox__btnAf:hover{color:#ffffff;}


/*不要なラベル*/
.widget .screen-reader-text {display: none;}

.widget select{
	border: 2px solid #d8d8d8;
	width:100%;
	padding:10px;
	border-radius: 0;
}
.widget select:hover {border-color: #a83f3f;}


/*最新の投稿(default)*/
.widget.widget_recent_entries ul li{
	display:block;
    border-bottom: dotted 1px rgba(0,0,0,0.10);
    line-height: 1.5;
	padding: 15px 10px;
}
.widget.widget_recent_entries ul li a{
	display: inline-block;
}
.widget.widget_recent_entries .post-date{
    display: block;
    font-size: 1.2rem;
    color: rgba(0,0,0,0.5);
    margin-top: 5px;
    font-weight: normal;
}
.widget.widget_recent_entries .post-date::before {
    font-family: "icomoon";
    content: "\e957";
    margin-right: 5px;
	line-height: 1;
}

/*コメント*/
.widget.widget_recent_comments ul li{
	display:block;
    border-bottom: dotted 1px rgba(0,0,0,0.10);
    line-height: 1.5;
	padding: 15px 10px;
}
.widget.widget_recent_comments ul li a{
	display: inline-block;
}



/*RSS*/
.widget.widget_rss .rss-widget-icon {display: none;}
.widget.widget_rss ul li{
	display:block;
    border-bottom: dotted 1px rgba(0,0,0,0.10);
    line-height: 1.5;
	padding: 15px 10px;
}
.widget.widget_rss ul li a{
	display: inline-block;
}

.widget.widget_rss .rsswidget {
	font-weight: 700;
    display: inline-block;
}
.widget.widget_rss .rsswidget:hover {color:#a83f3f;}
.widget.widget_rss .rss-date{
    display: block;
    font-size: 1.2rem;
    color: rgba(0,0,0,0.5);
    margin-top: 5px;
    font-weight: normal;
}
.widget.widget_rss .rss-date::before {
    font-family: "icomoon";
    content: "\e957";
    margin-right: 5px;
	line-height: 1;
}
.widget.widget_rss .rssSummary{
    color: rgba(0,0,0,0.75);
    margin-top:10px;
    line-height: 1.85;
	font-size:1.2rem;
}
.widget.widget_rss cite{
	display: block;
	margin-top:10px;
}

/*メディアイメージ*/
.widget.widget_media_image .wp-caption{ max-width:100%;}



/*タグクラウド*/
.widget.widget_tag_cloud .tagcloud {margin-bottom: -5px;}
.widget.widget_tag_cloud a {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:5px;
	display: inline-block;
    padding: 10px;
    margin: 0 5px 5px 0;
    font-size: 1.2rem!important;
	transition: .15s;
	line-height:1.35;
}
.widget.widget_tag_cloud a:hover {
	background:#a83f3f;
	color:#ffffff;
}
.widget.widget_tag_cloud a::before{
	font-family: "icomoon";
	content:"\e93e";
	margin-right: 5px;
	font-size: 1rem;
}

/*広告*/
.adWidget {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: auto;
    padding: 0 10px;
    background-color: #F2F2F2;
    background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
    background-size: 6px 6px;
}
.adWidget-no {padding: 0; background:transparent; }
.adWidget ins{max-width: 100%}

.adWidget__title {
    font-size: 1.2rem;
    padding: 10px 0;
    display: block;
}

.qrWidget {
    width: 100%;
    text-align: center;
}
.qrWidget_img{
	margin-bottom:20px;
	border: 1px solid rgba(0,0,0,0.10);
}
.qrWidget__text{
	color: rgba(0,0,0,0.75);
    line-height: 1.85;
    text-align: center;
}



/*カレンダー*/
.widget.widget_calendar .calendar_wrap{
	padding:20px;
	background:#f8f8f8;
	border: 1px solid rgba(0,0,0,0.1);
}
.widget.widget_calendar .calendar_wrap table{width: 100%;}
.widget.widget_calendar .calendar_wrap caption {
	font-size: 1.2rem;
	margin-bottom: 20px;
}
.widget.widget_calendar .calendar_wrap thead{font-size:1.2rem;}
.widget.widget_calendar .calendar_wrap thead th{
	padding-bottom: 10px;
	text-align:center
}
.widget.widget_calendar .calendar_wrap tbody{color: #7f7f7f;}
.widget.widget_calendar .calendar_wrap tbody td{
	background: #fff;
	border: 1px solid #f8f8f8;
	text-align: center;
	height:35px;
	line-height:35px;
}
.widget.widget_calendar .calendar_wrap tbody td:hover {background: #f8f8f8;}
.widget.widget_calendar .calendar_wrap tbody a{
	display:block;
	font-weight:bold;
	background:#7F7F7F;
	color:#fff !important;
	text-decoration:underline;
}
.widget.widget_calendar .calendar_wrap tbody a:hover{background:#a83f3f;}
.widget.widget_calendar .calendar_wrap tbody .pad{background: none;}
.widget.widget_calendar .calendar_wrap tfoot a{text-decoration:underline;}
.widget.widget_calendar .calendar_wrap tfoot #next{
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: right;
}
.widget.widget_calendar .calendar_wrap tfoot #prev{
	font-size: 1.2rem;
	text-transform: uppercase;
	padding-top: 10px;
}



/*記事数カウントspan*/
.widgetCount{
  display: inline-block;
  border-radius: 50%;
  background: #f2f2f2;
	color: rgba(0,0,0,0.5);
  font-size: 1rem;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  margin-left: 10px;
}

/*ウィジェットプロフィール*/
.widgetProfile{ text-align:center;}
.widgetProfile__img{
	width:120px;
	height:120px;
	margin:0 auto 10px auto;
	overflow: hidden;
}
.widgetProfile__img img {
	width:120px;
	height:120px;
	border-radius:50%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.widgetProfile__name{
	font-size:1.5rem;
	margin:0 auto 10px auto;
}
.widgetProfile__group{
	font-size:1.2rem;
	color:rgba(0,0,0,0.5);
	margin:0 auto 20px auto;
}
.widgetProfile__text{
	color: rgba(0,0,0,0.75);
    margin: 20px auto;
    line-height: 1.85;
	text-align:left;
}
.widgetProfile__sns{
	padding: 20px 17.5px 15px 17.5px;
	margin-top:20px;
	background:#a83f3f;
}
.widgetProfile__snsTitle{
	color:#FFF;
	font-size:1.4rem;
	margin-bottom:10px
}
.widgetProfile__snsList{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.widgetProfile__snsItem{ margin:5px 2.5px;}
.widgetProfile__snsItem .widgetProfile__snsLink{
	display:inline-block;
	width:30px;
	height:30px;
    line-height:30px;
	padding: 0;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	color:#fff;
	border-radius:50%;
	border:1px solid;
	transition: .15s;
}
.widgetProfile__snsItem .widgetProfile__snsLink:hover{color:#fff; border-color: transparent}
.widgetProfile__snsLink:hover.icon-facebook{ background:#3B5998}
.widgetProfile__snsLink:hover.icon-twitter{background:#00B0ED}
.widgetProfile__snsLink:hover.icon-instagram{background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}
.widgetProfile__snsLink:hover.icon-google-plus{background:#DF4A32}
.widgetProfile__snsLink:hover.icon-youtube{background:#cd201f}
.widgetProfile__snsLink:hover.icon-linkedin{background:#0079ba}
.widgetProfile__snsLink:hover.icon-pinterest{background:#ce0f19}








/*ウィジェットアーカイブ*/
.widgetArchive {list-style-type: none;}
.widgetArchive__item {
	position:relative;
	padding-bottom:20px;
}
.widgetArchive__item:last-child{padding-bottom:0;}

.widgetArchive__item-no{
	padding: 20px;
	text-align: center;
	border: 1px dotted rgba(0,0,0,.1);
}
.widgetArchive__item-no:last-child{padding-bottom: 20px}
.widgetArchive__item-offline{display: none;}

/*ノーマルレイアウト*/
.widgetArchive__item.widgetArchive__item-normal {
	display:flex;
	align-items: flex-start;
}
.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents {
	width: 100%;
	margin-left: 15px;
}

/*アイキャッチ無しバージョン*/
.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents-none,
.widgetArchive__item .widgetArchive__contents-none {margin-left: 45px;}

/*ランク用デザイン*/
.widgetArchive.widgetArchive-rank {counter-reset:number;}
.widgetArchive__item.widgetArchive__item-rank:before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
	display:block;
	width:3rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	background:#bfbfbf;
	color:#FFF;
	z-index: 5;
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(1):before{background:#ecd357;}
.widgetArchive__item.widgetArchive__item-rank:nth-child(2):before{background:#a9c6d5;}
.widgetArchive__item.widgetArchive__item-rank:nth-child(3):before{background:#c58459;}

/*カテゴリランキングのタイトル*/
.widgetCatTitle{
	position: relative;
	text-align: center;
	font-size:1.3rem;
	color:#ffffff;
	background:#a83f3f;
	padding:10px 0;
	margin-bottom:20px;
}
.widgetCatTitle::after{
	position: absolute;
	top: 50%;
	left:10px;
	right:10px;
	content: "";
	display: block;
	height: 1px;
	background: rgba(255,255,255,0.15);
}
.widgetCatTitle__inner{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 10px;
	background-color: #a83f3f;
	text-align: left;
}


/*検索フォーム関連*/
.widgetSearch{}
.widgetSearch__flex{ display:flex}
.widgetSearch__input{
	border: 2px solid #d8d8d8;
	width:calc(100% - 4rem);
	padding:10px;
	-webkit-appearance: none;
	border-radius: 0;
}
.widgetSearch__input.widgetSearch__input-max{width:100%;}
.widgetSearch__input:hover {border-color: #a83f3f;}

.widgetSearch__submit {
	width:4rem;
    cursor: pointer;
    text-align: center;
	background:#f2f2f2;
	border-left:0;
	border-right: 2px solid #d8d8d8;
	border-top: 2px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	padding:10px;
}
.widgetSearch__submit:hover {
	background: #a83f3f;
	color:#ffffff;
}

.widgetSearch__word{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	margin-top:5px;
	border-top:none;
}
.widgetSearch__wordItem{
	margin:5px 5px 0 0;
}
.widgetSearch__wordItem a{
	display:block;
	padding:5px 10px;
	font-size:1rem;
	background:rgba(0,0,0,0.05);
	border-radius:calc(1rem + 10px);
	transition: .15s;
}
.widgetSearch__wordItem a:hover{
	color:#fff;
	background:rgba(0,0,0,0.75);
}

.widgetSearch__contents {
	width:100%;
	margin-bottom:20px
}
.widgetSearch__tag{
	width:100%;
	margin-bottom:10px;
}


.widgetSearch__select{cursor:pointer;}
.widgetSearch__check{display: none;}
.widgetSearch__checkLabel {
	position: relative;
	display:inline-block;
	padding-left:2.5rem;
	margin:0 10px 10px 0;
	line-height:2rem;
	cursor:pointer;
}

.widgetSearch__checkLabel:after,
.widgetSearch__checkLabel:before{
	content: "";
	position: absolute;
	display: block;
}
.widgetSearch__checkLabel:after {
	top:0;
	left:0;
	width: 2rem;
	height: 2rem;
	border: 2px solid #d8d8d8;
	background:#ffffff;

}
.widgetSearch__checkLabel:hover:after {border-color: #a83f3f;}
.widgetSearch__check:checked .widgetSearch__checkLabel:before,
.widgetSearch__check:checked + .widgetSearch__checkLabel:before {
	top: 0.35rem;
	left: 0.75rem;
	width: 0.5rem;
	height: 1rem;
	border-right: 2px solid #a83f3f;
	border-bottom: 2px solid #a83f3f;
	transform: rotate(45deg);
	z-index: 9;
}




/************************************************************/
/************************************************************/
/*テーマ
/************************************************************/
/************************************************************/


/*html全体フォントサイズ
------------------------------------------------------------*/

.t-middle{font-size: 68.75%;}
.t-large {font-size: 75%;}


/*html全体フォントファミリー
------------------------------------------------------------*/
.t-hiragino {font-family:"Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
@media all and (-ms-high-contrast:none) {
	.t-hiragino {font-family:"Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
}
.t-hiragino .eyecatch__link::after{font-family: "Fjalla One","Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";}
.t-hiragino .heading-main{font-family: "Fjalla One","Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";}
.t-hiragino .heading-main span{font-family:"Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-hiragino .siteTitle{font-family: "Fjalla One","Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";}
.t-hiragino .content pre{font-family: "Fjalla One","Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";}
.t-hiragino .content .afRank > li::before{font-family:"Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-hiragino .widgetAfRank li::before{font-family:"Lato","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}


.t-meiryo {font-family:"Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
@media all and (-ms-high-contrast:none) {
	.t-meiryo {font-family:"Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
}
.t-meiryo .eyecatch__link::after{font-family:"Fjalla One","Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .heading-main{font-family:"Fjalla One","Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .heading-main span{font-family:"Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .siteTitle{font-family:"Fjalla One","Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .content pre{font-family:"Fjalla One","Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .content .afRank > li::before{font-family:"Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-meiryo .widgetAfRank li::before{font-family:"Lato","メイリオ","Meiryo","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}


.t-noto {font-family:"Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
@media all and (-ms-high-contrast:none) {
	.t-noto {font-family:"Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
}
.t-noto .eyecatch__link::after{font-family:"Fjalla One","Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .heading-main{font-family:"Fjalla One","Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .heading-main span{font-family:"Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .siteTitle{font-family:"Fjalla One","Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .content pre{font-family:"Fjalla One","Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .content .afRank > li::before{font-family:"Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}
.t-noto .widgetAfRank > li::before{font-family:"Lato","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",	"sans-serif";}

/*headerエリアのバージョン
------------------------------------------------------------*/


/*背景色ありバージョン*/
.t-headerColor .l-header{ background:#a83f3f}
.t-headerColor .siteTitle{ color:#ffffff}
.t-headerColor .searchBtn__link{ color:#ffffff}

.t-headerColor .menuBtn__link{color:#ffffff;}
.t-headerColor .menuBtn__link:hover{}
.t-headerColor .globalNavi::before{background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#a83f3f))}
.t-headerColor .globalNavi::after{color:rgba(255,255,255,0.5);}
.t-headerColor .globalNavi__list li a{ color:rgba(255,255,255,0.5);}
.t-headerColor .globalNavi__list .current_page_item > a,
.t-headerColor .globalNavi__list .current-menu-item > a,
.t-headerColor .globalNavi__list .current-menu-parent > a,
.t-headerColor .globalNavi__list .page_item a:hover,
.t-headerColor .globalNavi__list .menu-item a:hover{
	border-color:rgba(255,255,255,0.9);
	color:rgba(255,255,255,0.9);
}
.t-headerColor .globalNavi__list > li.page_item_has_children > a::before,
.t-headerColor .globalNavi__list > li.menu-item-has-children > a::before{border-color: rgba(255,255,255,0.5);}


/*ロゴセンターバージョン*/
.t-headerCenter .siteTitle{
	margin: 0 auto 15px auto;
	padding-top:5px;
  text-align: center;
}
.t-headerCenter .searchBtn{
	left:0;
	right:auto;
	line-height: 1.25;
  font-size: 16px;
  text-align: center;
}
.t-headerCenter.t-logoSp25 .searchBtn{top: 2.5px;}
.t-headerCenter.t-logoSp30 .searchBtn{top: 5px;}
.t-headerCenter.t-logoSp35 .searchBtn{top: 7.5px;}
.t-headerCenter.t-logoSp40 .searchBtn{top: 10px;}

.t-headerCenter .searchBtn__link{display: block;}
.t-headerCenter .searchBtn__link::after {
	font-family: "Fjalla One";
    content: "SEARCH";
    font-size: 1rem;
    display: block;
}
.t-headerCenter .menuBtn{
	line-height: 1.25;
  font-size: 16px;
  text-align: center;
}
.t-headerCenter.t-logoSp25 .menuBtn{top: 2.5px;}
.t-headerCenter.t-logoSp30 .menuBtn{top: 5px;}
.t-headerCenter.t-logoSp35 .menuBtn{top: 7.5px;}
.t-headerCenter.t-logoSp40 .menuBtn{top: 10px;}

.t-headerCenter .menuBtn__link{display: block;}
.t-headerCenter .menuBtn__link::after {
	font-family: "Fjalla One";
    content: "MENU";
    font-size: 1rem;
	display: block;
}
.t-headerCenter .globalNavi{ padding-top:5px;}


/*ロゴ高さバージョン
------------------------------------------------------------*/
.t-logoSp25 .siteTitle__logo{height:25px;}
.t-logoSp30 .siteTitle__logo{height:30px;}
.t-logoSp35 .siteTitle__logo{height:35px;}
.t-logoSp40 .siteTitle__logo{height:40px;}

.t-logoSp25 .searchBtn{top: 2.5px;}
.t-logoSp30 .searchBtn{top: 5px;}
.t-logoSp35 .searchBtn{top: 7.5px;}
.t-logoSp40 .searchBtn{top: 10px;}

.t-logoSp25 .menuBtn{top: 2.5px;}
.t-logoSp30 .menuBtn{top: 5px;}
.t-logoSp35 .menuBtn{top: 7.5px;}
.t-logoSp40 .menuBtn{top: 10px;}


/*footerエリアのバージョン
------------------------------------------------------------*/

/*フッターエリア固定バージョン*/
.t-footerFixed{ padding-bottom:49px;}



/************************************************************/
/************************************************************/
/*ユーティリティ
/************************************************************/
/************************************************************/

/*display:none*/
.u-none-pc{display:block;}
.u-none-sp{display:none;}
.globalNavi.u-none-sp{display:none;}

/*margin-top*/
.u-mt-main{ margin-top:40px;}
.u-mt-sub{ margin-top:30px;}

/*color:#ffffff;*/
.u-white{color:#ffffff ;}
.u-whiteHalf{color:rgba(255,255,255,0.5);}

/*font-weight:bold;*/
.u-bold {font-weight:bold;}

/*clearfix;*/
.u-clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.u-shadow   {background:#ffffff;padding:15px;border-bottom:none;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.u-border   {background:#ffffff;padding:15px;border:1px solid rgba(0,0,0,0.10);}
.u-shadowfix{background:#ffffff;padding:15px;border-bottom:none;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.15);}
.u-borderfix{background:#ffffff;padding:15px;border:1px solid rgba(0,0,0,0.10);}


/************************************************************/
/************************************************************/
/*keyframes設定
/************************************************************/
/************************************************************/

/*フェード効果*/
@keyframes fade{
    from{opacity: 0;}
    to  {opacity: 1;}
}
@keyframes fadeIn1{
    from{opacity: 0;}
    to  {opacity: 1;}
}
@keyframes fadeIn2{
    from{opacity: 0;}
    to  {opacity: 1;}
}
@keyframes fadeIn3{
    from{opacity: 0;}
    to  {opacity: 1;}
}

/*スピン効果*/
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*フラッシュ*/
@keyframes flash {
    from{opacity: 0.5;}
    to  {opacity: 1;}
}

/*マーキー効果*/
@keyframes marquee {
	from{transform: translate(0%);}
	to  {transform: translate(-100%);}
}



/************************************************************/
/************************************************************/
/*タブレットレスポンシブ設定
/************************************************************/
/************************************************************/

@media only screen and (min-width: 768px){

/*ベース
/************************************************************/

/*全体設定
------------------------------------------------------------*/
body{font-size: 1.4rem;}




/*レイアウト
/************************************************************/

/*ラッパー(メイン・サイドバー用ラッパー)
------------------------------------------------------------*/
.l-wrapper {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}


/*メイン
------------------------------------------------------------*/
.l-main {
	width: calc(70% - 30px);
	margin-bottom: 0;
}

.l-main-wide    {width:100%;  margin-right:0;}
.l-main-wide1000{width:1000px;margin: auto;}
.l-main-wide900 {width:900px; margin: auto;}
.l-main-wide800 {width:800px; margin: auto;}
.l-main-wide700 {width:700px; margin: auto;}
.l-main-right   {order: 2;}

/*サイドバー
------------------------------------------------------------*/
.l-sidebar {width:30%;}




/*共通モジュール(様々な箇所で複数使用するパーツ)
/************************************************************/

/*アイキャッチ
------------------------------------------------------------*/
.eyecatch-main{margin:0 0 60px 0;}
.eyecatch__cat-big a{font-size:1.4rem;}


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

/*見出し：メインエリアタイトル用(主にTOPページのオリジナルコンテンツ部分で使用)*/
.heading-main{
	font-size:2.6rem;
	margin-bottom: 30px;
}
.heading-main span{font-size:1.6rem;}

/*見出し：ページタイトル用*/
.heading-primary{
	font-size:2.6rem;
	margin-bottom: 20px;
}
.heading-primary span{font-size:1.6rem;}

/*見出し：primaryより小さい*/
.heading-sub{
	font-size:2.2rem;
	margin-bottom:20px;
}
.heading-sub span{font-size:1.2rem;}

/*見出し：アーカイブ内の記事タイトル用*/
.heading-secondary{font-size:1.6rem;}

/*見出し：その他小さめのタイトル*/
.heading-tertiary{font-size:1.4rem;}


/*見出し：TOPスライダー用*/
.heading-slider{
	font-size:4rem;
	margin-bottom:20px;

}

/*見出し：CTRフッター用*/
.heading-commonCtr{
	font-size:2.2rem;
}

/*見出し：ウィジェットエリア用*/
.heading-widgetsimplewide{margin:0 0 20px 0;}
.u-shadowfix .heading-widgetsimplewide,
.u-borderfix .heading-widgetsimplewide{margin:-20px -20px 20px -20px;}
.heading-widgetwide{margin:0 0 20px 0;}
.u-shadowfix .heading-widgetwide,
.u-borderfix .heading-widgetwide{margin:-20px -20px 20px -20px;}

/*文節
------------------------------------------------------------*/

/*文節：アーカイブ内の本文用*/
.phrase-secondary{font-size:1.2rem;}

/*文節：マージンボトム0で使いたい時*/
.phrase-tertiary{font-size:1.4rem;}

/*文節：TOPスライダー用*/
.phrase-slider{
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:40px;
}


/*データリスト(複数個所で使用)
------------------------------------------------------------*/
.dateList-main .dateList__item{
	margin-right:10px;
	font-weight: bold;
}


/*アーカイブコントローラー
------------------------------------------------------------*/
.controller-shadow{padding:20px;}
.controller-border{padding:20px;}

/*view切り替えアイコンカラー*/
.controller__viewLabel{font-size:18px;}



/*記事アーカイブ全体
------------------------------------------------------------*/

/*アーカイブリスト(ワイドビューバージョン)*/
#viewWide:checked ~ .archive .archive__item-shadow{padding:20px;}
#viewWide:checked ~ .archive .archive__item-border{padding:20px;}
#viewWide:checked ~ .archive .eyecatch__cat a{font-size:1.4rem}
#viewWide:checked ~ .archive .heading-secondary{font-size:2.4rem}

/*アーカイブリスト(カードビューバージョン)*/
#viewCard:checked ~ .archive .archive__item-shadow{padding:15px;}
#viewCard:checked ~ .archive .archive__item-border{padding:15px;}
#viewCard:checked ~ .archive .archive__contents .phrase{display: block;}

/*アーカイブリスト(ノーマルビューバージョン)*/
#viewNormal:checked ~ .archive .archive__item-shadow{padding:15px;}
#viewNormal:checked ~ .archive .archive__item-border{padding:15px;}
#viewNormal:checked ~ .archive .archive__contents .phrase{display: block;}

/*インフィード広告用設定*/
#viewWide:checked   ~ .archive .archive__item-infeedPc1 { display:block;}
#viewCard:checked   ~ .archive .archive__item-infeedPc1 { display:none;}
#viewNormal:checked ~ .archive .archive__item-infeedPc1 { display:none;}

#viewWide:checked   ~ .archive .archive__item-infeedPc2 { display:none;}
#viewCard:checked   ~ .archive .archive__item-infeedPc2 { display:block;}
#viewNormal:checked ~ .archive .archive__item-infeedPc2 { display:none;}

#viewWide:checked   ~ .archive .archive__item-infeedPc3 { display:none;}
#viewCard:checked   ~ .archive .archive__item-infeedPc3 { display:none;}
#viewNormal:checked ~ .archive .archive__item-infeedPc3 { display:block;}



/*限定モジュール(複数個所で利用されることが無いパーツ)
/************************************************************/

/*ヘッダーエリア用パーツ（共通）
------------------------------------------------------------*/
/*サイトタイトル(ヘッダーで使用)*/
.siteTitle__logo{ height:30px;}

.searchBtn__scroll {padding:0 40px;}




/*ヘッダー下エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/
/*検索エリア*/

.searchHead__keyword{
	width: calc(70% - 40px);
	margin:0 40px 0 0;
	order: 1;
	overflow: visible;
}
.searchHead__title {
	display: inline-block;
	vertical-align: bottom;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    padding: 0 15px;
    background: #a83f3f;
    margin:2px 5px 0 0;
    border-radius: 5px;
}
.searchHead__keywordList{display:inline-block;}
.searchHead__keywordItem{
	height: 30px;
    line-height: 30px;
}


.searchHead__search{
	width:30%;
	order: 2;
}
.searchHead__search-100{width:100%;}


/*お知らせマーキー*/
.infoHead__text{animation: marquee 20s linear 0s infinite;}


/*パンくずエリアパーツ*/
.breadcrumb{overflow: visible;}
.breadcrumb__list{
	list-style:none;
	display: block;
}
.breadcrumb__item{
	display: block;
	float:left;
}




/*TOPページ限定パーツ
------------------------------------------------------------*/

.still-movie .still__box::before{
	position:absolute;
	font-size:50px;
	color:#FFF;
	font-family: "icomoon";
	content:"\e98a";
	animation: spin 1.5s linear infinite;
}

/*キービジュアルスライダー*/
.swiper-slider {height: 300px;}

/*スライダー　next-prevボタン表示*/
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev{display:block;}
.swiper-slider:hover .swiper-button-next,
.swiper-slider:hover .swiper-button-prev{ opacity:1;}


/*カルーセル　next-prevボタン表示*/
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev{
	display: block;
    top: 0;
    bottom: calc(40px + 3rem);
    margin: auto 0;
}

.mbYTP_wrapper{ display:block}


/*ピックアップリンクエリア*/
.pickupHead {
	padding-bottom:0;
	text-align:left;
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5) inset;
}
.pickupHead .container{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.pickupHead__text {
	width: 300%;
	font-size:1.8rem;
}
.pickupHead .btn{
	padding:20px 0;
	white-space: nowrap;
	margin-left:20px;
	text-align: right;
}


/*おすすめ3記事*/
.pickup3__container{ display:flex;}
.pickup3__item:before{
	width:50px;
	height:50px;
	line-height:50px;
}
.pickup3__item-first {
	width: calc(70% - 30px);
	margin-bottom: 0;
	margin-right: 30px;
}
.pickup3__item-first .heading.heading-pickup3{
	font-size:1.8rem;
    padding: 10px 20px 20px 20px;
}
.pickup3__item-first .eyecatch__cat a{ font-size:1.4rem}

.pickup3__box {width:30%;}
.pickup3__item-second{margin-bottom:20px;}
.pickup3__item-second,
.pickup3__item-third {width: 100%;}



/*カテゴリアーカイブ限定パーツ
------------------------------------------------------------*/
.archiveHead__authorImg img {
    width: 120px;
    height: 120px;
}
.archiveHead__authorText{width:calc(100% - 140px)}

.archiveHead__link{font-size:1.2rem;}


/*マスクありバージョン*/
.archiveHead.mask{ padding:30px;}




/*投稿(single)ページ限定パーツ
------------------------------------------------------------*/

/*バイラル風ページタイトル*/
.viral__container {
    display: flex;
	justify-content: space-between;
}
.viral .eyecatch{
	min-width:360px;
	max-width:360px;
	margin-left:20px;
	display: block;
}

/*記事下CTAエリア*/
.postCta,
.pageCta{margin-top: 60px;}

/*スタイル(borderとshadowは共通スタイルを使用)*/
.postcta-bg,
.pagecta-bg {padding:20px;}



/*ソーシャルリスト*/
.social-top{margin-bottom:60px;}
.social-bottom{margin-top:60px;}
.socialList__item {
	height:50px;
	line-height:50px;
}

/*-----SNSフォローエリア-----*/
.snsFollow{margin-top: 60px;}

/*前次の記事*/
.prevNext {
	margin-top: 60px;
	border: 0;
}

.prevNext__item.prevNext__item-prev{
	width:50%;
	padding-right:10px;
	border:0;
}
.prevNext__item.prevNext__item-next{
	width:50%;
	padding-left:10px;
}




/*ダブルレクタングル広告リスト*/
.rectangle {margin-top:60px;}
.rectangle__item {
    float:left;
	width:50%;
}
.rectangle__item.rectangle__item-left{ text-align:left; padding-right:5px}
.rectangle__item.rectangle__item-right{ display:block; text-align:right; padding-left:5px}

/*プロフィールボックス*/
.profile{display:flex;}
.profile__author{width:35%;
}
.profile__contents{
	width:calc(65% - 1px);
	border-left: 1px solid rgba(0,0,0,0.10);
	padding:20px 0 0 20px;
	margin-left:20px;
}
.profile__list{justify-content:flex-start;}

.profile__link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.profile .btn__link-secondary{ width:100%;}


/*-----関連記事-----*/
.related {margin-top: 60px;}

/*コメント*/
.comments {margin-top: 60px;}
.comments__list li {padding: 20px 20px 0 20px;}
.comments__list .comment-respond{padding:20px;}
.comments__list .children li .children li .children li .comment-respond{margin:0 -20px;}
.comments__list .children li .children li .children li {margin:0 -20px;}
.comments__list .comment-author .fn{ font-size:1.6rem}
.comments__list .comment-body p{ font-size:1.6rem}
.comment-respond #email-notes, .comment-respond .logged-in-as{ font-size:1.4rem}



/*個別ページパーツ
------------------------------------------------------------*/

/*個別ページ本文フレーム*/
.content{font-size:1.6rem;}

/*ボタン：ビッグデザイン用*/
.content .btn__link-primary{padding: 20px 50px;}

/*カラム*/
.content .column{
	display: flex;
	position: relative;
}
.content .column__item{
    flex: 1;
	margin-left:20px;
	margin-top:0;
}
.content .column__item:first-child{margin-left:0}
.content .column-2pc37 .column__item:first-child{flex: 3;}
.content .column-2pc37 .column__item:last-child {flex: 7;}
.content .column-2pc73 .column__item:first-child{flex: 7;}
.content .column-2pc73 .column__item:last-child {flex: 3;}

/*すべての見出し*/
.content h2{font-size:2.6rem;}
.content h3{font-size:2.2rem;}
.content h4{font-size:1.8rem;}
.content h5{font-size:1.6rem;}

/*画像設定*/
.content .wp-caption-text{font-size:1.4rem;}

/*会話風バルーン*/
.content .balloon .balloon__img{
	width: 80px;
	height: 80px;
}
.content .balloon .balloon__img-left {margin-right: 20px;}
.content .balloon .balloon__img-right{margin-left: 20px;}
.content .balloon .balloon__img-left div {width: 80px; height:80px;}
.content .balloon .balloon__img-right div{width: 80px; height:80px;}
.content .balloon .balloon__text {max-width: calc(100% - 200px);}

/*テーブル*/
.content table {font-size:1.4rem;}

/*目次*/
.content .outline__item {font-size:1.4rem;}

/*ギャラリー*/
.content .gallery-caption {font-size: 1.4rem;}
.content .gallery-columns-3 .gallery-item {
    width: calc(33.333% - 20px);
	margin: 0 10px;
}
.content .gallery-columns-4 .gallery-item {
    width: calc(25% - 20px);
	margin: 0 10px;
}
.content .gallery-columns-5 .gallery-item {
    width: calc(20% - 20px);
	margin: 0 10px;
}

/*スタイルフォーマット*/
/*文字系*/
.content .es-Fsmall{ font-size: 1.4rem;}
.content .es-Fbig  { font-size: 1.8rem;}
.content .es-FbigL { font-size: 2.2rem;}




/*-----投稿者一覧-----*/
.content .writers {margin-left: -20px;}
.content .writers__box {
	width:calc(50% - 20px);
	margin:20px 0 0 20px;
}


/*-----[ショートコード]新着記事リスト-----*/
.content .archiveScode__item{padding:30px 0 ;}
.content .archiveScode__item .eyecatch{width:150px;}
.content .archiveScode__contents{width:calc(100% - 170px);}

/*-----[ショートコード]OGPブログカード-----*/
.content .blogcard__contents {width: 80%;}
.content .blogcard__contents .phrase { margin-top:10px; display: block;}
.content .blogcard .eyecatch {width: calc(20% - 15px);}

/*-----[ショートコード]サイトカード-----*/
.content .sitecard__contents {width: 80%;}
.content .sitecard__contents .phrase { margin-top:10px; display: block;}
.content .sitecard .eyecatch {width: calc(20% - 15px);}

/*-----[ショートコード]AF管理タグ-----*/
.content .afTagBox__title{font-size:2rem;}
.content .afTagBox__star{font-size:1.8rem;}
.content .afTagBox__number{font-size:1.4rem;}

.content .afTagBox__contentBox{display:flex;}
.content .afTagBox__banner{flex:3;}
.content .afTagBox__text{flex:4; margin-top:0; margin-left:20px;}


.content .afTagBox__btnList{display:flex;}
.content .afTagBox__btnList a:nth-child(2){ margin-top:0; margin-left:20px;}

.content .afTagBox__btnDetail,
.content .afTagBox__btnAf{flex:1;}





/*フッター上エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/

.categoryBox__list {
	justify-content: flex-start;
	width:calc(100% + 15px);
}
.categoryBox__item {
	width: calc(33.33% - 15px);
    margin-right: 15px;
}

.commonCtr__container{
    display: flex;
	flex-wrap:nowrap;
    align-items: center;
}
.commonCtr__contents{width:100%;}
.commonCtr__image{
	width:100%;
	margin-left:20px;
}



/*フッターエリア用パーツ（共通）
------------------------------------------------------------*/

.widgetFooter {
	display:flex;
	justify-content: space-between;
	width:calc(100% + 20px)
}
.widgetFooter__box{
	flex-grow: 1;
	width:calc(33.3333% - 20px);
    margin-right: 20px;
}



.controllerFooter { display:none}



/*ウィジェットモジュール(※主にWPの標準マークアップに従う)
/************************************************************/

/*追従ウィジェット大枠*/


.widget:last-child{margin-bottom:0;}





/*テーマ
/************************************************************/

/*html全体フォントサイズ
------------------------------------------------------------*/

.t-middle{font-size: 62.5%;}
.t-large {font-size: 62.5%;}

.t-middle-pc{font-size: 68.75%;}
.t-large-pc {font-size: 75%;}

/*footerエリアのバージョン
------------------------------------------------------------*/

/*フッターエリア固定バージョン*/
.t-footerFixed{ padding-bottom:0;}


/*ユーティリティ

/************************************************************/

/*margin-top*/
.u-mt-main{ margin-top:60px;}

.u-shadow   {padding:20px;}
.u-border   {padding:20px;}
.u-shadowfix{padding:20px;}
.u-borderfix{padding:20px;}

}




/************************************************************/
/************************************************************/
/*PCレスポンシブ設定
/************************************************************/
/************************************************************/

@media only screen and (min-width: 992px){


/*レイアウト
/************************************************************/

/*ヘッダー
------------------------------------------------------------*/
.l-header{padding:0;}

/*ラッパー(メイン・サイドバー用ラッパー)
------------------------------------------------------------*/
.l-wrapper {margin: 60px 20px;}
.l-wrapper-lp {margin:0 20px;}

/*メイン
------------------------------------------------------------*/
.l-main {
	width: calc(70% - 40px);
	margin-bottom: 0;
}

.l-main-wide    {width:100%;  margin-right:0;}
.l-main-wide1000{width:1000px;margin: auto;}
.l-main-wide900 {width:900px; margin: auto;}
.l-main-wide800 {width:800px; margin: auto;}
.l-main-wide700 {width:700px; margin: auto;}
.l-main-right   {order: 2;}



/*共通モジュール(様々な箇所で複数使用するパーツ)
/************************************************************/

/*枠組み系パーツ
------------------------------------------------------------*/

/*コンテナー（左右余白）*/
.container {
	margin-left: 20px;
	margin-right: 20px;
}

/*コンテナー：ヘッダーエリア用*/
.container-header{
	display:flex;
	align-items: center;
	min-height: 70px;
}

/*デバイダー（上下区切り）*/
.divider{
	margin-top:60px;
	margin-bottom:60px;
}

/*デバイダートップ（上区切り）*/
.dividerTop{margin-top:60px;}

/*デバイダーボトム（下区切り）*/
.dividerBottom{margin-bottom:60px;}



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

/*見出し：メインエリアタイトル用(主にTOPページのオリジナルコンテンツ部分で使用)*/
.heading-main{font-size:3rem;}
.heading-main span{font-size:1.8rem;}

/*見出し：ページタイトル用*/
.heading-primary{font-size:3rem;}
.heading-primary span{font-size:1.4rem;}

/*見出し：primaryより小さい*/
.heading-sub{font-size:2.4rem;}
.heading-sub span{font-size:1.4rem;}

/*見出し：アーカイブ内の記事タイトル用*/
.heading-secondary{font-size:1.8rem;}

/*見出し：その他小さめのタイトル*/
.heading-tertiary{font-size:1.5rem;}

/*見出し：TOPスライダー用*/
.heading-slider{font-size:4.8rem;}


/*見出し：CTRフッター用*/
.heading-commonCtr{font-size:2.4rem;}



/*文節
------------------------------------------------------------*/

/*文節：アーカイブ内の本文用*/
.phrase-secondary{font-size:1.4rem;}

/*文節：TOPスライダー用*/
.phrase-slider{font-size:1.8rem;}




/*ボタン
------------------------------------------------------------*/
.btn__link-primary{padding: 20px 50px;}


/*ページネーション
------------------------------------------------------------*/
.pager{margin-top: 30px;}


/*アーカイブコントローラー
------------------------------------------------------------*/
.controller{margin-bottom:30px;}


/*記事アーカイブ全体
------------------------------------------------------------*/
.archive{margin-bottom: -30px;}
.archive__item{
	margin-bottom:30px;
	padding-bottom:30px;
}
/*アーカイブリスト(ワイドビューバージョン)*/
#viewWide:checked ~ .archive .archive__item-shadow{padding:30px;}
#viewWide:checked ~ .archive .archive__item-border{padding:30px;}

/*アーカイブリスト(カードビューバージョン)*/
.l-main-wide #viewCard:checked ~ .archive .archive__item,
.l-main-wide900 #viewCard:checked ~ .archive .archive__item,
.l-main-wide1000 #viewCard:checked ~ .archive .archive__item {width:calc(33.3% - 15px);}
#viewCard:checked ~ .archive .archive__item-shadow{padding:20px;}
#viewCard:checked ~ .archive .archive__item-border{padding:20px;}

/*アーカイブリスト(ノーマルビューバージョン)*/
#viewNormal:checked ~ .archive .archive__item-shadow{padding:20px;}
#viewNormal:checked ~ .archive .archive__item-border{padding:20px;}


/*限定モジュール(複数個所で利用されることが無いパーツ)
/************************************************************/

/*ヘッダーエリア用パーツ（共通）
------------------------------------------------------------*/

/*サイトタイトル(ヘッダーで使用)*/
.siteTitle{
	max-width:340px;
	font-size:24px;
	margin:0 20px 0 0;
}


/*検索ボタン*/
.searchBtn{
	position: static;
	top: auto;
	right:auto;
	text-align:center;
}
.searchBtn-right{ margin-left:auto}
.searchBtn__link{
	display:block;
	width:50px;
	height:70px;
	line-height:70px;
	font-size:14px;
}




/*メニューボタン*/
.menuBtn{
	position: static;
	top: auto;
	right:auto;
	text-align:center;
}
.menuBtn-right{ margin-left:auto}
.menuBtn__link{
	display:block;
	width:50px;
	height:70px;
	line-height:70px;
	font-size:14px;
	background:#a83f3f;
	color:#FFF;
}
.menuBtn__link:hover{
	background:#191919;
	color:#FFF;
}


/*グローバルナビ*/
/*globalNavi内はWPの標準マークアップに従う*/
.globalNavi::before{content: none;}
.globalNavi::after{content: none;}
.globalNavi__inner {overflow:visible;}

/*グローバルメニューを表示するエリア*/
.globalNavi__list,
.globalNavi__list .children,
.globalNavi__list .sub-menu {
	list-style: none;
	display: block;
}

.globalNavi__list li{
	position:relative;
	width:auto;
	height: calc(1.4rem + 20px);
	line-height:1;
	display:inline-block;
}
.globalNavi__list li a{
	float: none;
	white-space: normal;
	color:rgba(0,0,0,0.5);
	padding: 10px 0;
}
.globalNavi__list > li.page_item_has_children > a,
.globalNavi__list > li.menu-item-has-children > a{
	position:relative;
	padding-right:10px;
}
.globalNavi__list > li.page_item_has_children > a:hover ,
.globalNavi__list > li.menu-item-has-children > a:hover {border-bottom: none;}
.globalNavi__list > li.page_item_has_children > a::before,
.globalNavi__list > li.menu-item-has-children > a::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-bottom: solid 1px rgba(0,0,0,0.5);
	border-right: solid 1px rgba(0,0,0,0.5);
	transform: rotate(45deg);
}
.globalNavi__list > li.page_item_has_children:hover > a::before,
.globalNavi__list > li.menu-item-has-children:hover > a::before{
	margin-top: -2.5px;
	transform: rotate(-135deg);
}

.globalNavi__list > li .children,
.globalNavi__list > li .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index:9999;
	transition: .15s;
}
.globalNavi__list > li:hover .children::before,
.globalNavi__list > li:hover .sub-menu::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: 10px;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #323232;
    border-left: 4px solid transparent;
}
.globalNavi__list > li .children > li,
.globalNavi__list > li .sub-menu > li{
	display:block;
	overflow: hidden;
	width: auto;
	min-width: 300px;
	height: 0;
	line-height:5rem;
    white-space: nowrap;
	background-color:#323232;
	transition: .15s;
	text-align:left;
}
.globalNavi__list > li:hover .children > li,
.globalNavi__list > li:hover .sub-menu > li{
	overflow: visible;
	height:5rem;
	line-height:5rem;
}
.globalNavi__list > li:hover .children > li:not( :first-child ),
.globalNavi__list > li:hover .sub-menu > li:not( :first-child ) {
	border-top: 1px solid rgba(0,0,0,0.10);
	box-shadow:0px 1px 0px 0px rgba(255,255,255,0.15) inset;
}
.globalNavi__list > li .children > li a,
.globalNavi__list > li .sub-menu > li a{
	color:rgba(255,255,255,0);
	transition: .15s;
	padding:0 10px;
	margin:0;
	font-weight:normal;
}
.globalNavi__list > li:hover .children > li a,
.globalNavi__list > li:hover .sub-menu > li a{color:rgba(255,255,255,1)}
.globalNavi__list > li:hover .children > li a:hover,
.globalNavi__list > li:hover .sub-menu > li a:hover{
	border-bottom:none;
	background: rgba(255,255,255,0.15);
}



/*ソーシャルアイコンなどを表示するエリア(スマホ非表示)*/
.subNavi{
	display: block;
	margin-left: auto;
}
.subNavi__list{
	list-style: none;
	display:flex;
}
.subNavi__link{
	display:block;
	font-size:14px;
	margin-right:5px;
	padding:10px 0;
	text-align:center;
	width:30px;
	color: rgba(0,0,0,0.5);
	transition: .15s;
}
.subNavi__link-pickup{
	font-size:1.4rem;
	width: auto;
	margin-right:15px;
	padding:9px 10px;
	border-radius:5px;
	color: #a83f3f;
	border:1px solid;
	white-space: nowrap;
}
.subNavi__link-pickup:hover {
	background:#a83f3f;
	color:#FFF;
	border-color:transparent;
}

.subNavi__link.icon-facebook2:hover{color:#3B5998}
.subNavi__link.icon-twitter:hover{color:#00B0ED}
.subNavi__link.icon-instagram:hover{color:#E23F60}
.subNavi__link.icon-google-plus2:hover{color:#DF4A32}
.subNavi__link.icon-youtube:hover{color:#cd201f}
.subNavi__link.icon-linkedin:hover{color:#0079ba}
.subNavi__link.icon-pinterest:hover{color:#ce0f19}
.subNavi__link.icon-rss:hover{color:#ff9900}



/*ヘッダー下エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/
.pickupHead .pickupHead__inner{
	margin-left:20px;
	margin-right:20px;
}





/*TOPページ限定パーツ
------------------------------------------------------------*/
.keyBig {
	margin-left: 20px;
	margin-right: 20px;
}

/*おすすめ3記事*/
.pickup3{padding-top:60px;}
.pickup3__bg{height: 16rem;}
.pickup3__item-first {
	width: calc(70% - 40px);
	margin-right: 40px;
}

/*投稿(single)ページ限定パーツ
------------------------------------------------------------*/

/*記事下CTAエリア*/
/*スタイル(borderとshadowは共通スタイルを使用)*/
.postcta-bg,
.pagecta-bg {padding:30px;}



/*フッター上エリア用パーツ（共通も選択可能）
------------------------------------------------------------*/

/*ランキングボックス*/
.rankingBox{padding-top:60px;}
.rankingBox__bg{height: 16rem;}

/*各カテゴリ最新記事一覧*/
.categoryBox{
	padding-top:60px;
	padding-bottom:30px;
}
.categoryBox__item {width: calc(25% - 15px);}

.commonCtr__container{padding:60px 0;}

/*フッターエリア用パーツ（共通）
------------------------------------------------------------*/

.widgetFooter {
	display:flex;
	justify-content: space-between;
	width:calc(100% + 30px)
}
.widgetFooter__box{
	flex-grow: 1;
	width:calc(33.3333% - 30px);
    margin-right: 30px;
}


.bottomFooter{padding:60px 0;}
.bottomFooter__list li{ font-size:1.6rem;}



/************************************************************/
/*テーマ
/************************************************************/

/*headerエリアのバージョン
------------------------------------------------------------*/

/*背景色ありバージョン*/
.t-headerColor .searchBtn__link {color:rgba(255,255,255,0.5);}
.t-headerColor .searchBtn__link:hover {color:rgba(255,255,255,1);}
.t-headerColor .menuBtn__link{background: #fff;color: #191919;}
.t-headerColor .menuBtn__link:hover{background: #191919; color:#fff}

.t-headerColor .subNavi__link{color:rgba(255,255,255,0.5);}
.t-headerColor .subNavi__link:hover{color:rgba(255,255,255,1);}
.t-headerColor .subNavi__link-pickup {color: #FFF;}
.t-headerColor .subNavi__link-pickup:hover {
    background: #FFF ;
    color: #a83f3f;
}

/*ロゴセンターバージョン*/
.t-headerCenter .container-header{
	display:block;
	text-align:center;
	padding-top: 20px;
	padding-bottom:20px;
}
.t-headerCenter .siteTitle{
	max-width:calc(100% - 40px);
	padding-top:10px;
	font-size:30px;
}
.t-headerCenter .searchBtn{
	position: absolute;
	top: 15px;
	left:0;
}
.t-headerCenter.t-logoSp25 .searchBtn{top: 15px;}
.t-headerCenter.t-logoSp30 .searchBtn{top: 15px;}
.t-headerCenter.t-logoSp35 .searchBtn{top: 15px;}
.t-headerCenter.t-logoSp40 .searchBtn{top: 15px;}

.t-headerCenter.t-logoPc40 .searchBtn{top: 20px;}
.t-headerCenter.t-logoPc50 .searchBtn{top: 25px;}
.t-headerCenter.t-logoPc60 .searchBtn{top: 30px;}
.t-headerCenter.t-logoPc70 .searchBtn{top: 35px;}

.t-headerCenter .searchBtn__link{
	width: auto;
	line-height:1.25;
	padding:10px 0;
	margin-right:0;
	font-size:20px;
}
.t-headerCenter .menuBtn{
	position: absolute;
	top: 15px;
	right:0;
}
.t-headerCenter.t-logoSp25 .menuBtn{top: 15px;}
.t-headerCenter.t-logoSp30 .menuBtn{top: 15px;}
.t-headerCenter.t-logoSp35 .menuBtn{top: 15px;}
.t-headerCenter.t-logoSp40 .menuBtn{top: 15px;}

.t-headerCenter.t-logoPc40 .menuBtn{top: 20px;}
.t-headerCenter.t-logoPc50 .menuBtn{top: 25px;}
.t-headerCenter.t-logoPc60 .menuBtn{top: 30px;}
.t-headerCenter.t-logoPc70 .menuBtn{top: 35px;}

.t-headerCenter .menuBtn__link{
	width: auto;
	height:auto;
	line-height: inherit;
	padding:10px 0;
	margin-right:0;
	font-size:20px;
	background: none;
	color:inherit;
}
.t-headerCenter .menuBtn__link:hover {color: #a83f3f;}

.t-headerCenter .globalNavi{
	display:inline-block;
	padding-top:0;
	vertical-align:bottom;
}
.t-headerCenter .subNavi{
	display:inline-block;
	vertical-align:bottom;
}



/*背景色あり&ロゴセンター組み合わせバージョン*/
.t-headerColor.t-headerCenter .menuBtn__link{color:rgba(255,255,255,0.5);}
.t-headerColor.t-headerCenter .menuBtn__link:hover{color:rgba(255,255,255,1); background:none;}


/*ロゴ高さバージョン
------------------------------------------------------------*/
.t-logoSp25 .siteTitle__logo{height:30px;}
.t-logoSp30 .siteTitle__logo{height:30px;}
.t-logoSp35 .siteTitle__logo{height:30px;}
.t-logoSp40 .siteTitle__logo{height:30px;}

.t-logoPc40 .siteTitle__logo{height:40px;}
.t-logoPc50 .siteTitle__logo{height:50px;}
.t-logoPc60 .siteTitle__logo{height:60px;}
.t-logoPc70 .siteTitle__logo{height:70px;}








/************************************************************/
/*ユーティリティ
/************************************************************/

/*display:none*/
.u-none-pc{display:none ;}
.u-none-sp{display:block ;}
.globalNavi.u-none-pc{display:none;}
.globalNavi.u-none-sp{display:block;}


.u-shadow  {padding:30px;}
.u-border  {padding:30px;}



}



/************************************************************/
/************************************************************/
/*PCワイドレスポンシブ設定
/************************************************************/
/************************************************************/

@media only screen and (min-width: 1139px){
/************************************************************/
/*レイアウト
/************************************************************/

/*ラッパー(メイン・サイドバー用ラッパー)
------------------------------------------------------------*/
.l-wrapper {
	margin-left:auto;
	margin-right:auto;
	padding-left: 15px;
  padding-right: 15px;
}



/************************************************************/
/*共通モジュール(様々な箇所で複数使用するパーツ)
/************************************************************/

/*枠組み系パーツ
------------------------------------------------------------*/

/*コンテナー（左右余白）*/
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
  padding-right: 15px;
}



/*TOPページ限定パーツ
------------------------------------------------------------*/
.keyBig {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
  padding-right: 15px;
}



/************************************************************/
/*テーマ
/************************************************************/

/*headerエリアのバージョン
------------------------------------------------------------*/
.t-headerCenter .searchBtn{
	left:15px;
}
.t-headerCenter .menuBtn{
	right:15px;
}

}