/* ----------------------------------------------------
共通
---------------------------------------------------- */
body {
	background-color: #ffffff;
	overflow-x:hidden;
	font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Arial,Helvetica,sans-serif;
}
footer{
	margin-top: 20px;
}
.container {
	/*width: 100% !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-bottom: 0px !important;*/
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む*/
	.container {
		width: 100% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin-bottom: 0px !important;
	}
}
@media print, screen and (min-width:1600px) { 
	/* 画面サイズが1600px以上で画面幅固定 */
	.container{
		max-width: none !important;
		width: 1600px !important;
	}
}
/* ヘッダー固定用 */
header {
	position: fixed;
/*	top: 0px; */
	top: auto;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-color: rgba(255,255,255,0.98);
}
#wrapper {
	margin-top:65px;
}
.sb-slidebar {
	margin-top:65px;
}
.img-roundcorner {
	border-radius: 10px;
    -moz-border-image: border-radius: 10px;
    -webkit-border-image: border-radius: 10px;
}
img.img-fill-width {
	width: 100%;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む*/
	header {
		position:relative;
	}
	#wrapper {
		margin-top:0px;
	}
	.sb-slidebar {
		margin-top:0px;
	}
}
/* 記事詳細ページの画像の中央・右寄せ・左寄せ */
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	/*display: inline;
	float: right;*/
	/*margin-left: 1.625em;*/
}
.alignleft {
	/*display: inline;
	float: left;*/
	/*margin-right: 1.625em;*/
}

/* マウスオーバーでリンクが光る */
a:hover {
	opacity: 0.8;
}
/* メニューに表示するアイコンの大きさ調整 */
.iconimage{
	width: 21px;
	margin: 0px 10px -5px 0px;
	vertical-align: baseline;
}
/* 動画要素 */
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
/* bootstrap要素の上書き */
.btn-primary {
	background-color: #61C3BF;
	border-color: #61C3BF;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む*/
	.text_right {
		text-align: right;
		margin-right: 30px;
	}
}
/* 埋め込みiframe対応（peatix等） */
iframe{
	max-width: 100%;
}

/* ----------------------------------------------------
以下、モジュール別
---------------------------------------------------- */
/* ヘッダー */
.l-header {
	width:100%;
	margin:0;
	padding:0;
}

header > .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
/* SNSボタン */
.md-sociallinks {
	text-align: right;
	margin:0 auto;
	margin-right:30px;
	margin-top: 30px;
}
.md-sociallinks li {
	margin:0px;
}

