@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.4.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;

}



}