/* ヘッダーロゴ画像 */
.l-logoimagearea {
	text-align: center;
	text-align: -o-center;
	text-align: -ms-center;
	margin: 0 auto;
	padding:0px;
	padding-top:0px;
	z-index: 5;
}
.l-logoimage {
	max-width: 400px;
	margin: 0 auto;
}
/* スマホ用ロゴのみ */
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.l-logoimage {
		max-width: 200px;
	}
}
/* カテゴリーバナー */
.l-categorybanner {
	margin-bottom: 10px;
}
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.l-categorybanner {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* ヘッダーハンバーガーメニュー（スマホのみ） */
.l-hamburgermenu {
	margin: 10px;
}
.l-hamburgermenu > a > img {
	width: 35px;
	height: 35px;
}
/* ハンバーガーメニュー文字 */
.sb-menu > li {
	list-style: none;
	margin: 0px 0px 0px -40px;
}
.sb-slidebar a {
	color: #333;
}
.sb-menu a {
	width:100%;
	display:inline-block;
	/*padding:18px 10px 18px 50px;*/
	padding:10px 10px 10px 50px;
	font-size: 13px;
}
.sb-menu a p {
	/*margin-left: 38px;*//*アイコンなしのためコメントアウト*/
}
.md-sb-menu-bottom .sb-menu > li > a {
	font-size: 12px; /* iPhone5での改行対策 */
}
.sb-menu-separator{
	margin-left: 10px;
	margin-top: 50px;
	margin-bottom: 0px;
}
.sb-slidebar {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	border-right: 5px solid #eee;
	background-color: #fff;
}
.md-sb-menu-top{
	background: #f5f5f5;
	padding: 3px 0;
	border-bottom: 1px solid #eee;
}
.md-sb-menu-category{
	background-color: white;
	border-bottom: 1px solid #eee;
	margin-top: 25px;
}
.md-sb-menu-category p {
	margin-left: 30px;
	font-size: 14px;
	font-weight: 400;
	font-variant: normal;
}
.md-sb-menu-bottom{
	background: #f5f5f5;
	padding: 3px 0;
	border-bottom: 1px solid #eee;
}
.md-sb-menu-bottom p, .md-sb-menu-bottom a {
	padding-top:18px;
	padding-bottom:18px;
}
.md-sb-menu-bottom p {
	margin-left: 30px;
	font-size: 14px;
	font-weight: 400;
	font-variant: normal;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* グローバルナビ */
.md-globalnavi {
	text-align: center;
	text-align: -o-center;
	text-align: -ms-center;
	padding-bottom: 20px;
}
.md-globalnavi li {
	margin:10px;
}
.md-globalnavi li > a {
	color:#000000;
}
.md-globalnavi li > a:hover {
	font-weight: bold !important;
}


/* ローテーションバナー */
.l-rotationbanner{
	text-align: center;
	text-align: -o-center;
	text-align: -ms-center;
	width: 100%;
	margin: 0px;
	padding:0px;
}
.md-rotationbanner {
	//margin:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	position: relative;
	background: rgb(255, 255, 255, 0);
}
.md-rotationbanner > a {
	color: #000;
	font-size: 14px;
	font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Arial,Helvetica,sans-serif;
	font-weight: 700;
}
.md-rotationbanner > a > div > div > h3 {
	display: none;
}
.md-rotationbanner > a > div > div > p {
	text-align: left;
	margin: 10px 10px 10px 10px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む*/
	.md-rotationbanner > a > div > div > p {
		text-align: left;
		margin: 10px 10px 0px 10px;
	}
}


/* ローテーションバナー画像の高さ調整 */
/* [前提]HTML生成時に<img width="1600" height="1200">にする（小さいと余白ができる） */
/* [計算準備]調整1を行い、画像表示の高さを取得する（=デバイスwidth） */
/* [計算式] (調整2の値) = ( (準備で取得した高さ) - (調整1の値) )/2 とする*/
.md-rotationbanner div.trimming {
	position:relative;
	width:100%;
	height: 200px; /*[調整1]バナーの高さを設定*/
	overflow: hidden;
}
.md-rotationbanner div.trimming > img {
	position:absolute;
	top: -50px; /*[調整2]コメントの計算式で求める*/
}
.md-rotationbanner div.trimming > img.feature_rotation_banner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
}

@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-rotationbanner > a > div{
		position: absolute;
		height:160px;
		width: 100%;
		bottom: 0px;
		margin: 0px 0px 0px 0px;
	}
	.md-rotationbanner > a > div > div {
		height:170px;
		width:350px;
		margin: 0 auto;
		background: #ffffff;
		text-align: center;
		opacity: 0.9;
	}
	.md-rotationbanner > a > div > div > h3 {
		display: block;
		margin: 0px 30px 0px 30px;
		padding:20px 0px 10px 0px;
		color: #000;
		font-size: 15px;
		font-weight: 700;
		font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Arial,Helvetica,sans-serif;
		font-weight: 0;
		letter-spacing: .15em;
		border-bottom:double;
	}
	.md-rotationbanner > a > div > div > p {
		margin: 0px 10px 0px 10px;
		color: #000;
		font-size: 15px;
		font-weight: 700;
		padding: 16px 16px 16px 16px;
		text-align: left;
	}
	
	/* ローテーションバナー画像の高さ調整 */
	/* [前提]HTML生成時に<img width="1600" height="1200">にする（小さいと余白ができる） */
	/* [計算準備]調整1を行い、画像表示の高さを取得する */
	/* [計算式] (調整2の値) = ( (準備で取得した高さ) - (調整1の値) )/2 とする*/
	.md-rotationbanner div.trimming {
		position:relative;
		width:100%;
		height: 400px;
		overflow: hidden;
	}
	.md-rotationbanner div.trimming > img {
		position:absolute;
		top: -175px;
		left: 0px;
	}
	.md-rotationbanner div.trimming > img.feature_rotation_banner {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
}

/* メインコンテンツ */
@media print, screen and (min-width:768px) { 
	.l-article {
		//margin-top: 30px;
		margin-top: 15px;
	}
}

/* タブ切り替えボタン（bootstrap標準なのでクラス名は固定） */
.nav{
	margin-top:0px;
	margin-bottom:0px;
	height: 30px;
}
.nav > li {
	padding-left: 0px;
	padding-right: 0px;
}
.nav > li > a {
	text-align: center;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	margin:0px 10px 0px 10px;
	color: #000;
	font-size: 14px;
	background-color: #ffffff;
	height: 35px;
	border: double;
}
.nav > li.active > a {
	/*background-color: #61C3BF;*/
	background-color: #000000;
	border: double;
	font-size: 14px;
	padding: 5px 10px 10px 10px;
	margin: 0px 10px 0px 10px;
	
}

/* 記事リスト */
.md-articlelist{
	margin: 0px 0px 0px 0px;
	margin-bottom: 20px;
	padding:0;
	list-style: none;
	font-size: 13px;
	font-weight:100;
}
.md-articlelist > li{
	background-color:#fff;
	margin: 15px 0px 0px 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.md-articlelist > li > a {
	/*display: table;*/
	border-bottom: solid 1px;
	border-bottom-color: #CECA9B;
}
.md-articlelist > li > a > div > div {
	/*border-radius: 4px;
	position: relative;
	display: block;*/
}
.md-articlelist > li > a > div:last-child > div:last-child {
        border-bottom: solid 1px;
        border-bottom-color: #CECA9B;
} 
#tab1 .md-articlelist > li > a > div > div > ul {
	display: table;
	table-layout: fixed;
	padding-left: inherit;
	float: right;
	margin-right:10px;
}
#tab2 .md-articlelist > li > a > div > div > ul {
	display: table;
	table-layout: fixed;
}
.md-articlelist > li > a > div > div > p {
	display: inline-block;
	color: #000000;
	font-size: 13px;
	margin: 10px;
	border: 0;
	vertical-align: baseline;
}
.md-articlelist > li > a > div > div > ul > li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: baseline;
	margin: 0px 0px 10px 10px;
	color: #cbbe9c;
	font-size: 10px;
}
#tab1 .md-articlelist > li p {
	height: 70px; /* 4行分+α(タイトル33文字から) */
}
#tab2 .md-articlelist > li > a > div > div {
	padding:0px 5px 0px 2px;
}
#tab2 .md-articlelist > li > a > div > div > p {
	display: inline-block;
	color: #000000;
	font-size: 12px;
	margin: 0px;
	border: 0;
	vertical-align: baseline;
}
#tab2 .md-rankinglistinfo {
	font-size: 10px;
	margin-left: auto;
	margin-bottom: 0;
}
#tab2 .md-articlelist > li > a > div > div img {
	width: 200%;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-articlelist > li{/* bootstrapの値に戻す */
		padding-right: 15px;
		padding-left: 15px;
	}
	.md-articlelist > li > a > div > div > ul {
	display: table;
	table-layout: fixed;
	padding-left: inherit;
	margin-left: -15px;
	}
	#tab1 .md-articlelist > li > a > div > div > p {
		height: 75px; /* 4行分+α(タイトル33文字から) */
		font-size: 15px;
	}
	#tab2 .md-articlelist > li > a > div > div > p {
		display: inline-block;
		color: #000000;
		font-size: 15px;
		font-weight:0;
		margin: 0px;
		border: 0;
		vertical-align: baseline;
	}
	#tab2 .md-articlelist > li > a > div > div img {
		width: 100%;
		margin-bottom: 10px;
	}
	/* 動きをつける（削除するかも） */
	.md-rumble:hover {
		/*animation: rumble 0.6s linear infinite;*/
	}
}
/* ランキング一覧のタイトルと冒頭部の装飾 */
.md-articlelist .md-rankingposttitle {
	margin-bottom: 3px;
}
.md-articlelist .md-rankingpostexcerpt {
	color: rgb(153, 153, 153);
	font-weight:0;
}
/* ランキングをサイドバーに表示する際は抜粋を非表示にする */
.sidranking .md-rankingpostexcerpt{
	display: none;
}
/* タイル状のピックアップの装飾 */
.md-articlelist-list .md-rankingposttitle {
	margin: 0px;
	color: #000000;
    font-size: 13px;
}
#tab1 .md-articlelist-list > li p {
	height: 0;
}
.md-articlelist-list .md-rankinglistinfo {
	margin-top: 5px;
	padding: 0px;
	list-style: none;
    text-align: right;
}
.md-articlelist-list .md-rankinglistinfo li {
	display: inline-block;
	margin-right:10px;
	margin-top:5px;
	font-size: 8px;
	color: #cbbe9c;
}
.md-articlelist-list > div.row {
	margin: 10px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom:1px #61C3BF solid;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-articlelist .md-rankingposttitle {
		font-size: 16px;
	}
	.md-articlelist .md-rankingpostexcerpt {
		font-size: 11px;
	}
	/* タイル状のピックアップの装飾 */
	.md-articlelist-list .md-rankingposttitle {
	    font-size: 17px;
	}
	.md-articlelist-list .md-rankingpostexcerpt {
		font-size: 13px;
		margin-top: 20px;
		color: #000000;
	}
	.md-articlelist-list .md-rankinglistinfo li {
		font-size: 13px;
	}
	.md-articlelist-list > div.row {
		/*margin: 10px 0px 5px 0px;
		padding: 5px 0px 5px 0px;
		border-bottom:1px #61C3BF solid;*/
	}

}

/* 記事詳細ページの本文 */
article .md-postarticle {
	/*margin-top: -65px;*/ /*上を切っている要検討*/
}
.md-postarticle .wp-caption {
	max-width: 100%;
}
.md-postarticle .wp-caption-text {
	margin-top: -15px;
	margin-left: 5px;
	color: #999;
	font-size: 11px;
}
.md-postarticle .wp-caption-text a {
	color: #999 !important;
}
.md-postarticle .wp-caption-text a:hover {
	text-decoration: none !important;
}
.md-postarticle {
	font-size: 16px;
	line-height: 1.5;
	padding:0px;
	margin:0px;
	letter-spacing: 0.15;
	text-align: center;
	color: #000;
}
.md-postthumbnailimage{
	margin: 0 auto;
}
.md-postarticle > div {
	padding:0px;
	margin:0px;
	/*margin:5px;*/
}
.md-postarticle > div >div {
	padding:0px;
	margin:0px;
	/*margin:5px;*/
}
.md-newstitle h2, .md-newstitle h1 {
	margin: 15px 15px 0px 15px;
	text-align: left;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
}
.l-newscategory {
	text-align: right;
	margin: 0px 10px -10px 10px;
}
.md-position {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #444;
	/*color: #000;*/
	/*text-decoration: underline;*/
	font-size: 14px;
	line-height: 18.2px;
	display: inline-block;
}
.md-displayname {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: blue;
	/*color: #000;*/
	/*text-decoration: underline;*/
	font-size: 14px;
	line-height: 18.2px;
	display: inline-block;
}
.md-newsdate {
	color: #999;
	font-size: 15px;
	float: left;
	line-height: 18.2px;
	vertical-align:baseline;
	margin-top: 3px;
}
.md-newscategorylink {
	color: #999;
	font-size: 15px;
	float: left;
	line-height: 18.2px;
	vertical-align:baseline;
	margin-left:3px;
	margin-top: 3px;
}
.md-newstext .md-leadparagraph {
	font-size: 14px;
	color: #463a1c;
}
.md-newstext h2 {
	text-align: left;
	padding-bottom: 6px;
	border-bottom: 2px solid #61C3BF;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.md-newstext {
	padding: 0 15px 15px;
	padding-bottom: 0px;
	text-align: left;
	/*margin: 0 15px 15px;*/
	/*margin-bottom: 0px;*/
	margin: 10px 15px 0px 15px;
}
/* 記事内リスト表示用 */
.md-newstext .tab-content img {
	padding: 0;
}
.md-newstext img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 15px 0;
}
.md-newstext strong {
	font-weight: bold;
}
.md-newstext a {
	color: blue;
	text-decoration: underline;
}
.md-newstext a:hover {
	opacity: 1;
}
.md-newstext pre a {
	color: #0a0af0;/* preの背景色の反転色 */
	opacity: 0.8;
}
.md-newstext pre .amazon-logo {
	display: inline-block;
}
.md-newstext pre .honto-logo {
	display: inline-block;
}
.md-newstext.horoscope {
        margin:0; padding:0;
}
.md-newstext h2.horoscope {
	font-size: 20px;
//	padding-left: 30px;

}
.l-image-authority {
	text-align: left;
	margin: 5px 0px 0px 0px;
}
.md-image-authority {
	font-size: 1.1rem;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-newstext .md-leadparagraph {
		/*font-size: 18px;
		color: blue;*/
	}
	article .md-postarticle {
		margin-top: 0px;
	}
	.md-postarticle {
		font-size: 100%;
		margin: 1px;
		letter-spacing: 0.15;
		font-size: 17px;
		line-height: 1.5em;
	}
	.md-postthumbnailimage {
		margin: 0 auto;
		width: 60%;
	}
	.md-postarticle > div {
		/*margin-left: 16.66666667%;*/
		padding-left: 5%;
		padding-right: 5%;
	}
	.md-postarticle img {
		max-width: 690px;
	}
	.md-newstitle h2, .md-newstitle h1 {
		font-size: 32px;
		line-height: 1.4;
	}
	.l-newscategory {
		text-align: right;
		/*margin: -10px 10px 0px 10px;*/
		margin: 0px 10px 0px 10px;
	}
	.md-position {
		font-size: 17px;
		line-height: 19px;
	}
	.md-displayname {
		font-size: 17px;
		line-height: 19px;
	}
	.md-newsdate {
		font-size: 14px;
		line-height: 19px;
	}
	.md-newscategorylink {
		font-size: 14px;
		line-height: 19px;
	}
	.md-newstext h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.4em;
		border-bottom:2px #61C3BF solid;
	}
	/* 記事内リスト表示用 */
	.md-newstext img {
		display: block;
		max-width: 400px;
		height: auto;
		margin-top: 25px;
	}
	.md-newstext .tab-content img {
		margin-top: 0px;
	}
	.md-newstext a {
		/*color: #61C3BF;
		opacity: 0.5;*/
		text-decoration: underline;
	}
	.md-newstext a:hover {
		opacity: 1;
	}
	.l-image-authority {
		text-align: left;
		margin: 5px 0px 0px 0px;
	}
	.md-image-authority {
		font-size: 1.1rem;
	}
	.md-newstext.horoscope {
        	margin: 10px 59px 0px 59px;
	}
}

/* 記事詳細ページのまとめリンク（テキストのみのリスト） */
.md-textnewslinks {
	margin-top: 30px;
        text-align: left;
}
.md-textnewslinks h4 {
//	margin-top: 50px;
	padding: 0;
	color: #444;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
}
.md-textnewslinks ul {
	padding-left: 30px;
	-webkit-padding-start: 30px;
}
.md-textnewslinks li {
	line-height: 1.4;
	list-style-type: square;
	margin-bottom: 20px;
}
.md-textnewslinks a {
	color: #337ab7;
	font-size: 16px;
	text-decoration: none;
	//text-decoration: underline;
}
.md-textnewslinks a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-textnewslinks h4 {
		padding: 10px 0;
	}
	.md-textnewslinks a {
		text-decoration: underline;
	}
}

/* 記事詳細ページのページャー */
#postpager {
	text-align: center;
	padding-top: 20px;
	clear: both;}
#postpager a{
	display: inline-block;
	border: solid 1px #aaa;
	padding: 5px 12px;
	margin: 0 3px;
	text-decoration: none
}
#postpager a:hover{background: #f7e29e;}
#postpager span{
	padding: 5px 10px;
	color: #888;
	background: #ddd;
}
#postpager a span{
	padding: 0;
	color: black;
	background: none;
}
#postpager_button{
	display: block;
	margin-top: 30px;
	text-align: center;
}
#postpager_button a{
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	vertical-align: top;
	text-decoration: none;
}
#postpager_button p{
	display: block;
	width: 90%;
	height: 50px;
	text-align: center;
	font-size: 14px !important;
	font-weight: 200;
	color: #fff;
	padding: 0 5%;
	background-color: #0A0306;
	line-height: 50px;
}
#postpager_button p.next_h{
	line-height: 25px;
}

/* 診断記事ページ */
.md-shindan-question {
	background-color: #e2ddc4;
	padding: 15px;
	font-weight: bold;
}
.md-shindan-button {
	color: white;
	text-decoration: none;
	box-shadow: 5px 5px 10px #000;
}

/* 記事詳細ページのおすすめ記事 */
.md-relatedpost {
	font-size: 16px;
	margin: 1px 0px 1px 0px;
	letter-spacing: 0.15;
	margin-top: 10px;
}
.md-relatedpost h2 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 3px;
	letter-spacing: 0.15;
	background-color: #61C3BF;
	color: white;
}
.md-relatedpost ul {
	margin-top: 8px;
	list-style: none;
}
.md-relatedpost a {
	color: black;
	text-decoration: underline;
	/*font-weight: bold;*/
	display: block;
	margin: 15px;
	margin-left: 0px;
}
.md-relatedpost .md-relatedpost-title {
	padding-right: 0px;
}

.md-relatedpost .md-relatedpostexcerpt {
	color: rgb(153, 153, 153);
	font-weight:0;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-relatedpost {
		padding-left: 15px;
		padding-right: 15px;
	}
	.md-relatedpost .md-relatedposttitle {
		font-size: 16px;
	}
	.md-relatedpost .md-relatedpostexcerpt {
		font-size: 11px;
	}
}

/* サイドバー */
.l-sidebar {
	padding: 8px;
}
.adsense {
	overflow: hidden;
    -webkit-overflow-scrolling: touch;
    max-width:100%;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.l-sidebar {
		padding: 0px;
	}
	.adsense {
	    max-width:95%;
	}
}

/* キーワード */
.md-keywords {
	text-align: center;
	border: 1px #ccc solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.md-keywords h3 {
	font-size: 10px;
	margin: 5px;
}
.md-keywords ul {
	text-align: left;
	margin: 5px;
	padding-left: 0px;
}
.md-keywords li {	
	display: inline-block;
	border: 1px #ccc solid;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #F8F8F8;
}
.md-keywords a {
	display: block;
	padding: 5px 7px;
}
.md-keywords a, .md-keywords a:visited {
	text-decoration: none;
	color: #333;
	opacity: 1;
}
/* 記事内キーワード要素 */
.md-keywords-post {
	border: none;
	margin-top: 15px;
}
.md-keywords-post .md-keywords-title{
	display: inline-block;
	margin-right: 10px;
	font-size: 1.6rem;
	font-weight: 700;
}

/* サイドバーのフェイスブック */
.md-facebook-area {
	text-align: center;
	width: 100%;
	height: 300px;
	max-width:100%;
	height:250px;
}
.md-facebook-area > h2 {
	font-size: 18px;
	margin: 3px;
	padding: 3px;
	background-color: #61C3BF;
	color: white;
}
/* サイドバーのツイッター */
.md-twitter-area {
	text-align: center;
	width: 100%;
	height: 300px;
	max-width:100%;
	margin-top:10px;
	height:450px;
}
.md-twitter-area > h2 {
	font-size: 18px;
	margin: 3px;
	padding: 3px;
	background-color: #61C3BF;
	color: white;
}
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.md-twitter-area > div {
		margin: 5px;
	}
}

/* サイドメニューキーワード一覧 */
ul.sd-keyword {
	padding:0px;
	display:inline-block;
}
ul.sd-keyword > li {
	border-style:solid;
	 border-color:#61C3BF;
	 border-width:thin;
	 border-radius: 10px;
	 margin: 0 4px 8px 0;
	 padding: 3px 5px;
	 display:inline-block;
}

/* フッター */
.l-footer{
	background-color: #61C3BF;
	padding-top:20px;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	text-align: -o-center;
	text-align: -ms-center;
}
.l-footer > .row{
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.footer-sociallinks{
	text-align: center;
}
.footer-img > a > img{
	margin-top:10px;
	margin-bottom: 20px;
}
.md-footertext{
	list-style: none;
	text-align: left;
	margin-top:10px;
	margin-left: -40px;
}
.md-footertext li > p {
	border-bottom: solid 1px;
}
.md-footertext li > a {
	color: #fff;
}
.md-footertext li.footercategory {
	display: inline-block;
}
.l-footercopyright {
	padding:30px 0px 30px 0px;
	text-align: center;
}
@media screen and (max-width:768px) {
	.l-footercopyright {
		padding:30px 0px 60px 0px;
	}
}
.l-footer .md-sns-links-sidebar {
	width:200px;
	margin-top: -25px;
	margin-left:auto;
	margin-right:auto;
}

#footer_keyword ul {
	list-style: none;
	float: left;
	
}
/* PR表記、NEW表記、ランキング表記 */
.tag-pickup {
	background-color: black;
	position: absolute;
	width: 75px;
	height: 35px;
}
.tag-pickup > p {
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: bold !important;
	margin-top: 5px !important;
	margin-left: 3px !important;
}
.tag-pr {
	background-color: white;
	position: absolute;
	border: 2px #61C3BF solid;
	width: 65px;
	height: 30px;
	bottom: 40%;
	right: 8%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.tag-pr img {
	max-width:100%;
	max-height:100%;
}
.tag-pr > p {
	color: #61C3BF !important;
	font-size: 20px !important;
	font-weight: bold !important;
	margin-top: 0px !important;
	margin-left: 16px !important;
}
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.tag-pr {
		bottom: 50%;
	}
}
.tag-hot {
	position: absolute;
	width: 60px;
}
.tag-hot img {
	max-width:100%;
	max-height:100%;
}
.tag-new {
	background-color: black;
	/*background-color: #61C3BF;*/
	position: absolute;
	/*top: 3px;
	left: 3px;*/
	width: 75px;
	height: 35px;
}
.tag-new img {
	max-width:100%;
	max-height:100%;
}
.tag-new > p {
	color: #FFFFFF !important;
	font-size: 24px !important;
	font-weight: bold !important;
	margin-top: 2px !important;
	margin-left: 7px !important;
}
.tag-rank1 {
	background: url("../images/rank-1.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank2 {
	background: url("../images/rank-2.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank3 {
	background: url("../images/rank-3.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank4 {
	background: url("../images/rank-4.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank5 {
	background: url("../images/rank-5.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank6 {
	background: url("../images/rank-6.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank7 {
	background: url("../images/rank-7.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank8 {
	background: url("../images/rank-8.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank9 {
	background: url("../images/rank-9.png");
	position: absolute;
	width: 24px;
	height: 24px;
}
.tag-rank10 {
	background: url("../images/rank-10.png");
	position: absolute;
	width: 24px;
	height: 24px;
}


.nav-pickup {
	background: url("../images/pickup.png");
	position: absolute;
	height: 30px;
}


/* ----------------------------------------------------
	ページャ
---------------------------------------------------- */
ul.md-ospager {
	margin: 10px;
	padding: 0;
	text-align: center;
}
ul.md-ospager li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	min-width: 40px;
	min-height: 40px;
	margin: 10px 0 0 0;
	padding: 0 3px;
	border: 1px solid #d3d3d3;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
ul.md-ospager li.stay, ul.center li.stay a{
	background: #000;
	border: 1px solid #000;
	color: #fff;
}
ul.md-ospager li > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.md-ospager li > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_number{
	text-align: center;
	height: auto;
	font-size: 14px;
	margin: 10px 0 50px 0;
}

/* ----------------------------------------------------
	ハンバーガーメニューに動きをつける
---------------------------------------------------- */
.l-hamburgermenu {
	/*animation: rumble 0.6s linear infinite;*/
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.l-hamburgermenu {
		/*animation-play-state: paused;*/
	}
	.md-sociallinks li img {
		/*animation: rumble 1.2s linear infinite;*/
	}
}
/* アニメーションの定義 */
@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

/* ----------------------------------------------------
	SNSボタン
---------------------------------------------------- */
/* sns-btn button */
.title_area_social {
	text-align: right;
}
.sns-btn {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.md_sns_buttons{
	display: inline-block;
	list-style: none;
}
.md_sns_buttons li {
	float: left;
	text-align: center;
	margin: 2px;
	width: 23%;
}
.md_sns_buttons li a {
	display: inline-block;
	margin: 2px 8px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md_sns_buttons li {
		float: left;
		text-align: center;
		margin: 2px;
		max-width: 50px;
	}
	.md_sns_buttons li a {
		max-width: 50px;
	}
}

/* ----------------------------------------------------
	記事詳細ページのSNSボタン
---------------------------------------------------- */
/* sns-footer button */
.sns-footer {
	box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	display: none;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 8999;
}
.sns-footer li {
	float: left;
	padding: 3px 15px 3px 15px;
	text-align: center;
	width: 62px;
}
.sns-footer img.sns {
	height: auto;
	width: 32px;
}
/* sns-footer button */
.title_area_social {
	width: 94%;
	margin: 0 auto;
	text-align: right;
}

/* sns-btn button */
.sns-btn {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.l_sns_btn {
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.l_sns_btn {
		margin-left: 8px;*/
	}
}
.md_sns_buttons{
	display: inline-block;
	vertical-align: middle;
}
.md_sns_buttons_img {
	width: 26px;
	height: auto;
}

/* sns-footer button */
.sns-footer {
	box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 0px;
	display: none;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 8999;
}
.sns-footer li {
	float: left;
	padding: 3px 15px 3px 15px;
	text-align: center;
	width: 32px;
}
img.sns {
	height: auto;
	width: 32px;
}

/* sns button */
.l-sns-top  {
	position: fixed;
	top:58px;
	right:40px;
	width: 100%;
	z-index: 999;
}
.l-sns-top-sb {
	text-align: center;
	margin-top: 10px;
	height: 250px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む*/
	.l-sns-top  {
		position: absolute !important;
		top:58px;
		right:40px;
		width: 100%;
		z-index: 999;
	}
}

.l-sns-top-single-post  {
	/*width: 97%;*/
	margin-top: 10px;
}
.l-sns-top div  {
	height: 30px;
}
.l-sns-bottom > div {
	padding-left: 6px;
}

.md-sns-buttons {
	height: 40px;
}
.md-sns-buttons a {
	width: 100%;
	height: 100%;
	display:inline-block; /* Bootstrapによるfloat対策 */
}
.md-sns-buttons img {
	max-width:100%;
	max-height:100%;
	padding: 0px;
}

/* いいねボタンエリア */
.md-facebook-likearea {
	background-color: #FFFFFF;
	margin-top: 10px;
	border-style:solid;
	border-width:1px;
	border-color:silver;
}
.md-facebook-likearea img {
        max-width: 100%;
        height: auto;
}
.md-facebook-likearea p {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:bold;
}
.md-facebook-likearea p.first {
	margin-top: 0px;
}
.md-facebook-likearea div {
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}
.md-facebook-likearea .fb-like-bottonarea {
	margin-top: 3px;
	margin-bottom: 2px;
}
.md-twitter-followarea {
	margin-left: 5%;
	margin-top:10px;
}
.md-twitter-followarea div {
	float: left;
	padding: 7px 15px 0 0;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.l-sns-bottom > div {
		padding-left: 0px;
	}
	.md-sns-buttons {
		height: 35px;
	}
	.md-facebook-likearea {
		margin-left: 5%;
	}
	.md-facebook-likearea p.first {
		margin-top: 20px;
	}
	.md-facebook-likearea div {
		margin-right: 0px;
		margin-left: 0px;
		padding: 0px;
	}
	.md-facebook-likearea .fb-like-bottonarea {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
/* facebookコメントエリア */
.md-facebookcomments {
	margin-top: 10px;
}
/* Facebook Like Box width:100% */
.md-facebookcomments .fbcomments,
.md-facebookcomments .fb_iframe_widget,
.md-facebookcomments .fb_iframe_widget[style],
.md-facebookcomments .fb_iframe_widget iframe[style],
.md-facebookcomments .fbcomments iframe[style],
.md-facebookcomments .fb_iframe_widget span{
    width: 100%! important;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-facebookcomments {
		/*margin-left: 5%;*/
	}
}
.l_sns_btn * {
	padding-left: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-right:0px;
}
.l_sns_btn a {/*div全体をリンクにする*/
	display:block;
	width: 100%;
}
.sns-twitter{
	background-color: #55acee;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-facebook{
	background-color: #3a5795;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-facebook-like-eachpost{
	background-color: #e6e6e6;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
	overflow: hidden;
}
.sns-facebook-like{
	background-color: #3a5795;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
	height: 26px;
	background: linear-gradient(#4c69ba, #3b55a0);
	padding-top: 2px;
	padding-left: 0px;
	overflow: hidden;
}
.sns-google-plus{
	background-color: #dd4b39;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-hatena {
	background-color: #1791db;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-yahoo{
	background-color: #ff0033;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-line{
	background-color: #00c500;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}
.sns-rss{
	background-color: #ff6600;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
}

.row-2{
	margin-left: 5px;
	margin-right: 5px;
} 
.row-2 > div{
        padding-right:0px;
        padding-left:0px;
}
.row-3, .row-4 {
	margin-left: 0px;
	margin-right: 0px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.row-4{
		margin-left: 15px;
		margin-right: 15px;
	} 
}

.twitter {background: #55acee;}
.line {background: #09B701; display: none; }
.fb {background: #3b5998; }
/* 右側にいいねボタンある時のポップアップ対策 */
.fb_iframe_widget_lift {
    right:0;
}

/* ----------------------------------------------------
	著者プロフィール
---------------------------------------------------- */
/* 著者ページ */
.l-authorprofile-authorpage {
	margin-top: 20px;
}
.md-authorprofile {
	border: solid 1px rgba(92,195,192,0.7);
	padding: 3px;
}
.md-authorprofile-image-area {
	margin-top: 1em;
}
.md-authorprofile-position{
	margin-top: 1em;
	font-size: 1.2em;
}
.md-authorprofile-name {
	margin-top: 1em;
	font-size: 1.2em;
}
.md-authorprofile-description{
	margin-top: 1em;
	font-size: 1.2em;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.l-authorprofile-authorpage {
		margin-top: 0px;
	}
	.md-authorprofile {
		padding: 10px 20px 10px 20px;
	}
	.md-authorprofile-image-area {
		margin-top: 0px;
	}
	.md-authorprofile-description{
		margin-top: 1em;
	}
}

/* 記事詳細ページ */
.md-authorprofile-singlepostpage {
	border: solid 1px rgba(92,195,192,0.7);
	padding: 3px;
}
.md-authorprofile-singlepostpage-image-area {
	margin-top: 1em;
	margin-left: 5%;
}
.l-authorprofile-singlepostpage img {
	max-width: 100%;
}
.l-authorprofile-singlepostpage {
	margin-bottom: 20px;
}
.l-authorprofile-singlepostpage a, .l-authorprofile-singlepostpage a:hover {
	text-decoration: none;
	color: #000;
}
.md-authorprofile-singlepostpage-url a {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-authorprofile-singlepostpage-image-area {
		padding-bottom: 10px;
	}
	.md-authorprofile-singlepostpage {
		padding-bottom: 10px;
	}
	.md-authorprofile-singlepostpage-description{
		margin-top: 1em;
	}
}

/* SNS公式ページへのリンク */
.l-sns-top .md-sns-follow-facebook {
	position: absolute;
	top:0px;
	right: 80px;
}
.l-sns-top .md-sns-follow-twitter {
	position: absolute;
	top:0px;
	right: 40px;
}
.l-sns-top .md-sns-follow-instagram {
        position: absolute;
        top:0px;
        right: 0px;
}
.md-sns-follow-facebook img, .md-sns-follow-twitter img, .md-sns-follow-instagram img {
	width:30px;
	height:30px;
}
/* サイドバーの公式ページへのリンク */
.l-sns-top-sb .md-sns-follow-facebook {
	position: absolute;
	top: 10px;
	left: 90px;
}
.l-sns-top-sb .md-sns-follow-twitter {
	position: absolute;
	top: 10px;
	left: 130px;
}

/* 著者一覧ページ */
.authorlist_artticle {
	margin-bottom: 50px;
}
.authorlist_title_area {
	/*margin-bottom: 50px;*/
}
.authorlist_artticle h3 > span {
	/*border: solid black 2px;*/
	border-bottom: #61C3BF thin solid;
	padding: 5px 7px 5px 5px;
	font-style: oblique;
	font-size: 16px;
}
.authorprofile-card2 {
	margin: 0px;
	padding: 0px;
}
.authorprofile-card2 .overlay p {
	color: black;
	text-align: center;
	font-size: 16px;
}
.authorprofile-card2 .authorprofile-card2-col {
	padding: 0px;
}
p.authorlist-position {
	font-size:12px !important;
	margin:0 !important;
}
p.authorlist-name {
	font-size:18px !important;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.authorprofile-card2 {
		height:120px;
		width:120px;
		margin-top: 15px;
	}
	.authorprofile-card2 .overlay {
		position:absolute;
		height: 120px;
		width: 120px;
		top: 15px; /*.authorprofile-card2のmargin-topと連動*/
		background-color:rgba(255,255,255,0.6);
	}
	.authorprofile-card2 .overlay {
		display: none;
	}
	.authorprofile-card2:hover .overlay {
		display: block;
		opacity: 1.0;
		padding-top: 25px;
	}
}
@media screen and (max-width:768px) { 
	/* スマホ（画面サイズが768px未満）はここを読み込む*/
	.authorlist_artticle {
		margin-top: 30px;
	}
	.authorprofile-card2-row {
		border: none;
		border-bottom: #61C3BF thin solid;
	}
	.authorprofile-card2  {
		margin-top: 5px;
		margin-bottom: 3px;
	}
	.authorprofile-card2 .overlay p {
		text-align: left;
	}
	.authorprofile-card2 .overlay {
		padding: 15px;
	}
	.authorprofile-card2 .authorprofile-card2-col p {
		padding-left: 15px;
	}
}
/* 著者一覧ページ2 */
.authorprofile-card {
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.authorprofile-card p {
	color: black;
	font-size: 16px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.authorprofile-card {
		min-height: 90px;
	}
}

/* 対話（記事ページ内想定） */
.md-talk {
	margin-top: 10px;
	margin-bottom: 10px;
}
.md-talk > div {
	height: 80px;
	position: relative;
}
.md-talk > div > p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	font-weight: bold;
}
.md-talk img {
	margin-top:0;
	padding: 0;
}
.md-talk p {
	bottom: 0px;
}
@media print, screen and (min-width:768px) { 
	/* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
	.md-talk {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
/* 吹き出し付き対話（記事ページ内想定） */
.md-talk2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.md-talk2 > div {
	position: relative;
}
.md-talk2 img {
	position: relative;
	top: 0;
	bottom: 0;
	height: 80px;
	margin-top:0;
	padding: 0;
}
.md-talk2  {
	/*bottom: 0px;*/
}
.md-talk2 p.display_name {
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	left: 0;
	right: 0;
	bottom: -10px;
	color: white;
	background-color: rgba(85,172,238,0.7);
	border: solid #55acee 2px;
}
.md-talk2 p.display_name_otonasalone {
	background-color: rgba(97,195,191,0.7);
	border: solid #61C3BF 2px;
}
.md-talk2-image {
	float:left;
	width:80px;
	margin:10px;
	margin-left:15px;
}
.md-talk2-text {
	margin-top:4.8em;
	margin-left:15px;
	margin-right:15px;
}
/* 吹き出し付き対話（記事ページ内想定） */
.md-kaiwa {
	margin-top: 20px;
	margin-bottom: 20px;
}
.md-kaiwa > div {
	position: relative;
}
.md-kaiwa-image img {
	position: relative;
	top: 0;
	bottom: 0;
	height: 80px;
	margin-top:0;
	padding: 0;
}
.md-kaiwa  {
	/*bottom: 0px;*/
}
.md-kaiwa br  {
	display: none;
}
.md-kaiwa p.display_name {
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	left: 0;
	right: 0;
	bottom: -10px;
	color: white;
	background-color: rgba(85,172,238,0.7);
	border: solid #55acee 2px;
}
.md-kaiwa p.display_name_otonasalone {
	background-color: rgba(97,195,191,0.7);
	border: solid #61C3BF 2px;
}
.md-kaiwa-image {
	float:left;
	width:80px;
	margin:10px;
	margin-left:15px;
}
.md-kaiwa-text {
	margin-top:4.8em;
	margin-left:15px;
	margin-right:15px;
}

/* 吹き出し */
/*.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #000000;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 11px;
	margin-top: -11px;
}*/

/* メンテナンスページ */
.l-maintenance h2 {
	/*position:absolute;
	bottom:0;*/
}
.l-maintenance p {
	/*font-size: 14px;*/
}

.wisteria-header{
	display: none;
}


.series-info {
        margin: 0 auto;
	padding: 10px;
//	width: 480px;
	width: 100%;
	background-color: rgba(223, 243, 242, 1.0);
	border-radius: 5px;
}

.series-info ul {
	padding-left: 10px;
	margin-top: 40px;
}

.series-info ul li {
//	list-style: none;
	list-style-type: circle;
	font-size: medium;
	margin-bottom: 30px;
	margin-left: 5px;
	
}

.series-info p {
	text-align: right;
	margin-bottom: 10px;
}

.series-info p.series-info-title{
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;

}

.series-info p.series-info-description{
	font-size: small;
	font-weight: bold;
        text-align: left;
	margin-bottom: 0px;
}

.series-info p.series-info-note{
	font-size: small;
        text-align: left;
	//margin-bottom: 40px;
}

@media print, screen and (min-width:768px) {
        /* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
.series-info {
	width: 480px;
}
}


.survey-banner-img{
	width: 100%;
	margin:0;
}

@media print, screen and (min-width:768px) {
        /* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
.survey-banner-img{
        width: 450px;
	margin: 0 auto;
}
}


#otonasalone-embed{
//	height: 466px;
//height: 10vw;
height: calc(350px + ((350px - 46vw) * 0.9));
}
@media print, screen and (min-width:768px) {
        /* PC及びタブレット（画面サイズが768pxから）はここを読み込む */
#otonasalone-embed{
        height: 350px;
}
}

@media print, screen and (min-width:768px) {
.recommend-article-ad{
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
}

/* Quick Tags追加クラス*/
.black-radius-button{
        background: #000000 !important;
        color: #ffffff !important;
        padding: 10px 20px;
        border: 3px solid #000000;
        border-radius: 500px;
        font-size: 80%;
        font-weight: bold !important;
        text-decoration: none;
	line-height: 4em;
}

.black-radius-button-parent {
	text-decoration: none !important;
}

.black-radius-button a {
	text-decoration: none !important;
	color: #ffffff !important;
}

.more-animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes more-slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes more-slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.more-slide-down {
	-webkit-animation-name: more-slideDown;
	animation-name: more-slideDown;
}
@-webkit-keyframes more-slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes more-slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
.more-slide-up {
	-webkit-animation-name: more-slideUp;
	animation-name: more-slideUp;
}
.more-content-wrap {
	height: 150px;
	overflow: hidden;
	position: relative;
}
.more-close-btn, .more-btn {
	display: block;
	width: 100%;
	padding: 80px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
  	);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#00ffffff',
		endColorstr='#ffffff',
		GradientType=0
	);
}
.more-close-btn {
	background: none;
}
.more-slide-up {
	height: 150px;
	padding-bottom: 0;
	overflow: hidden;
}
.more-slide-down {
	height: auto;
	overflow: visible;
	padding-bottom: 50px;
}
.more-btn p {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	background: #61C3BF;
	padding: 5px 20px;
	width: 80%;
	border-radius: 20px;
}
.more-close-btn {
	padding:0;
}
.more-close-btn p {
	background: #aaa;
}

.feature-title {
        padding: 1rem 2rem;
        border-left: 6px double #000;
}
.feature-header-image > img {
        max-width: 640px;
}
img.round-image {
        border-radius: 100%;
        width:  180px;       /* ※縦横を同値に */
        height: 180px;       /* ※縦横を同値に */
        object-fit: cover;
        border: solid 1px darkgray;
        padding: 0;
	margin-bottom: 5px;
}
.feature-categories {
}
.feature-categories > li {
	text-align: center;
        list-style: none;
        width: 25%;
        height: 300px;
        float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.feature-categories > li > a {
	text-decoration: none;
        color: black;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
}
@media print, screen and (max-width:1288px) {
        .feature-categories > li {
                width: 33.3%;
        }
}
@media print, screen and (max-width:1068px) {
        .feature-categories > li {
                width: 50%;
        }
}
@media print, screen and (max-width:768px) {
        .feature-header-image > img {
                max-width: 100% !important;
                width: 100% !important;
        }
        .feature-categories {
                padding-left: 0;
        }
        .feature-categories > li {
                width: 50%;
                height: 300px;
        }
        img.round-image {
                width: 180px;
                height: 180px;
        }
}
@media print, screen and (max-width:560px) {
        .feature-categories > li {
                width: 50%;
                height: 180px;
        }
        img.round-image {
                width: 100px;
                height: 100px;
        }
        .feature-categories > li > a {
                font-size: 12px;
        }
        .feature-title {
                font-size: 16px;
		margin-top: 0px;
        }
}



/* 20211112 ランキングタブ切替 */
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  /* padding-bottom: 40px; */
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #61C3BF;
  /*background-color: #d9d9d9;*/
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

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

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  /* padding: 40px 40px 0; */
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#article:checked ~ #article_content,
#manga:checked ~ #manga_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #61C3BF;
  color: #fff;
}

.tab_content_description {
  margin-top: -10px;
}

.tab_content_description .tab_content_description > li {
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.wpp-no-data {
  margin-top: 20px;
  margin-left: 15px;
}

.oyatsu-parts{
	max-width: 350px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid darkgray;
	padding: 15px;
	background-color: #fafafa;
	font-size: 14px;
	margin: 20px auto;
}
@media print, screen and (max-width:350px) {
	.oyatsu-parts{
		font-size: 11px;
	}
}
.oyatsu-title {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.ibdate-input-parts{
	display: flex;
	justify-content: center;
}
.ibdate-input-parts > span {
	margin: auto 0;
}
.ibdate-input-select {
	margin-left: 30px;
}
.ibdate-input-select > select {
	height: 30px;
}
.oyatsu-button-off {
	margin-top: 15px;
	margin-bottom: 20px;
	color: lightgray;
	background-color: darkgray; /* #61C3BF;*/
	border-radius: 5px;
	width: 200px;
	height: 40px;
	border: 1px solid darkgray;
}
.oyatsu-button-on {
	margin-top: 15px;
	margin-bottom: 20px;
	color: white;
	background-color: #61C3BF;
	border-radius: 5px;
	width: 200px;
	height: 40px;
	font-weight: bold;
	border: 1px solid darkgray;
}
.oyatsu-button-on:hover {
	background-color: #71D3CF;
}
.oyatsu-result-parts {
	margin:0;
	margin-bottom: 5px;
	line-height: 23px;
	font-size: 13px;
}
.oyatsu-result {
	padding:2px 8px;
	margin:0 5px;
	border:1px solid #777;
	border-radius:2px;
	box-shadow: 1px 2px 2px #ddd;
	font-family:inherit;
	font-size:0.85em;
	display: inline-block;
	width: 120px;
	height: 25px;
	line-height: 21px;
	background-color: white;
}





.manga-banner-area {
	font-size: 14px;
	margin-top: 40px;
}
@media print, screen and (max-width:530px) {
	.manga-banner-area {
		font-size: 12px;
	}
}
.manga-banner-area > ul {
	list-style: none;
	padding: 0;
}
.manga-banner-area li {
	margin: 10px;
	border: 1px solid lightgray;
	min-width: 300px;
	width: 48%;
}
@media print, screen and (max-width:1400px) {
        .manga-banner-area li {
                width: 100%;
		min-width: auto;
		margin: 10px 0;
        }
}
.manga-banner-box {
        position: relative;
        padding: 10px;
}
.manga-banner-inner-box {
	display: flex;
	/*position: relative;*/
	/*padding: 10px;*/
}
.manga-banner-area a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.manga-banner-area a:hover {
	background-color: white;
	opacity: 0.2;
}
.manga-banner-area ul {
	display: flex;
	flex-wrap: wrap;
}
.manga-banner-inner-left-box {
	height: 120px;
}
@media print, screen and (max-width:530px) {
	.manga-banner-inner-left-box {
		height: 90px;
	}
}
.manga-banner-area img {
	object-fit: cover;
	width: 160px;
	height: 100%;
	border: 1px solid lightgray;
}
@media print, screen and (max-width:530px) {
        .manga-banner-area img {
                width: 120px;
        }
}

.manga-banner-inner-right-box {
	/*width: 300px;*/
	width: calc(100% - 170px);
	margin-left: 15px;
	padding: 5px;
}
@media print, screen and (max-width:530px) {
	.manga-banner-inner-right-box {
		width: calc(100% - 125px);
		 margin-left: 10px;
	}
}
.manga-banner-inner-right-box p {
	margin: 0;
}
.manga-banner-description {
	margin-top: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
 
    /*IE対策*/
    line-height: 1.5em;
    max-height: 6em;
}
@media print, screen and (max-width:530px) {
	.manga-banner-description {
		-webkit-line-clamp: 3;
		max-height: 4.5em;
		margin-top: 8px !important;
	}
}
.manga-banner-title {
	font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.manga-page-number {
	margin-bottom: 25px !important;
}
.md-articlelist.ranking-list a{
	display: block;
}
.md-articlelist.ranking-list > li > a > div:last-child > div:last-child {
        border: none;
}