@charset "utf-8";

/* -----------------------------------------------------
 目次
■記事詳細
	※おすすめ記事（header.head内）
	※目次
	※ライター募集
	※SNS・メディアリンク
	※ソーシャルボタン
	※記事下部のライター
■ユーザーページ
■タグページ
■カテゴリ一覧
■大カテゴリ
■検索結果
■ハンドブック
■ハンドブック記事詳細
■検索フォーム
■会員ページ
■画像詳細ページ
■記事内のコメント表示
■コメント一覧
■専門家一覧

■ブリーダー情報
■レコメンドウィジェット
■商品アフィリエイト
■文中関連記事
■フロントライン商品リンク
■最新のニュース記事
■Fireworkウィジェット調整
■オファーウォール広告 iOS表示調整

■アプリ用デザイン
■ハンドブック　アプリ用
■検索ページ　アプリ用
------------------------------------------------------ */

/*============================================================================*
/* 記事詳細
/*============================================================================*/
.page_reports_detail .article {
	margin-bottom: 20px;
	border-bottom: 1px solid transparent;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .article {
		border: none;
		margin-bottom: 0;
		box-shadow: none;
	}
}

/*-------------------------*/
/*  タブレット用幅調整     */
@media screen and (max-width: 1023px) {
	.tab_size_adj {
		width: 320px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/*----------------------------*
/*  header
/*----------------------------*/
.page_reports_detail .head {
	padding: 40px 40px 0 40px;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head {
		padding: 0;
	}
}

/* お気に入り追加ボタン */
.page_reports_detail .head .article_favorite_btn {
	text-align: right;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_favorite_btn {
		position: absolute;
		float: none;
		top: 160px;
		right: 10px;
		width: auto;
	}
}

.page_reports_detail .head .article_favorite_btn a {
	display: inline-block;
	width: auto;
	padding: 0 10px 0 45px;
	border: 1px solid #f06464;
	background: url('./../images/osusume/article_favorite_btn.png') no-repeat left 16px center;
	background-size: 18px auto;
	color: #f06464;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_favorite_btn a {
		display: block;
		width: 60px;
		height: 60px;
		padding: 0;
		border: none;
		background: #fff url('./../images/osusume/article_favorite_btn.png') no-repeat center;
		background-size: 28px auto;
		border-radius: 60px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		box-shadow: 0px 1px 3px rgba( 0, 0, 0, .2);
	}
}

.page_reports_detail .head .article_favorite_btn a:hover {
	text-decoration: none;
	opacity: .8;
}

@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_favorite_btn a.on {
		background: #f06464 url('./../images/osusume/article_favorite_btn.png') no-repeat center;
		background-size: 28px auto;
	}
}


/*-------------------------*/
/*  サムネイル             */
.page_reports_detail .head .thumbnail {
	margin-bottom: 24px;
	border-radius: 6px;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .thumbnail {
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: 15px;
		border-radius: 0;
	}
	.page_reports_detail .head .thumbnail::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.14) 74%, rgba(0,0,0,0.55) 91%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.6) 100%);
		background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.14) 74%, rgba(0,0,0,0.55) 91%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.6) 100%);
	}
}

.page_reports_detail .head .thumbnail figure {
	height: 370px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .thumbnail figure {
		height: 190px;
	}
}

.page_reports_detail .head .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*-------------------------*/
/*  更新日付               */
.page_reports_detail .head .writer-modified-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	color: #444;
	font-size: 1.2rem;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .writer-modified-wrap {
		margin-right: 12px;
		margin-left: 12px;
	}
}

.page_reports_detail .head .writer-modified-wrap--sp {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .7em 1em;
	box-sizing: border-box;
	color: #fff;
	font-size: 1rem;
}
.page_reports_detail .head .article_date {
	display: inline-block;
}

/*-------------------------*/
/*  著者 Author            */
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .author {
		margin-left: 10px;
	}
}

/*---------------------------*/
/*  PV                       */
.page_reports_detail .top_view {
	display: inline-block;
	padding: 0 0 0 15px;
	color: #999;
}
.page_reports_detail .top_view span {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 3px;
	color: #444444;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .top_view {
		font-size: 1rem;
		padding: 5px 0 15px;
	}
	.page_reports_detail .top_view span {
		font-size: 1.2rem;
		font-weight: normal;
		color: #999;
	}
}

/*-------------------------*/
/*  お気に入り登録         */
.page_reports_detail .modified_info .favorite_change {
	text-decoration: underline;
}


/*-------------------------*/
/*  記事タイトル           */
.page_reports_detail .article_title_wrap {
	line-height: 1.4;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .article_title_wrap {
		margin: 0 10px 15px;
	}
	.page_reports_detail .article_title_wrap.media_list {
		margin-top: 20px;
	}
}

.page_reports_detail .article_title_wrap .article_title {
	clear: both;
	padding: 0 0 10px;
	color: #222;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.4;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .article_title_wrap .article_title {
		display: inline;
		padding: 0;
		font-size: 1.6rem;
		vertical-align: middle;
	}
}

/* ページ分割数 */
@media screen and (max-width: 1023px) {
	.page_reports_detail .article_title_wrap .pege_count {
		margin-left: 4px;
		padding: 1px 5px;
		background: #ef8080;
		color: #fff;
		font-size: 1rem;
		border-radius: 2px;
		vertical-align: middle;
	}
}

/* 概要リスト
------------------------------ */
.article_summary {
	margin-top: 16px;
	margin-bottom: 1em;
	font-size: 16px;
}
@media screen and (max-width: 1023px) {
	.article_summary {
		margin-right: 15px;
		margin-left: 10px;
		font-size: 1.4rem;
	}
}

.article_summary h2 {
	display: inline-block;
	padding: 0 .4em;
	background: linear-gradient(transparent 30%, #FFE970 0%);
	line-height: 1.15;
	font-weight: bold;
}
.article_summary .ulist {
	margin: .7em 0 0 .7em;
}
@media screen and (max-width: 1023px) {
	.article_summary .ulist {
		margin-left: .5em;
	}
}

.article_summary .ulist li {
	position: relative;
	margin-bottom: .5em;
	padding-left: 1.3em;
}
.article_summary .ulist li::before {
	content: "";
	display: block;
	position: absolute;
	top: .4em;
	left: 0;
	width: .55em;
	height: .35em;
	border-bottom: .15em solid #ef8282;
	border-left: .15em solid #ef8282;
	transform: rotate(-45deg);
}

@media screen and (max-width: 1023px) {
	.article_summary .ulist li {
		margin-bottom: .8em;
		background-size: 14px auto;
	}
}

/*-------------------------*/
/*  ディスクリプション     */
.page_reports_detail .head .description {
	margin: 1em 0 30px;
	line-height: 1.6;
	color: #444444;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .description {
		margin-right: 12px;
		margin-bottom: 1em;
		margin-left: 12px;
		font-size: 1.1rem;
		letter-spacing: .1em;
	}
}

/* overviewページ */
.page_reports_detail .head .description.overview {
	position: relative;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .description.overview::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 100%)
	}
}

/*-------------------------*/
/*  ライター               */
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_writer {
		display: flex;
		max-width: 100%;
	}
}

.page_reports_detail .head .article_writer > div {
	display: inline-block;
	vertical-align: middle;
}

.page_reports_detail .head .article_writer .name a {
	color: #444;
}
/* スマホ時 */
.page_reports_detail .head .writer-modified-wrap--sp .article_writer .name a {
	color: #fff;
}

.page_reports_detail .head .article_writer .name a:hover {
	text-decoration: none;
}

.page_reports_detail .head .article_writer .business {
	color: #888;
	margin-right: 20px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_writer .business {
		display: block;
		margin-top: 3px;
		margin-right: 0;
		font-size: 1rem;
		color: #aaa;
	}
	.page_reports_detail .head .article_writer .business span + span::before {
		content: "/ ";
	}
}

.page_reports_detail .head .article_writer .memo {
	line-height: 1.6;
	font-size: 11px;
}
.page_reports_detail .head .article_writer .writer_img {
	width: 20px;
	height: 20px;
	margin-right: 3px;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_writer .writer_img {
		flex: none;
		width: 15px;
		height: 15px;
		margin-right: .5em;
	}
}

.page_reports_detail .head  .article_writer .writer_img img {
	width: 100%;
	vertical-align: middle;
	border-radius: 50%;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head .article_writer .writer_img img {
		display: block;
		border-radius: 50%;
	}
	.page_reports_detail .head .article_writer .name {
		min-width: 0;
	}
}


/* コメントページリンク
------------------------------ */
.page_reports_detail .head_comment_link {
	font-size: 14px;
	text-decoration: underline;
	margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .head_comment_link {
		margin-bottom: 12px;
		margin-left: 12px;
		font-size: 11px;
	}
}

.page_reports_detail .head_comment_link a {
	color: #444;
	position: relative;
}
.page_reports_detail .head_comment_link a:link,
.page_reports_detail .head_comment_link a:visited {
	color: #444;
}
.page_reports_detail .head_comment_link a::before {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	background: url(../images/osusume/icon_cmt.png) no-repeat center;
	background-size: contain;
}


/* おすすめ記事（header.head内）
------------------------------------------------------ */
.page_reports_detail .recommend_article {
	margin-top: 2em;
	font-size: 16px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .recommend_article {
		margin-right: 12px;
		margin-left: 12px;
		font-size: 14px;
	}
}

.page_reports_detail .recommend_article .header {
	margin-bottom: .5em;
	font-weight: bold;
}
.page_reports_detail .recommend_article .link_list {
	border: solid #aaa;
	border-width: 1px 0;
}
.page_reports_detail .recommend_article .link_list li {
	margin: 1.2em 0;
}
.page_reports_detail .recommend_article .link_list a {
	position: relative;
	color: #028fe7;
}

.page_reports_detail .recommend_article .link_list a::before {
	content: "▶";
}


/*-------------------------*/
/*  監修               */
.page_reports_detail .kansyu-section {
	margin-right: 40px;
	margin-left: 40px;
}

/*-------------------------*/
/*  目次                   */
.article .mokui {
	clear: both;
	margin: 1em 40px;
	padding: 20px 0 10px;
	border: 3px solid #f7f7f7;
	border-right: none;
	border-left: none;
}
@media screen and (max-width: 767px) {
	.article .mokui {
		margin: .22em 15px 1em;
		padding: 10px 0 5px;
	}
}

.article .mokui .mokuji_title {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.article .mokui .mokuji_title {
		margin-top: 2px;
		margin-bottom: 10px;
	}
}

.article .mokui .mokuji_open_btn {
	display: none;
	position: relative;
	top: -1px;
	margin-left: .5em;
	cursor: pointer;
}
.article .mokui .mokuji_open_btn.show {
	display: inline-block;
}

.article .mokuji_list {
	font-size: 1.52rem;
}
@media screen and (max-width: 767px) {
	.article .mokuji_list {
		font-size: 1.2rem;
	}
}

.article .mokuji_list li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 17px;
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.article .mokui .mokuji_list li {
		padding-left: 15px;
	}
}
.article .mokui .mokuji_list li {
	padding-left: 0 !important; /* 目次マーカー非表示テスト */
}

.article .mokuji_list li::before {
	content: "";
	position: absolute;
	display: block;
	top: 6px;
	left: 3px;
	width: 6px;
	height: 6px;
	background-color: #f06464;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.article .mokuji_list li::before {
		top: 7px;
	}
}
.article .mokuji_list li::before {
	display: none !important; /* 目次マーカー非表示テスト */
}

.mokuji_list li a {
	text-decoration: underline;
}
.mokuji_list li a:hover {
	text-decoration: none;
}

/* 子見出し */
.article .mokuji_list .mokuji_list_sub {
	margin: 10px 0 18px 10px;
	font-size: .895em;
}
.article .mokuji_list .mokuji_list_sub li::before {
	top: 6px;
	left: 3px;
	width: 6px;
	height: 6px;
	background-color: #f49292;
	border-radius: 50%;
}


/* ライター募集
------------------------------------------------------ */
.article .writer_boshu {
	margin: 24px 40px 0;
	padding: 1em;
	border: 2px solid #fca501;
}
@media screen and (max-width: 1023px) {
	.article .writer_boshu {
		margin: 0 10px 20px;
	}
}

.article .writer_boshu .title {
	font-weight: bold;
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.article .writer_boshu .title {
		font-size: 1.6rem;
		text-align: center;
	}
}

.article .writer_boshu p {
	margin: .5em 0;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.article .writer_boshu p {
		font-size: 1.2rem;
	}
}

.article .writer_boshu a {
	display: block;
	width: 80%;
	margin: 0 auto;
	border-radius: 3px;
	background-color: #fca501;
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.article .writer_boshu a {
		width: 90%;
		font-size: 1.4rem;
		line-height: 3.6rem;
	}
	.article .writer_boshu a:hover {
		text-decoration: none;
	}
}


/* SNS・メディアリンク
テキストで使用 WAN-3269
------------------------------------------------------ */
.sns_media_link {
	margin: 20px auto;
	padding: 10px 40px;
	border: 2px solid #f7f7f7;
	border-right-width: 0;
	border-left-width: 0;
}
@media screen and (max-width: 767px) {
	.sns_media_link {
		width: auto;
		margin: 10px;
		padding-right: 0;
		padding-left: 0;
	}
}

.sns_media_link .title {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.sns_media_link .title {
		margin-bottom: 10px;
		font-size: 14px;
	}
}

.sns_media_link-list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.sns_media_link-list > div {
	flex: none;
	min-width: 25%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.sns_media_link-list > div span {
		display: none;
	}
}
@media screen and (max-width: 559px) {
	.sns_media_link-list > div {
		width: 20%;
		min-width: auto;
	}
}

.sns_media_link-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5em 1em;
	border: 1px solid;
	border-radius: 3px;
	color: inherit;
	font-weight: bold;
}
.sns_media_link-list a:hover {
	text-decoration: none;
}
.sns_media_link-list .icon {
	flex: none;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background-position: center;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
	.sns_media_link-list .icon {
		margin-right: 0;
	}
}

.sns_media_link-list .twitter,
.sns_media_link-list .facebook,
.sns_media_link-list .insta,
.sns_media_link-list .line {
	color: #fff;
}

/* アイコン */
.sns_media_link-list .twitter .icon {
	background-image: url(../images/sns/twitter-fff.svg);
}
.sns_media_link-list .facebook .icon {
	background-image: url(../images/sns/facebook-fff.svg);
}
.sns_media_link-list .insta .icon {
	background-image: url(../images/sns/instagram-fff.svg);
}
.sns_media_link-list .line .icon {
	background-image: url(../images/sns/line-fff.svg);
}
.sns_media_link-list .googlenews .icon {
	background-image: url(../images/sns/google_news.svg);
}

/* 色 */
.sns_media_link-list .twitter a {
	border-color: #2593d6;
	background-color: #2593d6;
}
.sns_media_link-list .facebook a {
	border-color: #3e5991;
	background-color: #3e5991;
}
.sns_media_link-list .insta a {
	padding: calc(.5em + 1px) calc(1em + 1px);
	border-width: 0;
	background-color: #999;
	background-image: url(../images/sns/insta_bg_w300.png);
	background-size: cover;
}
.sns_media_link-list .line a {
	border-color: #00c300;
	background-color: #00c300;
}
.sns_media_link-list .googlenews a {
	border-color: currentColor;
	background-color: #fff;
	color: #444;
}


/*-------------------------*/
/*  ページ最上部広告       */
.detail_pagetop_ad {
	text-align: center;
	background-color: #f5f5f5;
}

/*-------------------------*/
/*  header_ad               */
.detail_header__ad {
	margin-top: 24px;
	margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
	.detail_header__ad {
		clear: both;
		margin-top: 16px;
		text-align: center;
	}
}

/* embedページのみ表示 */
.page_embed .detail_header__ad {
	display: block;
	margin-top: 0;
	margin-bottom: 24px;
}

.detail_header__ad .ad-slot > div,
.detail_header__ad .ad-height > div {
	display: inline-block;
}
.detail_header__ad img {
	vertical-align: bottom;
}

@media screen and (max-width: 1023px) {
	.detail_header__ad .ad-slot > div,
	.detail_header__ad .ad-height > div {
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1023px) {
	.detail_header__ad .article_ad_left {
		display: none;
	}
}


/* 広告表記
------------------------------ */
.ad_notation {
	font-size: 1.2rem;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.ad_notation {
		font-size: 1rem;
	}
	.thumbnail + .ad_notation {
		margin-top: -15px;
		margin-bottom: 15px;
		padding: 0 .5em;
	}
}


/*----------------------------*
/* 記事本文
/*----------------------------*/
.page_reports_detail .article_body {
	padding: 0 40px;
	font-size: 16px;
	line-height: 1.8;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .article_body {
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 1.4rem;
	}
}

/* 記事文中広告
------------------------------ */
@media screen and (max-width: 1023px) {
	.article_body .ad_kizi_in {
		text-align: center;
	}
}

/*----------------------------*
/* こちらもおすすめ
/*----------------------------*/
.article_body_bottom_recommend {
	padding: 20px;
}
.article_body_bottom_recommend_title {
	font-size: 16px;
	font-weight: bold;
}
.article_body_bottom_recommend_list {
	border-top: 1px solid #eee;
}
.article_body_bottom_recommend_list li {
	border-bottom: 1px solid #eee;
	position: relative;
	display: table;
	width: 100%;
}
.article_body_bottom_recommend_list li a {
	padding: 10px 20px 10px 0;
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}
.article_body_bottom_recommend_list .text {
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
	color: #f06464;
	width: 30px;
}
.article_body_bottom_recommend_list .icon::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	background: #000 url('../images/osusume/article_body_bottom_recommend_list.png') no-repeat center;
	background-size: 8px;
}

@media screen and (max-width: 1023px) {
	.article_body_bottom_recommend {
		padding: 0;
		margin-bottom: 20px;
	}
	.article_body_bottom_recommend_title {
		padding: 5px;
		font-size: 1rem;
		background: #f5f5f5;
	}
	.article_body_bottom_recommend_list {}
	.article_body_bottom_recommend_list li a {
		height: 50px;
	}
	.article_body_bottom_recommend_list .text {
		font-size: 1rem;
	}
}

/*----------------------------*
/* footer
/*----------------------------*/


/*-------------------------*/
/*  記事ページリンク       */
.article_page_link {
	text-align: center;
	padding: 10px 0;
	margin: 10px 0 0;
	background: #EFF2F5;
}
.article_page_link .note {
	font-size: 12px;
	color: #999;
}
.article_page_link li {
	display: inline-block;
	margin: 10px 5px;
	vertical-align: top;
}
.article_page_link .page_now {
	border: 1px solid #e07171;
	color: #fff;
	font-weight: bold;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	background: #f48185;
	background: linear-gradient(to bottom, #f48185 0%, #f07070 100%);
}
.article_page_link .page_link a {
	display: block;
	background: #fff;
	border: 1px solid #e07171;
	color: #e07171;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	transition: all 0s ease;
}
.article_page_link .page_link a:hover {
	color: #fff;
	text-decoration: none;
	transition: all 0s ease;
	background: #f48185;
	background: linear-gradient(to bottom, #f48185 0%, #f07070 100%);
}
.article_page_link .next_page a {
	background: url('../images/osusume/next_page.png') no-repeat center;
	background-size: cover;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 40px;
	width: 137px;
	height: 40px;
}
.article_page_link .next_page a:hover {
	text-decoration: none;
}

@media screen and (max-width: 1023px) {
	.article_page_link {
		margin: 0 0 10px;
	}
	.article_page_link li {
		margin: 10px 3px;
	}
	.article_page_link .note {
		display: none;
	}
}

/* 記事ページャー
------------------------------ */
.article_pager {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	background-color: #f6f7f9;
}
.article_pager > div {
	flex: 1;
}
.article_pager .next_page {
	text-align: right;
}
.article_pager .page_info {
	text-align: center;
}
.article_pager .link {
	display: block;
	color: #444;
	font-size: 1rem;
}
.article_pager .link a {
	display: block;
	position: relative;
	padding: 25px 0;
}
.article_pager .link a:hover {
	text-decoration: none;
}
.article_pager .link.prev_page a {
	padding-left: 32px;
}
.article_pager .link.next_page a {
	padding-right: 32px;
}
.article_pager .link a::after {
	content: "";
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	top: 50%;
	margin-top: -8px;
	border: 0 solid #71777b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.article_pager .link.next_page a::after{
	right: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
}
.article_pager .link.prev_page a::after{
	left: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


/* 記事ページャー：nextタイトル付き
------------------------------ */
.article_pager_with_title {
	padding-top: 12px;
	background-color: #ebeef1;
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
}
.article_pager_with_title .next_title {
	margin: 0 10px;
}
.article_pager_with_title .next_title a {
	display: block;
	padding: 1em;
	border-radius: 4px;
	background-color: #f56766;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.article_pager_with_title .pager_num {
	padding: 12px 10px 7px;
}
@media screen and (min-width: 1024px) {
	.article_pager_with_title .pager_num {
		padding: 20px;
	}
}

.article_pager_with_title .pager_num ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.article_pager_with_title .pager_num ul li {
	margin: 0 3px 5px;
}
.article_pager_with_title .pager_num ul a,
.article_pager_with_title .pager_num ul .current span {
	display: block;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border: 1px solid #f56766;
	background-color: #fff;
	color:#f56766;
	font-weight: bold;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	word-wrap: normal;
	overflow-wrap: normal;
}
.article_pager_with_title .pager_num ul a:hover {
	text-decoration: none;
}
.article_pager_with_title .pager_num ul .current span {
	border:1px solid #f56766;
	background:#f56766;
	color:#fff;
}
.article_pager_with_title .pager_num ul li.prev,
.article_pager_with_title .pager_num ul li.next {
	display:none;
}

/*-------------------------*/
/*     記事下部広告        */
.detail_footer__ad {
	padding: 0 0 20px;
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
}
.detail_footer__ad > div {
	display: inline-block;
	width: 336px;
	min-height: 280px;
	vertical-align: top;
}
.detail_footer__ad > div a {
	text-decoration: underline;
}
.detail_footer__ad > div .ad_border {
	border: 1px solid #eee;
	min-height: 280px;
	box-sizing: border-box;
}
.detail_footer__ad .detail_footer__ad--1 .ad-slot > div {
	display: inline-block;
}

@media screen and (max-width: 1023px) {
	.detail_footer__ad {
		margin: 16px 0px;
		padding-bottom: 0;
	}
	
	/* ハンドブック用の調整 */
	.osusume_hb .detail_footer__ad {
		margin-right: 0;
		margin-left: 0;
	}
	
	.detail_footer__ad > div {
		margin: 0;
		padding-top: 0;
		border: none;
		width: 100%;
		min-height: inherit;
	}
	.detail_footer__ad .detail_footer__ad--2 {
		display: none;
	}
	.detail_footer__ad img {
		max-width: 630px;
		height: auto;
	}
}


/*----------------------------*
/* テキストの広告
/*----------------------------*/
.text_ad .text_ad_title {
	background: url('../images/osusume/line.png') repeat-x bottom;
	padding: 5px 0;
	margin: 3px 30px 5px;
	font-size: 20px;
	font-weight: bold;
}
.text_ad .text_ad_note {
	text-align: left;
	margin: 0 6px;
	color: #202020;
}
.text_ad .text_ad_note p {
	margin-bottom: 5px;
	padding: 0 5px;
	font-size: 13px;
}
.text_ad .text_ad_note ul {
	margin-top: 10px;
}
.text_ad .text_ad_note li {
	margin-bottom: 0;
	margin-bottom: -5px;
}
.text_ad .text_ad_note li a {
	display: block;
	border: 1px solid #f44669;
	color: #f44669;
	position: relative;
	text-decoration: none;
	padding: 10px 5px;
	font-size: 13px;
	margin-bottom: 0;
	border-radius: 3px;
	transition: all 0s ease;
}
.text_ad .text_ad_note li a:hover {
	text-decoration: none;
	border: 1px solid #f44669;
	color: #f44669;
	background: #fdeff2;
}
.text_ad .text_ad_note li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #f44669;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}


/*-------------------------*/
/*  PC 本文下部  シェアボタン     */
.pc_bottom_sns {
	margin: 10px 0;
	display: block;
}
@media screen and (max-width: 767px) {
	.pc_bottom_sns {
		margin: 10px 0;
		display: none;
	}
}

.pc_bottom_sns .pc_bottom_sns_inner {
	text-align: right;
}
.pc_bottom_sns .pc_bottom_sns_inner li {
	display: inline-block;
	vertical-align: top;
}

/*-------------------------*/
/*  SP 本文下部  シェアボタン     */
.sp_bottom_sns {
	display: none;
}

@media screen and (max-width: 767px) {
	.sp_bottom_sns {
		display: block;
		margin: 10px;
		border: 1px solid #eee;
		border-radius: 3px;
	}
	.sp_bottom_sns_btn {
		background: url(../images/osusume/sp_sns_btn.png) no-repeat left 15px center;
		background-size: 63px auto;
		color: #999;
		text-align: right;
		position: relative;
		line-height: 44px;
	}
	.sp_bottom_sns_btn::after {
		content: '+';
		color: #666;
		display: inline-block;
		margin: 0 15px;
	}
	.sp_bottom_sns_btns_wrap {
		padding: 15px;
		display: none;
	}
}

.social_share_bottom {
	margin-bottom: 15px;
}
.social_share_bottom .social_share_bottom_title {
	color: #444;
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.social_share_bottom>div {
	width: 40%;
}
.social_share_bottom>div.hatena {
	margin: 20px auto 10px;
}
.social_share_bottom ul {
	text-align: center;
}
.social_share_bottom li {
	display: inline-block;
	margin: 0 5px;
}
.social_share_bottom li a {
	color: #fff;
	font-size: 16px;
	display: block;
	height: 72px;
	line-height: 74px;
	width: 340px;
	text-align: center;
	border-radius: 3px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.social_share_bottom .facebook a {
	background: #3b5998 url('../images/osusume/bottom_facebook_pc.png') no-repeat left center;
	background-size: contain;
}
.social_share_bottom .twitter a {
	background: #42a6e3 url('../images/osusume/bottom_twitter_pc.png') no-repeat left center;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	.social_share_bottom {
		margin: 15px 10px;
		max-width: 100%;
	}
	.social_share_bottom .social_share_bottom_title {
		display: none;
	}
	.social_share_bottom .deg_social_list {
		text-align: center;
	}
	.social_share_bottom .deg_social_list li {
		width: 44%;
		margin: 0 2%;
	}
	.social_share_bottom .deg_social_list a {
		padding: 0;
		height: 45px;
		width: 100%;
		font-size: 14px;
		padding-top: 0;
		padding-left: 20px;
		line-height: 45px;
		box-sizing: border-box;
		text-indent: 0;
		white-space: nowrap;
		overflow: inherit;
	}
	.social_share_bottom .deg_social_list .twitter a {
		background: #00b1eb url('../images/osusume/bottom_twitter_sp.png') no-repeat left 10px center;
		background-size: 24px auto;
		border-bottom: 4px solid #0099cb;
	}
	.social_share_bottom .deg_social_list .facebook a {
		background: #3b5998 url('../images/osusume/bottom_facebook_sp.png') no-repeat left 10px center;
		background-size: 26px auto;
		border-bottom: 4px solid #284180;
	}
	.social_share_bottom .deg_social_list .line a {
		background: #0ace00 url('../images/osusume/bottom_line_sp.png') no-repeat top 4px center;
		background-size: 26px auto;
		padding-left: 0;
		border-bottom: 4px solid #09bc00;
		text-decoration: none;
	}
}

/*-------------------------*/
/* LINEアカウント　リンク   */
.detail_bottom_line {
	display: none;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.detail_bottom_line {
		display: block;
	}
}

.detail_bottom_line img {
	max-width: 100%;
}

/*-------------------------*/
/* Facebook いいねボタン   */
.facebook_like_btn {
	overflow: hidden;
	background: #f5f5f5;
	display: table;
	margin-bottom: 50px;
	width: 100%;
}
.facebook_like_btn > div {
	height: 200px;
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.facebook_like_btn .come {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.facebook_like_btn .come_sub {
	text-align: center;
	font-size: 12px;
	color: #aaaaaa;
	padding: 15px 10px 0;
}
.facebook_like_btn .fb-like {
	text-align: center;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

@media screen and (max-width: 1023px) {
	.facebook_like_btn_wrap {
		margin: 0 10px;
	}
	.facebook_like_btn {
		margin: 0 0 15px;
	}
	.facebook_like_btn > div {
		height: 100px;
	}
	.facebook_like_btn .come {
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 10px;
		line-height: 1.4;
	}
	.facebook_like_btn .come_sub {
		display: none;
	}
	.facebook_like_btn .fb-like {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*------------------------------*/
/*  SNS フォローボタン   */
@media screen and (max-width: 1023px) {
	.sns_follow_btn {
		background: #f5f5f5;
		padding: 10px 5px 8px;
	}
	.sns_follow_btn li {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
	}
}

/* ソーシャルボタン
------------------------------ */
.sns_group {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
	margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
	.sns_group {
		margin-top: 15px;
		padding: 0 35px;
	}
}

.sns_group .item {
	width: 170px;
	background-color: #fdd;
	border-radius: 4px;
}
@media screen and (max-width: 1023px) {
	.sns_group .item {
		width: 23%;
	}
}

.sns_group .item.hatena { background-color: #00a4de; }
.sns_group .item.facebook { background-color: #4172b8; }
.sns_group .item.twitter { background-color: #1da1f2; }
.sns_group .item.pocket { background-color: #ef3f56; }
.sns_group .item.line { background-color: #00c300; }
.sns_group .item a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
@media screen and (max-width: 1023px) {
	.sns_group .item a {
		height: 35px;
	}
}

.sns_group .item img {
	width: 23px;
}


/*---------------------------*/
/*   記事詳細の見出し  */
.detail_footer__title {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.detail_footer__title {
		font-size: 1.2rem;
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
		padding-bottom: 2px;
	}
}

/*----------------------------*
/*  この記事を読んだあなたにおすすめ
/*----------------------------*/
#_XL_recommend {
	margin-bottom: 10px !important;
}
@media screen and (max-width: 1023px) {
	#_XL_recommend {
		margin-bottom: 0 !important;
	}
}

/*----------------------------*
/*  合わせて読みたい
/*----------------------------*/
.detail_bottom_recommend {
	margin: 0 0 50px 0;
}
@media screen and (max-width: 1023px) {
	.detail_bottom_recommend {
		margin: 0 0 30px 0;
	}
}

/*----------------------------*
/*  関連記事
/*----------------------------*/
.recommended_reports_list {
	padding: 0;
	margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
	.recommended_reports_list {
		padding: 0;
		margin: 0 10px 23px;
	}
}

/*---------------------------*/
/*   この記事のキーワード  */
.osusume_detail .article_keyword {
	margin-bottom: 20px;
}
.osusume_detail .article_keyword ul {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.osusume_detail .article_keyword li {
	display: inline-block;
	margin: 15px 6px 15px 0;
}
.osusume_detail .article_keyword li a {
	font-size: 16px;
	color: #666;
	text-decoration: underline;
}

@media screen and (max-width: 1099px) {
	.osusume_detail .article_keyword {
		margin: 0 0 20px 12px;
	}
	.osusume_detail .article_keyword ul {
		display: block;
	}
	.osusume_detail .article_keyword li {
		font-size: 14px;
		margin: 6px 5px 6px 0;
	}
	.osusume_detail .article_keyword li a {
		font-size: 14px;
	}
}

/*-------------------------*/
/*  記事下部のライター     */
.page_reports_detail .bottom_writer {
	margin-bottom: 0;
}
.page_reports_detail .bottom_writer .article_writer {
	border: 4px solid #eee;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	display: block;
}
.page_reports_detail .bottom_writer .article_writer .title {
	color: #202020;
	margin-bottom: 15px;
}
.page_reports_detail .bottom_writer .article_writer .writer_img {
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin-right: 15px;
	border-radius: 80px;
}
.page_reports_detail .bottom_writer .article_writer .writer_img img {
	width: 100%;
}
.page_reports_detail .bottom_writer .article_writer .writer_info {
	margin-left: 95px;
}
.page_reports_detail .bottom_writer .article_writer .names li {
	display: inline-block;
	margin-right: 10px;
}
.page_reports_detail .bottom_writer .article_writer .name {
	font-size: 12px;
}
.page_reports_detail .bottom_writer .article_writer .name a {
	font-weight: bold;
	font-size: 16px;
	color: #ff7676;
	padding-right: 3px;
	text-decoration: underline;
}
.page_reports_detail .bottom_writer .article_writer .name a:hover {
	text-decoration: none;
}
.page_reports_detail .bottom_writer .article_writer .writer_posts li {
	margin: 5px 0;
	background: url('../images/osusume/arrow.png') no-repeat left 7px;
	padding-left: 15px;
	font-size: 14px;
}
.page_reports_detail .bottom_writer .article_writer .writer_posts a {
	color: #202020;
}
.page_reports_detail .bottom_writer .article_writer .writer_page {
	margin-top: 15px;
}
.page_reports_detail .bottom_writer .article_writer .writer_page a {
	padding: 5px 30px 5px 20px;
	background: #f8f8f8 url('../images/osusume/arrow2.png') no-repeat 95% center;
	background-size: 10px;
	display: inline-block;
	border-radius: 50px;
}

@media screen and (max-width: 1023px) {
	.page_reports_detail .bottom_writer .article_writer {
		text-align: center;
		font-size: 1.2rem;
		border: none;
		padding: 0;
	}
	.page_reports_detail .bottom_writer .article_writer .title {
		margin-bottom: 8px;
	}
	.page_reports_detail .bottom_writer .article_writer .writer_img {
		width: 40px;
		height: 40px;
		display: table-cell;
		float: none;
	}
	.page_reports_detail .bottom_writer .article_writer .writer_img img {
		border-radius: 40px;
	}
	.page_reports_detail .bottom_writer .article_writer .writer_info {
		margin-left: 0;
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px;
		text-align: left;
	}
	.page_reports_detail .bottom_writer .article_writer .writer_posts {
		display: none;
	}
	.page_reports_detail .bottom_writer .article_writer .names li {
		margin-right: 0;
	}
	.page_reports_detail .bottom_writer .article_writer .name {
		font-size: 10px;
	}
	.page_reports_detail .bottom_writer .article_writer .name a {
		font-weight: normal;
		font-size: 1.4rem;
		color: #444;
	}
	.page_reports_detail .bottom_writer .article_writer .business {
		font-size: 1rem;
		margin: 5px 0;
		line-height: 1.6;
		color: #999;
	}
}


/* アプリ専用リンク
------------------------------ */
.article_body .read_only_app {
	margin-top: 2.5em;
	margin-bottom: 60px;
	padding: 28px;
	background-image: linear-gradient(to right, #999, #999 2px, transparent 2px, transparent 6px);
	background-size: 8px 2px;
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
}
@media screen and (max-width: 1023px) {
	.article_body .read_only_app {
		padding: 20px 0;
	}
}

.article_body .read_only_app p {
	margin-top: 0;
	margin-bottom: 22px;
	font-weight: bold;
	font-size: 14px;
}
@media screen and (max-width: 1023px) {
	.article_body .read_only_app p {
		margin-bottom: 10px;
		line-height: 1.5;
		text-align: left;
	}
}

/* リンクボタン */
.article_body .read_only_app .app_link a {
	display: inline-block;
	background: #ef8080;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	width: 365px;
	border-radius: 6px;
}
@media screen and (max-width: 1023px) {
	.article_body .read_only_app .app_link a {
		width: 100%;
		margin-bottom: 0;
		font-size: 1.4rem;
		line-height: 4.4rem;
	}
}


/*---------------------------*/
/*お気に入りを登録しました*/
.osusume_detail {
	position: relative;
}
.osusume_detail .msg_view .msg_view {
	background: #f06464;
	color: #fff;
	position: absolute;
	width: 200px;
	padding: 10px 20px;
	border-radius: 10px;
	top: 70px;
	left: 50%;
	margin-left: -110px;
	z-index: 999;
}

@media screen and (max-width: 767px) {
	.page_reports_detail .article_body iframe {
		max-width: 100%;
	}
}

/*----------------------------*
/* 下部のカテゴリ一覧
/*----------------------------*/
.detail_search .title {
	color: #202020;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.detail_search .search_cate {
	margin-bottom: 10px;
}
.detail_search .cate_list {
	overflow: hidden;
	margin-left: -10px;
}
.detail_search .cate_list li {
	width: 25%;
	padding: 0 10px;
	float: left;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.detail_search .cate_list li a {
	border: 1px solid #eeeeee;
	display: block;
	text-align: center;
	line-height: 47px;
	padding: 0;
	border-radius: 3px;
	box-sizing: border-box;
}
.detail_search .cate_list li a:hover {
	text-decoration: none;
}
.detail_search .cate_list img {
	float: left;
	width: 46px;
	height: auto;
	margin-right: 5px;
	border-radius: 46px;
}
.detail_search .cate_list .cate_link a {
	border: none;
	text-align: center;
	text-decoration: underline;
	padding: 0;
}

@media screen and (max-width: 1023px) {
	.detail_search {
		display: none;
	}
}

/*----------------------------*
/* キーワードでさがす
/*----------------------------*/
.detail_search .stitle {
	color: #202020;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.detail_search .search_key .search_key_inner {
	border: 1px solid #eee;
	display: block;
	padding: 20px;
	border-radius: 3px;
	box-sizing: border-box;
}

/*検索フォーム*/
.detail_search .search_key .form {
	width: 500px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.detail_search .search_key .form .gsc-input input {
	vertical-align: top;
	line-height: 50px;
	padding: 0 10px;
	width: 100%;
	height: 50px;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
}
.detail_search .search_key .form .gsc-search-button input {
	vertical-align: top;
	background: #ccc;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	width: 100px;
	height: 50px;
	line-height: 50px;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border-radius: 3px;
}
.detail_search .search_key .form .gsc-clear-button {
	display: none;
}

/*タグ一覧*/
.detail_search .search_key .tag .note {
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}
.detail_search .search_key .tag_list {
	font-size: 12px;
}
.detail_search .search_key .tag_list li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.detail_search .search_key .tag_list li a {
	background: url('../images/osusume_tag.png') no-repeat 3px center;
	background-size: 13px auto;
	border: 1px solid #eee;
	font-size: 12px;
	vertical-align: middle;
	height: 24px;
	line-height: 24px;
	display: block;
	padding: 0px 7px 0 21px;
	border-radius: 3px;
}
.detail_search .search_key .tag_list li a:hover {
	background-color: #fff2f2;
	text-decoration: none;
}


/*============================================================================*
/* タグページ
/*============================================================================*/
.deg_content_frame .tab_memo {
	padding: 10px 5px;
	border-bottom: solid 1px #EEE;
	margin: 0 .6em;
}

@media screen and (max-width: 1023px) {
	.deg_content_frame .tab_memo {
		margin: 0;
		padding: 10px;
	}
	.tag_reports_list .deg_article_list {
		margin-left: 15px;
	}
	.tag_reports_list .deg_article_list a {
		padding: 10px 0;
	}
}


/*============================================================================*
/* カテゴリ一覧
/*============================================================================*/
/* ヘッダー
------------------------------------------------------ */
.category_list_title_wrap {
	margin-top: -50px;
	padding: 55px 0;
	background: url('../images/osusume/cate/cate_list_header_bg.jpg') no-repeat center;
	background-size: cover;
	color:#fff;
}
@media screen and (max-width: 1023px) {
	.category_list_title_wrap {
		margin-top: -20px;
		padding: 46px 0;
	}
}

.category_list_title_wrap .category_list_title {
	margin-bottom: 45px;
	font-size: 30px;
	text-align: center;
}
@media screen and (max-width: 1023px) {
	.category_list_title_wrap .category_list_title {
		margin-bottom: 0;
		font-size: 1.5rem;
	}
}

.category_list_title_wrap .text {
	font-size: 86%;
	line-height: 1.6em;
}
@media screen and (max-width: 1023px) {
	.category_list_title_wrap .text {
		display: none;
	}
}

/*----------------------------*
/* カテゴリタイトル
/*----------------------------*/
.cate_head {
	padding: 20px 0 10px;
}
.cate_head .deg_page_title {
	padding: 0;
	font-size: 24px;
	color: #000;
}
@media screen and (max-width: 1023px) {
	.cate_head .deg_page_title {
		border-bottom: none;
	}
}

.cate_head .cate_dis {
	font-size: 12px;
	color: #888888;
	line-height: 1.5;
}

/*----------------------------*
/* カテゴリ概要文
/*----------------------------*/
.cate_page .cate_desc {
	margin: 0 7px 10px;
}
@media screen and (max-width: 1023px) {
	.cate_page .cate_desc {
		margin: 10px 10px 0;
	}
}

.cate_page .cate_desc .cate_desc_text {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #888;
}

/*----------------------------*
/* 切り替えのタブ
/*----------------------------*/
.cate_list_tab {
	font-size: 1.2rem;
	overflow: hidden;
	text-align: center;
}
@media screen and (min-width: 1024px) {
	.cate_list_tab {
		display: none;
	}
}

.cate_list_tab li {
	width: 50%;
	float: left;
	line-height: 4.5rem;
}
.cate_list_tab .on {
	font-weight: 700;
	border-bottom: 2px solid #ef8080;
}
.cate_list_tab .off {
	border-bottom: 2px solid #eee;
}


/* カテゴリーリスト
------------------------------------------------------ */
#main.cat_list {
	width: 1100px;
}
@media screen and (max-width: 1023px) {
	#main.cat_list {
		width: 100%;
	}
}
.cat_list .cate_list_wrap {
	margin-top: 36px;
	margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
	.cat_list .cate_list_wrap {
		margin-top: 20px;
	}
}

/* 細かいカテゴリをみるボタン */
.cat_list .category_list_link {
	display:block;
	margin:30px auto 50px;
	background:#ef8080;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:60px;
	width:400px;
	border-radius: 6px;
}
@media screen and (max-width: 1023px) {
	.cat_list .category_list_link {
		display: none;
	}
}


/* 大カテ
------------------------------ */
.cat_list .big_cate_list {
	display: flex;
	flex-flow: row wrap;
}
@media screen and (max-width: 1023px) {
	.cat_list .big_cate_list {
		display: block;
		margin: 10px 10px 30px 10px;
	}
}

.cat_list .big_cate_list li {
	flex: none;
	width: 50%;
	margin-bottom: 20px;
	padding-right: 7px;
	box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
	.cat_list .big_cate_list li {
		width: auto;
		margin-bottom: 10px;
		padding-right: 0;
		padding-left: 0 !important;
	}
}

.cat_list .big_cate_list li:nth-child(even) {
	padding-right: 0;
	padding-left: 7px;
}

.cat_list .big_cate_list li a {
	display: flex;
	align-items: center;
	background-color: #f9f9f9;
	border-radius: 6px;
	overflow: hidden;
}
.cat_list .big_cate_list li a:hover {
	text-decoration: none;
}
.cat_list .big_cate_list li a:hover img {
	opacity: .8;
}
.cat_list .big_cate_list .category_img {
	flex: none;
	width: 140px;
}
@media screen and (max-width: 1023px) {
	.cat_list .big_cate_list .category_img {
		width: 90px;
	}
}

.cat_list .big_cate_list .category_info {
	flex: auto;
	min-width: 0;
	padding: 0 20px;
	word-wrap: break-word;
	overflow-wrap : break-word;
}
@media screen and (max-width: 1023px) {
	.cat_list .big_cate_list .category_info {
		padding: 0 10px;
	}
}

.cat_list .big_cate_list .category_info .category_title {
	margin-bottom: 15px;
	font-size: 20px;
}
@media screen and (max-width: 1023px) {
	.cat_list .big_cate_list .category_info .category_title {
		margin-bottom: 6px;
		font-weight: bold;
		font-size: 1.4rem;
	}
}

.cat_list .big_cate_list .category_info .category_dis {
	color: #aaa;
	font-size: 1.2rem;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 子カテ
------------------------------ */
.cat_list .cate_list_sub_block {
	display: none;
}
.cat_list .cate_list_sub {
	display: flex;
	flex-flow: row wrap;
	margin-right: -36px;
}
@media screen and (max-width: 1023px) {
	.cat_list .cate_list_sub {
		display: block;
		margin-right: 0;
	}
}

.cat_list .cate_list_sub .cate_list_sub_inner {
	flex: none;
	width: 33.333%;
	width: calc(100% / 3);
	margin-bottom: 50px;
	padding-right: 36px;
	box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
	.cat_list .cate_list_sub .cate_list_sub_inner {
		width: auto;
		margin-bottom: 20px;
		padding-right: 0;
	}
}

.cat_list .cate_list_sub .cate_list_sub_inner .sub_cate_list_title {
	padding-bottom: 5px;
	border-bottom: 4px solid #eee;
	font-weight: bold;
	font-size: 14px;
}
@media screen and (max-width: 1023px) {
	.cat_list .cate_list_sub .cate_list_sub_inner .sub_cate_list_title {
		padding: 5px 15px;
		border-bottom: none;
		background: #ef8080;
		color: #fff;
		font-size: 1.4rem;
	}
}

.cat_list .cate_list_sub .detail_list a {
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	line-height: 40px;
}
@media screen and (max-width: 1023px) {
	.cat_list .cate_list_sub .detail_list a {
		padding: 0 15px;
		font-size: 1.2rem;
		line-height: 4rem;
	}
}

.cat_list .cate_list_sub .detail_list a:hover {
	text-decoration: none;
}
.cat_list .cate_list_sub .detail_list a::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 4px;
	height: 4px;
	margin-top: -3px;
	border-top: 2px solid #ef8080;
	border-right: 2px solid #ef8080;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* カテゴリ内記事本文
------------------------------ */
.sub_cate_body.tmp_text {
	padding: 0;
	font-size: 16px;
}
@media screen and (max-width: 1023px) {
	.sub_cate_body.tmp_text {
		padding: 0 10px;
		font-size: 1.4rem;
	}
}


/*============================================================================*
/* 大カテゴリ
/*============================================================================*/
.big_cate_back_btn {
	display: none;
}

/* 記事一覧 */
/* (スマホ向けはほぼosusume_templateにあり) */
@media screen and (min-width: 1024px) {
	.cate_detail_list li > a {
		padding: 10px 0;
	}
	.cate_detail_list li .img {
		width: 120px;
		height: 80px;
	}
	.cate_detail_list li .detail {
		margin-left: 130px;
	}
	.cate_detail_list li .title_wrap {
		min-height: 0;
	}
	.cate_detail_list li .title {
		font-size: 16px;
		font-weight: normal;
	}
}

.cate_detail_list li .info {
	font-size: 11px;
	color: #aaa;
}
@media screen and (max-width: 1023px) {
	.cate_detail_list li .info {
		font-size: 10px;
	}
}

.cate_detail_list li .info .writer_name {
	display: block;
	float: right;
}
@media screen and (max-width: 1023px) {
	.cate_detail_list li .info .writer_name {
		margin-right: 0;
	}
}


@media screen and (max-width: 1023px) {
	.cate_detail_list {
		margin-top: 10px;
	}
	.cate_detail_list .cate_list_title {
		margin-left: 10px;
		margin-bottom: 0;
	}
	.cate_detail_list .deg_article_list {
		/*margin-top: -10px;*/
		padding-bottom: 10px;
	}
	.big_cate_back_btn {
		display: block;
		margin-bottom: 20px;
	}
	.big_cate_back_btn a {
		display: block;
		background: #f5f5f5;
		color: #666;
		line-height: 44px;
		text-align: center;
	}
	.big_cate_back_btn a img {
		width: 26px;
		height: auto;
		margin-right: 5px;
		vertical-align: middle;
	}
	.cate_detail_list .deg_article_list li > a {
		padding: 10px;
	}
}

/*----------------------------*
/* サブカテゴリ-*/
.cate_page .sub_cate_list {
	margin: 0 0 10px 0;
	overflow: hidden;
}
.cate_page .sub_cate_list_title {
	margin-top: 10px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #444;
}
.cate_page .sub_cate_list li {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 12px;
	margin-right: 3px;
}
.cate_page .sub_cate_list a {
	background: url('../images/osusume/cate/cate_icon.png') no-repeat left 12px center;
	background-size: 10px;
	border: 1px solid #eee;
	display: block;
	padding: 7px 10px 7px 30px;
	color: #666;
	font-size: 12px;
	border-radius: 3px;
}

/*中カテのカテゴリ一覧*/
.cate_page .sub_cate_list.medium_list {
	display: none;
}


@media screen and (min-width: 1024px) {
	.cate_head {
		background: none !important;
	}
}

@media screen and (max-width: 1023px) {
	.cate_head {
		padding: 20px;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	}
	.cate_head .back_cate {
		display: block;
	}
	.cate_head .back_cate a {
		display: block;
		background: #f5f5f5;
		color: #666;
		line-height: 44px;
		text-align: center;
	}
	.cate_head .sub_cate_list a {
		font-size: 1.1rem;
		padding: 3px 8px;
	}
	.cate_head .deg_page_title {
		font-size: 2rem;
		padding: 0;
		margin: 0;
		margin-bottom: 6px;
		color: #fff;
		font-weight: bold;
	}
	.cate_head .cate_dis {
		color: #fff;
	}
	.cate_page .sub_cate_list {
		margin: 0 0 10px 12px;
	}
	.cate_head .sub_cate_list li {
		margin-right: 5px;
		margin-bottom: 5px;
		width: 30%;
		text-align: center;
	}
	.cate_head .sub_cate_list li:nth-child(3n) {
		border: none;
	}
	/*中カテのカテゴリ一覧*/
	.cate_page .sub_cate_list.medium_list {
		display: block;
	}
}


/*============================================================================*
/* 検索結果
/*============================================================================*/
.page_search .gs-webResult.gs-result a.gs-title:link {
	text-decoration: none;
	font-weight: bold;
}
.page_search .gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.page_search .gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult:hover {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.page_search .gsc-results .gsc-cursor-box {
	margin-top: 20px;
	padding: 0 10px;
}
.page_search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	background-color: #eee;
}
.page_search .gsc-results .gsc-cursor-box .gsc-cursor-page {
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 10px;
	border: 1px solid #eee;
	border-radius: 3px;
}
.page_search div.gsc-control-cse {
	padding: 0;
}

/*============================================================================*
/*  ハンドブック
/*============================================================================*/

/*----------------------------*
/* ハンドブックとは
/*----------------------------*/
.osusume_handbook .top_osusume_handbook {
	border-bottom: 1px solid #dbdbdb;
}
@media screen and (max-width: 1023px) {
	.osusume_handbook .top_osusume_handbook {
		margin-top: 15px;
	}
}

.osusume_handbook .top_osusume_handbook .title {
	font-size: 35px;
	margin-bottom: 5px;
	text-align: center;
}
.osusume_handbook .top_osusume_handbook .note {
	font-size: 14px;
	color: #777;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 650px;
}
@media screen and (max-width: 1023px) {
	.osusume_handbook .top_osusume_handbook .title {
		font-size: 2rem;
		margin-bottom: 6px;
	}
	.osusume_handbook .top_osusume_handbook .note {
		width: 90%;
	}
	.osusume_handbook .deg_pager {
		border-bottom: none;
	}
}


/*----------------------------*
/*　一覧
/*----------------------------*/
.handbook_loop {
	overflow: hidden;
}
.handbook_loop .loop_title {
	margin: 25px 0;
	font-size: 20px;
}
.handbook_loop li {
	width: 31%;
	float: left;
	margin-right: 3.5%;
	margin-bottom: 35px;
}
.handbook_loop li:nth-child(3n) {
	margin-right: 0;
}
.handbook_loop a {
	display: block;
	border: 1px solid #eee
}
.handbook_loop .img {
	height: 205px;
	overflow: hidden;
}
.handbook_loop .img img {
	width: 100%;
	height: auto;
}
.handbook_loop .detail {
	padding: 10px 15px;
}
.handbook_loop .detail .text {
	height: 136px;
}
.handbook_loop .detail .title {
	font-size: 20px;
	font-weight: bold;
	color: #202020;
	margin-bottom: 10px;
	line-height: 1.5;
}
.handbook_loop .detail .pre_title {
	font-size: 12px;
}
.handbook_loop .detail .see_btn {
	background: #f44669;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 180px;
	line-height: 30px;
	margin: 5px auto;
	border-radius: 3px;
}

@media screen and (max-width: 1023px) {
	.handbook_loop .loop_title {
		margin: 15px 10px;
		font-size: 1.8rem;
	}
	.handbook_loop ul {
		margin: 0 10px;
	}
	.handbook_loop li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}
	.handbook_loop li:nth-child(3n) {
		margin-right: 4%;
	}
	.handbook_loop li:nth-child(2n) {
		margin-right: 0;
	}
	.handbook_loop a {
		border: none;
	}
	.handbook_loop .img {
		height: auto;
		overflow: inherit;
	}
	.handbook_loop .detail {
		padding: 0;
	}
	.handbook_loop .detail .title {
		font-size: 1.2rem;
	}
	.handbook_loop .detail .pre_title {
		display: none;
	}
	.handbook_loop .detail .text {
		height: auto;
	}
	.handbook_loop .detail .see_btn {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.handbook_loop li {
		width: 32.5%;
		float: none;
		margin-right: 1%;
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: top;
		margin-left: -3px;
	}
	.handbook_loop li:nth-child(3n+1) {
		margin-left: 0;
	}
}


/*----------------------------*
/* ハンドブックのshare
/*----------------------------*/
.osusume_handbook_share {
	margin-bottom: 45px;
}
.osusume_handbook_share .msg {
	text-align: center;
	margin-bottom: 20px;
}
.osusume_handbook_share .deg_social_list {
	text-align: center;
}
.osusume_handbook_share .deg_social_list li {
	display: inline-block;
}
.osusume_handbook_share .deg_social_list li a {
	width: 200px;
	display: block;
	color: #fff;
	line-height: 40px;
	border-radius: 3px;
}
.osusume_handbook_share .deg_social_list .facebook a {
	background: #3b5998;
}
.osusume_handbook_share .deg_social_list .twitter a {
	background: #42a6e3;
}
.osusume_handbook_share .deg_social_list .google a {
	background: #f14545;
}
.osusume_handbook_share .deg_social_list .line a {
	background: #41c633;
}

@media screen and (max-width: 1023px) {
	.osusume_handbook_share {
		margin: 20px 0;
	}
	.osusume_handbook_share .msg {
		margin-bottom: 10px;
	}
	.osusume_handbook_share .deg_social_list {
		text-align: center;
	}
	.osusume_handbook_share .deg_social_list li {
		display: inline-block;
		float: none;
		width: 22%;
	}
	.osusume_handbook_share .deg_social_list li a {
		width: 100%;
	}
}
.handbook_social_list li {
	display: inline-block;
	margin: .3em 10px 0 0;
	vertical-align: top;
	text-align: center;
}
.social_list_bottom .handbook_social_list {
	text-align: center;
}


/*----------------------------*
/* TOPへ
/*----------------------------*/
.osusume_top_btn a {
	border: 1px solid #ef8282;
	color: #ef8282;
	font-size: 20px;
	text-align: center;
	display: block;
	width: 470px;
	margin: 0 auto;
	padding: 30px 0;
	border-radius: 3px;
}
.osusume_top_btn a:hover {
	background: #f8f8f8;
	text-decoration: none;
}
@media screen and (max-width: 1023px) {
	.osusume_top_btn a {
		font-size: 16px;
		max-width: 470px;
		width: 80%;
		padding: 18px 10px;
	}
}


/*============================================================================*
/*  ハンドブック記事詳細
/*============================================================================*/
.page_reports_detail .article_title.handbook_title {
	padding: 20px 10px;
}
@media screen and (max-width: 1023px) {
	.page_reports_detail .article_title.handbook_title {
		display: inline-block;
		margin-bottom: 7px;
		padding: 0 10px;
	}
}

/*----------------------------*
/*  装飾
/*----------------------------*/
.osusume_hb .tmp_text .mtitle {
	border-bottom: solid 2px #ef8282;
	margin-bottom: .7em;
	margin-top: 3em;
	color: #242424;
	font-size: 28px;
	line-height: 1.5;
	font-weight: normal;
}
.osusume_hb .tmp_text .stitle {
	color: #242424;
	position: relative;
	padding: 0;
	padding-left: 10px;
	margin-bottom: .7em;
	margin-top: 3em;
	font-size: 1.3em;
	line-height: 1.3;
	font-weight: bold;
}
.osusume_hb .tmp_text .stitle:before {
	display: none;
}
.osusume_hb .tmp_text .link {
	margin: 30px 0;
}

/*----------------------------*
/*  TOPの目次　プルダウンあり*/ 
/*----------------------------*/
.osusume_hb .category_nav {
	border: 1px solid #e66969;
	margin-top: 1em;
	margin-bottom: 1em;
	z-index: 1;
}
.osusume_hb .category_nav::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.osusume_hb .category_nav > li {
	float: left;
	position: relative;
	width: 25%;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	background-color: #ef8282;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	transition-property: all;/*ふわっとさせる*/
	transition: 0.05s linear;/*ふわっとさせる*/
}
.osusume_hb .category_nav > li:last-child {
	border: none;
}
.osusume_hb .category_nav > li:hover {
	background-color: #e66969;
}
.osusume_hb .category_nav > li > a {
	display: block;
	background-color: #ef8282;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 12px 0;
	position: absolute;
	top: 0;
	text-decoration: underline;
}
.osusume_hb .category_nav > li > a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #f96082;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.osusume_hb .category_nav > li > a:hover {
	background-color: #fff;
	color: #f96082 !important;
}
.osusume_hb .category_detail_nav {
	display: none;
	position: absolute;
	width: 100%;
	top: 45px;
	z-index: 100;
}
.osusume_hb .category_detail_nav > li > a {
	display: block;
	background: #f8f8f8 url('../images/osusume_arrow_right.png') no-repeat 15px center;
	background-size: 10px;
	color: #666;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #E7E7E7;
	text-decoration: underline;
}
.osusume_hb .category_detail_nav > li > a:hover {
	background-color: #eee;
	text-decoration: none;
}

@media screen and (max-width: 1023px) {
	.osusume_hb .category_nav > li {
		width: 50%;
		border-bottom: 1px solid #fff;
	}
	.osusume_hb .category_nav > li:last-child {
		border-right: 1px solid #dbdbdb;
	}
	.osusume_hb .category_nav > li:nth-child(2n) {
		border-right: none;
	}
	.osusume_hb .category_nav > li > a {
		padding: 11px 0;
	}
	.osusume_hb .category_detail_nav > li > a {
		background: #f8f8f8 url('../images/osusume_arrow_right.png') no-repeat 8px center;
		background-size: 10px;
		text-align: left;
		padding-left: 26px;
		font-size: 1.3rem;
		box-sizing: border-box;
	}
}

/*----------------------------*
/*　TOPの目次　プルダウンなし
/*----------------------------*/
.osusume_hb .category_list {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.osusume_hb .category_list li {
	float: left;
	padding: 20px 5px;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
}
.osusume_hb .category_list li a {
	text-decoration: underline;
	font-size: 1.3em;
}

@media screen and (max-width: 1023px) {
	.osusume_hb .category_list {
		width: 100%;
	}
	.osusume_hb .category_list li {
		width: 50%;
		padding: 5px 5px 5px 0;
	}
	.osusume_hb .category_list li a {
		font-size: 1em;
	}
}

/*----------------------------*
/*各カテゴリの目次
/*----------------------------*/
.osusume_hb .content_table {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 1em;
	background-color: #f8f8f8;
	border-radius: 4px;
	box-sizing: border-box;
}
.osusume_hb .content_table li {
	width: 50%;
	float: left;
	margin: 5px 0;
	box-sizing: border-box;
}
.osusume_hb .content_table li a {
	background: #f8f8f8 url('../images/osusume_arrow_right.png') no-repeat 15px center;
	background-size: 10px;
	color: #666;
	font-size: 14px;
	padding-left: 35px;
	text-decoration: underline;
	line-height: 2;
}
.osusume_hb .content_table li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.osusume_hb .content_table {
		width: 100%;
	}
	.osusume_hb .content_table li a {
		background: #f8f8f8 url('../images/osusume_arrow_right.png') no-repeat left center;
		background-size: 10px;
		padding-left: 20px;
	}
}

/*----------------------------*
/*各リンク
/*----------------------------*/
/*一つだけのリンクの場合*/
.osusume_hb .link a {
	text-decoration: underline;
	color: #f96082;
	font-size: 14px;
	padding: 10px 20px 10px 30px;
	position: relative;
	font-weight: bold;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
}
.osusume_hb .link a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #f96082;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.osusume_hb .link a:hover {
	text-decoration: none;
}

/*トップリンク*/
.osusume_hb .link_list {
	margin-bottom: .5em;
}
.osusume_hb .link_list li {
	padding: 11px 0;
	margin-bottom: 10px;
}
.osusume_hb .link_list a {
	text-decoration: underline;
	color: #f96082;
	font-size: 14px;
	padding: 10px 20px 10px 30px;
	position: relative;
	font-weight: bold;
	border-radius: 4px;
}
.osusume_hb .link_list a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #f96082;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.osusume_hb .link_list a:hover {
	text-decoration: none;
}

/*詳細リンク*/
.osusume_hb .link_detail_list {
	margin-left: 3em;
}
.osusume_hb .link_detail_list li {
	padding: 11px 0;
}
.osusume_hb .link_detail_list a {
	text-decoration: underline;
	color: #7e6d6d;
	font-size: 14px;
	padding: 5px 20px 5px 30px;
	position: relative;
	font-weight: bold;
}
.osusume_hb .link_detail_list a::before {
	content: "";
	width: 16px;
	height: 16px;
	background: url('../images/osusume/link_detail_list.png') no-repeat center;
	background-size: contain;
	position: absolute;
	left: 11px;
	margin-top: 2px;
}
.osusume_hb .link_detail_list a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.osusume_hb .link a {
		display: block
	}
	.osusume_hb .link_list li {
		padding: 5px 0;
		margin-bottom: 0;
	}
	.osusume_hb .link_list a {
		display: block;
		font-size: 1.3rem;
		padding: 5px 20px 5px 30px;
	}
	.osusume_hb .link_detail_list {
		margin-left: 1em;
	}
	.osusume_hb .link_detail_list li {
		padding: 5px 0;
	}
	.osusume_hb .link_detail_list li p {
		margin-bottom: .5em;
	}
	.osusume_hb .link_detail_list a {
		font-size: 1.3rem;
	}
}

/*----------------------------*
/* 小さい画像
/*----------------------------*/
.osusume_hb .img_s {
	width: 300px;
}
.osusume_hb .img_s img {
	width: 100%;
}
@media screen and (max-width: 1023px) {
	.osusume_hb .img_s {
		max-width: 300px;
		width: 80%;
		margin: 0 auto;
	}
}


/*----------------------------*
/* dl
/*----------------------------*/
.osusume_hb .dl_list {
	margin-bottom: 2em;
}
.osusume_hb .dl_list dt {
	float: left;
	margin-right: 1em;
}
.osusume_hb .dl_list dd::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*----------------------------*
/* 線
/*----------------------------*/
.osusume_hb .line_dotted {
	height: 0;
	border: 0;
	border-top: 1px dotted #bbb;
}

/*----------------------------*
/* ふと文字
/*----------------------------*/
.osusume_hb .text_bold {
	font-weight: bold;
}

/*----------------------------*
/* 文字を小さく
/*----------------------------*/
.osusume_hb .text_smaill {
	font-size: .9em;
}

/*----------------------------*
/* ふと文字
/*----------------------------*/
.osusume_hb .osusume_link .title {
	color: #f96082;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
}
.osusume_hb .osusume_link .dis {
	font-size: 12px;
	line-height: 1.2;
}

@media screen and (max-width: 1023px) {
	.osusume_hb .tmp_text .mtitle {
		font-size: 1.8rem;
		font-weight: bold;
	}
	.osusume_hb .tmp_text .stitle {
		font-size: 1.6rem;
	}
	.osusume_hb .osusume_link .title {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.osusume_hb .tmp_text .link {
		margin: 10px 0 20px;
	}
}

/*----------------------------*
/* 下部SNS
/*----------------------------*/
.osusume_hb .social_list_bottom {
	padding: 1em;
	padding-top: 0;
	padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
	.osusume_hb .social_list_bottom {
		padding-bottom: 0;
		display: block;
	}
}

/*----------------------------*
/*　下部広告
/*----------------------------*/
.handbook_bottom_ad {
	text-align: center;
}
.handbook_bottom_ad > div {
	border: 1px solid #eee;
	display: inline-block;
	width: 336px;
	height: 280px;
	margin: 20px 10px;
	vertical-align: middle;
}
@media screen and (max-width: 1023px) {
	.handbook_bottom_ad .handbook_bottom_ad2 {
		display: none;
	}
	.handbook_bottom_ad > div {
		margin-bottom: 0;
		margin: 0;
		padding: 0;
	}
}

/*----------------------------*
/*　おすすめTOPボタン
/*----------------------------*/
@media screen and (max-width: 1023px) {
	.osusume_top_btn {
		margin-bottom: 20px;
	}
}


/*============================================================================*
/* 検索フォーム
/*============================================================================*/
.osusume_search_form .osusume_search_form_form {
	height: auto;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 20px 20px;
	background-color: #444;
}
@media screen and (min-width: 1024px) {
	.osusume_search_form .osusume_search_form_form {
		width: 80%;
		margin: 30px 0;
		padding: 0;
		background-color: transparent;
	}
}

.osusume_search_form .osusume_search_form_form h2 {
	color: #fff;
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}
@media screen and (min-width: 1024px) {
	.osusume_search_form .osusume_search_form_form h2 {
		padding-bottom: 0;
		color: inherit;
		font-weight: normal;
	}
}

@media screen and (max-width: 1023px) {
	.osusume_search_form_sp-none {
		display: none;
	}
}

/* カスタム検索フォーム */
.osusume_search_form table.gsc-search-box td.gsc-input .gsc-input-box {
	height: 32px;
	border-radius: 2px;
}
.osusume_search_form table.gsc-search-box td.gsc-input .gsc-input-box > table {
	height: 100%;
}
.osusume_search_form table.gsc-search-box td.gsc-input .gsc-input-box input[type="text"] {
	font-size: 14px;
	line-height: 1.15;
}
.osusume_search_form table.gsc-search-box .gsc-search-button-v2 {
	padding-top:8px;
	padding-bottom: 8px;
}

/*----------------------------*
/* どんなことでお悩みですか？
/*----------------------------*/
.osusume_search_form .search_form_cate_text {
	clear: both;
	padding: 0 20px;
}
@media screen and (min-width: 1024px) {
	.osusume_search_form .search_form_cate_text {
		padding: 0;
	}
}

.osusume_search_form .search_form_cate_text h3 {
	font-weight: bold;
	padding-bottom: 5px;
}
@media screen and (min-width: 1024px) {
	.osusume_search_form .search_form_cate_text h3 {
		padding-bottom: 10px;
	}
}

.osusume_search_form .search_form_cate_text p {
	font-size: 12px;
	color: #666;
	padding-bottom: 10px;
}
@media screen and (min-width: 1024px) {
	.osusume_search_form .search_form_cate_text p {
		font-size: 14px;
	}
}

.osusume_search_form .search_form_cate_text .big_cate_back_btn {
	display: block;
	background: #f5f5f5;
	color: #666666;
	line-height: 44px;
	text-align: center;
}
.osusume_search_form .search_form_cate_text .big_cate_back_btn a img {
	width: 26px;
	height: auto;
	margin-right: 5px;
	vertical-align: middle;
}


/*============================================================================*
/*トイプードルブックのデザイン*/
/*============================================================================*/
.toypoodlebook .character_profile .title {
	border-left: solid 8px #6bad63;
	padding: .1em .5em;
}
.toypoodlebook .character_list {
	margin: .5em 0;
}
.toypoodlebook .character_list li {
	overflow: hidden;
}
.toypoodlebook .character_list li .img {
	float: left;
	width: 90px;
	margin: 0;
}
.toypoodlebook .character_list li .img img {
	width: 100%;
	vertical-align: bottom;
	border: none;
}
.toypoodlebook .character_list li .detail {
	padding: 1em 0;
}
.toypoodlebook .character_list li .detail .body {
	line-height: 1.5em;
}
.toypoodlebook .character_list li .detail .name {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .2em;
}
.toypoodlebook .character_list li.listener .detail .name {
	color: #df0079;
}
.toypoodlebook .character_list li.interpreter .detail .name {
	color: #0075a0;
}
.toypoodlebook > .body .img_caption {
	width: 80%;
	margin: 0 auto;
	text-align: right;
	color: #6a6a6a;
	font-size: .9em;
}
.toypoodlebook > .body .img {
	width: 80%;
	margin: .5em auto;
}
.toypoodlebook > .body .head_line {
	color: #84b97e;
	font-weight: bold;
	margin: 1em 0 2em 0;
	text-align: center;
}
.toypoodlebook .talk {
	clear: both;
	margin: 1em 0;
	background-size: 90px;
	background-position: left top;
	background-repeat: no-repeat;
}
.toypoodlebook .talk.interpreter {
	background-image: url("/images/osusume/character/interpreter/default.png");
	color: #0075a0;
}
.toypoodlebook .talk.listener {
	background-image: url("/images/osusume/character/listener/default.png");
	color: #df0079;
}
.toypoodlebook .talk > .body {
	padding: 1em 0 2.4em 100px;
}
.toypoodlebook > .body .frame {
	margin: 2em;
}
.toypoodlebook > .body .mark {
	color: #ff615b;
}
.toypoodlebook > .body .dl_list > dt {
	font-size: 1.1em;
	line-height: 1.7em;
	font-weight: bold;
	border-bottom: solid 2px #ccc;
}
.toypoodlebook > .body .dl_list > dd {
	margin-top: .5em;
	margin-bottom: 2em;
}
.toypoodlebook .talk.listener.shiny {
	background-image: url("/images/osusume/character/listener/shiny.png");
}
.toypoodlebook .talk.listener.surprise {
	background-image: url("/images/osusume/character/listener/surprise.png");
}
.toypoodlebook .talk.listener {
	background-image: url("/images/osusume/character/listener/default.png");
	color: #df0079;
}
.toypoodlebook .talk.listener.question {
	background-image: url("/images/osusume/character/listener/question.png");
}
.toypoodlebook .talk.listener.cry {
	background-image: url("/images/osusume/character/listener/cry.png");
}

@media screen and (max-width: 1023px) {
	.toypoodlebook .character_list li .detail {
		padding: .5em 0;
	}
	.toypoodlebook .character_list li .img {
		float: left;
		width: 70px;
	}
	.toypoodlebook .talk {
		margin: .1em 0;
		padding: 0 .4em 0 .2em;
		background-size: 65px;
		background-position: left 5px top 7px;
	}
	.toypoodlebook .talk.listener,
	.toypoodlebook .talk.listener.cry,
	.toypoodlebook .talk.listener.question,
	.toypoodlebook .talk.listener.shiny,
	.toypoodlebook .talk.listener.surprise,
	.toypoodlebook .talk.interpreter {
		min-height: 70px;
	}
	.toypoodlebook .talk > .body {
		border: none;
		margin-left: 70px;
		padding: .9em 0;
	}
	.toypoodlebook > .body .frame {
		margin: 1em;
	}
	.toypoodlebook > .body .img_caption {
		width: 100%;
		font-size: 12px;
	}
	.toypoodlebook > .body .img {
		margin-bottom: 0;
	}
}


/*============================================================================*
/* ユーザー（ライター）ページ
/*============================================================================*/
@media screen and (max-width: 1023px) {
	.page_users_top .deg_article_list {
		margin-left: 12px;
	}
	.page_users_top .deg_article_list li > a {
		padding: 10px 0;
	}
}

.page_user_prof .section_title {
	margin-top: 25px;
	padding-bottom: 6px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 12px;
}
@media screen and (max-width: 979px) {
	.page_user_prof .section_title {
		padding-left: 1em;
	}
}

/*----------------------------*
/* 公開プロフィール
/*----------------------------*/
.public_profile_area {
	display: flex;
	margin-top: 28px;
}
@media screen and (max-width: 979px) {
	.public_profile_area {
		margin: 10px;
		line-height: 1.6;
	}
}

.public_profile_area .writer_img {
	flex: none;
	width: 140px;
	margin-right: 27px;
}
@media screen and (max-width: 979px) {
	.public_profile_area .writer_img {
		width: 60px;
		margin-right: 14px;
		margin-bottom: 6px;
	}
}

.public_profile_area .writer_img img {
	max-width: 100%;
	border-radius: 50%;
}
.public_profile_area .public_profile_area_wrap {
	min-width: 0;
}
@media screen and (max-width: 979px) {
	.public_profile_area .public_profile_area_wrap {
		padding-left: 0;
	}
}

.public_profile_area .name {
	color: #000;
	font-size: 20px;
}
@media screen and (max-width: 979px) {
	.public_profile_area .name {
		font-size: 16px;
	}
}

.public_profile_area .license_block_title {
	margin-top: 20px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 12px;
}
@media screen and (max-width: 979px) {
	.public_profile_area .license_block_title {
		margin-top: 10px;
	}
}

.public_profile_area .appellative,
.public_profile_area .license {
	color: #999;
	font-size: 12px;
}
@media screen and (max-width: 979px) {
	.public_profile_area .appellative,
	.public_profile_area .license {
		font-size: 10px;
	}
}

.public_profile_area .prof_text {
	margin-top: 1em;
	font-size: 12px;
}
@media screen and (max-width: 979px) {
	.public_profile_area .prof_text {
		margin-top: .3em;
		padding-top: 0;
		font-size: 11px;
	}
}

.public_profile_area .link {
	margin-top: 13px;
	letter-spacing: .2em;
}
@media screen and (max-width: 979px) {
	.public_profile_area .link {
		margin-top: 7px;
	}
}

.public_profile_area .link a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.public_profile_area .link a img {
	width: 16px;
	height: 16px;
}

/* ------------------------------------------------------
 = 監修者記事一覧
------------------------------------------------------ */
.supervise_profile_area {
	border: solid 3px #eee;
	padding: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 1.5;
}
.supervise_profile_area .writer_img {
	float: left;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
}
.supervise_profile_area .writer_img img {
	max-width: 100%;
}
.supervise_profile_area .public_profile_area_wrap {
	padding-left: 140px;
}
.supervise_profile_area .name {
	color: #000;
	font-size: 20px;
}
.supervise_profile_area .appellative,
.supervise_profile_area .license {
	color: #999;
	font-size: 12px;
}
.supervise_profile_area .body {
	padding-top: 1em;
	font-size: 12px;
}

@media screen and (max-width: 979px) {
	.supervise_profile_area {
		margin: 10px;
		padding: 10px;
		line-height: 1.6;
	}
	.supervise_profile_area .writer_img {
		width: 60px;
		margin-bottom: 6px;
	}
	.supervise_profile_area .public_profile_area_wrap {
		padding-left: 0;
	}
	.supervise_profile_area .name {
		margin-left: 70px;
		font-size: 18px;
	}
	.supervise_profile_area .appellative {
		margin-left: 70px;
		font-size: 10px;
	}
	.supervise_profile_area .license {
		margin-left: 70px;
		font-size: 10px;
	}
	.supervise_profile_area .body {
		clear: left;
		padding-top: 0;
		font-size: 11px;
	}
}


/*============================================================================*
/* テキストデザインテンプレート
/*============================================================================*/
/*----------------------------*
/* ハンドブック　
/*----------------------------*/
.tmp_text .hb_design_title {
	font-size: 1.3em;
	font-weight: bold;
	margin: 2em 0 .2em;
}
.tmp_text .hb_design_dis {
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.tmp_text .hb_design_list {
	margin-bottom: 3em;
}
.tmp_text .hb_design_list li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}
.tmp_text .hb_design_list li .img {
	float: left;
	width: 65px;
	height: auto;
	margin: 0;
	margin-right: 10px;
}
.tmp_text .hb_design_list li .img img {
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}
.tmp_text .hb_design_list li .link_text {
	margin-left: 75px;
}
.tmp_text .hb_design_list li .link_title {
	margin-bottom: 0;
	font-weight: bold;
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.tmp_text .hb_design_list li .link_title {
		margin-top: -5px;
	}
}

.tmp_text .hb_design_list li .link_dis {
	font-size: 12px;
	line-height: 1.5;
	color: #666;
	margin-bottom: 0;
	margin-top: 5px;
}
.tmp_text .hb_design_list li a:hover {
	text-decoration: none;
}


/*============================================================================*
/*  画像詳細ページ
/*============================================================================*/
.page_image_detail .article {
	margin-bottom: 20px;
	border: solid 1px #eee;
}
@media screen and (max-width: 1023px) {
	.page_image_detail .article {
		margin-bottom: 0;
		border: none;
	}
}

.page_image_detail .image_detail_body {
	padding: 15px 20px 0;
	font-size: 1.1em;
	line-height: 1.8;
	text-align: center;
}
@media screen and (max-width: 1023px) {
	.page_image_detail .image_detail_body {
		margin-bottom: 10px;
		padding: 10px 10px 0;
	}
}

.page_image_detail .image_detail_body .back {
	margin-bottom: 15px;
}
.page_image_detail .image_detail_body .back a {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 5px 0;
	border: 1px solid #dadada;
	color: #444;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.page_image_detail .image_detail_body .back a:hover {
	background: #f8f8f8;
}
.page_image_detail .image_detail_body img {
	max-width: 600px;
	vertical-align: bottom;
}
.page_image_detail .source {
	margin: 0 20px 20px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	color: #ccc;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.page_image_detail .source {
		margin: 0 10px 10px;
		padding-top: 0;
	}
}

.page_image_detail .source.img_page_pc {
	display: block;
}
@media screen and (max-width: 767px) {
	.page_image_detail .source.img_page_pc {
		display: none;
	}
}

.page_image_detail .source.img_page_sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.page_image_detail .source.img_page_sp {
		display: block;
	}
}

.page_image_detail .SponsoredLink {
	margin-top: 30px;
	margin-bottom: 3px;
	color: #444;
	font-size: 16px;
}
.page_image_detail .imgpage_back {
	margin: 20px;
}
.page_image_detail .imgpage_back .title {
	margin-bottom: 8px;
	font-size: 16px;
}
.page_image_detail .imgpage_back .post a {
	display: block;
	position: relative;
	padding: 20px;
	border: 2px solid #f1f1f1;
	overflow: hidden;
	border-radius: 3px;
}
.page_image_detail .imgpage_back .thumbnail {
	display: block;
	float: left;
	width: 140px;
	height: auto;
	margin: 0 20px 0 0;
	text-indent: 0;
	white-space: normal;
	border-radius: 0;
}
.page_image_detail .imgpage_back .thumbnail img {
	width: 100%;
	vertical-align: bottom;
}
.page_image_detail .imgpage_back .title_area {
	margin-bottom: .8em;
	font-weight: bold;
	font-size: 18px;
}
.page_image_detail .imgpage_back .description {
	clear: none;
	left: 180px;
	padding: 0;
	background: none;
	color: #666;
	font-size: 12px;
	line-height: 1.5;
}

@media screen and (max-width: 979px) {
	.page_image_detail .image_detail_body {
		padding-top: 10px;
	}
	.page_image_detail .image_detail_body img {
		max-width: 100%;
		vertical-align: bottom;
	}
	.page_image_detail .imgpage_back {
		margin: 10px 5px;
	}
	.page_image_detail .imgpage_back .title {
		margin-top: 15px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: bold;
	}
	.page_image_detail .imgpage_back .post a {
		padding: 10px;
	}
	.page_image_detail .imgpage_back .thumbnail {
		width: 100px;
		margin: 0 10px 0 0;
	}
	.page_image_detail .imgpage_back .title_area {
		margin-bottom: 0;
		font-size: 14px;
	}
	.page_image_detail .imgpage_back .description {
		display: none;
	}
	.page_image_detail .detail_footer__ad {
		display: none;
	}
}

#logly-lift-4095275 .logly-lift-ad-title a {
	color: #444 !important;
}


/* ------------------------------------------------------
  メディアリストページ
------------------------------------------------------ */
.page-attachment .return_article {
	width: min(216px, 60vw);
	margin: 1em auto;
	border: 2px solid #ef8080;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: border-box;
}
.page-attachment .return_article a {
	display: block;
	padding: .74em 8px;
	color: #ef8080 !important;
	font-weight: bold;
	font-size: 1.15em;
	font-size: min(1.15em, 18px);
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
}
.page-attachment .article_body {
	margin-top: 30px;
}
.page-attachment .article_body .img-caption {
	font-size: .875em;
	color: inherit;
}
.page-attachment .attachment {
	text-align: center;
}
.page-attachment .attachment-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: fit-content;
	margin: auto;
}
.page-attachment .attachment-nav p {
	margin: 0;
}
.page-attachment .attachment-nav .prev {
	margin-right: 20px;
}
@media screen and (max-width: 479px) {
	.page-attachment .attachment-nav .prev {
		margin-right: auto;
	}
}

.page-attachment .attachment-nav .next {
	margin-left: 20px;
}
@media screen and (max-width: 479px) {
	.page-attachment .attachment-nav .next {
		margin-left: auto;
	}
}

@media screen and (max-width: 479px) {
	.page-attachment .attachment-nav .btn {
		order: 1;
		width: 100%;
	}
}

.page-attachment .attachment-list {
	margin: 30px auto 50px;
}
.page-attachment .attachment-list .title {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: .875em;
}
.page-attachment .attachment-list ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px 15px;
}
@media screen and (max-width: 479px) {
	.page-attachment .attachment-list ul {
		gap: 12px 9px;
	}
}

.page-attachment .attachment-list img {
	border-radius: 8px;
}


/*============================================================================*
/* 記事内のコメント表示
/*============================================================================*/
/*----------------------------*
/*  記事の上部
/*----------------------------*/
.osusume_comments_top {
	margin-bottom: 15px;
}
.osusume_comments_top li {
	line-height: 45px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.osusume_comments_top .comment_count {
	background: url('../images/osusume/comment_icon2.png') no-repeat center left 20px;
	border: 1px solid #cccccc;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	padding: 0 25px 0 50px;
	border-radius: 2px;
	box-sizing: border-box;
}
.osusume_comments_top .osusume_comments_link a {
	display: block;
	background: #ef8080;
	color: #fff;
	font-size: 12px;
	width: 120px;
	border-radius: 2px;
}

@media screen and (max-width: 767px) {
	.osusume_comments_top {
		float: none;
		padding: 0 10px;
		overflow: hidden;
		width: 100%;
		margin-bottom: 15px;
		box-sizing: border-box;
	}
	.osusume_comments_top li {
		line-height: 44px;
		margin-right: 0;
		float: left;
		text-align: center;
		vertical-align: top;
		width: 48%;
	}
	.osusume_comments_top .comment_count {
		line-height: 42px;
		margin-right: 2%;
	}
	.osusume_comments_top .osusume_comments_link {
		margin-left: 2%;
	}
	.osusume_comments_top .osusume_comments_link a {
		width: 100%;
	}
}

/*----------------------------*
/*  みんなのコメント
/*----------------------------*/
.tmp_text .osusume_comments {
	position: relative;
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments {
		padding: 0;
		margin: 0 -10px;
		border-top: 1px solid #eee;
	}
}

.tmp_text .osusume_comments .osusume_comments_title {
	margin-bottom: 1em;
	border-bottom: 2px solid #ef8282;
	color: #202020;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments .osusume_comments_title {
		margin: .4em 10px;
		font-size: 1.4rem;
	}
}

.tmp_text .osusume_comments .comment_count {
	margin: 0;
}
.tmp_text .osusume_comments li {
	border: 1px solid #eee;
	margin-bottom: 18px;
	padding: 20px;
	border-radius: 6px;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments li {
		border: none;
		border-bottom: 1px solid #eee;
		margin-bottom: 0;
		padding: 10px;
		border-radius: 0px;
	}
}

.tmp_text .osusume_comments .img {
	float: left;
	width: 26px;
	height: 26px;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments .img {
		width: 25px;
		margin-bottom: 5px;
	}
}

.tmp_text .osusume_comments .img img {
	width: 100%;
	border: none;
}
.tmp_text .osusume_comments .body {
	color: #444;
	clear: both;
	font-size: 1.4rem;
	margin-top: 0;
	margin-bottom: 15px;
}
.tmp_text .osusume_comments .body img {
	max-width: 100%;
}
.tmp_text .osusume_comments .body_img {
	text-align: center;
}
.tmp_text .osusume_comments .body_img img {
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments .body_img img {
		max-height: 300px;
	}
}

.tmp_text .osusume_comments .name {
	margin: 0;
	margin-bottom: 5px;
	color: #aaaaaa;
	font-size: 12px;
	line-height: 30px;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments .name {
		line-height: 25px;
	}
}

.tmp_text .osusume_comments .name_w,
.tmp_text .osusume_comments .name_m {
	margin: 0 0 5px;
	font-size: 1.4rem;
	line-height: 30px;
	font-weight: bold;
	margin-left: 36px;
}
.tmp_text .osusume_comments .name_w {
	color: #f08faf;
}
.tmp_text .osusume_comments .name_m {
	color: #81d3d8;
}

.osusume_comments_btn {
	text-align: center;
	margin: 0 0 25px 0;
}

@media screen and (max-width: 767px) {
	.osusume_comments_btn {
		margin: 20px 0;
	}
}

.osusume_comments_btn a {
	display: inline-block;
	background: #ef8080;
	border-bottom: 3px solid #b34c4c;
	color: #fff;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
	width: 400px;
	border-radius: 2px;
}
@media screen and (max-width: 767px) {
	.osusume_comments_btn a {
		line-height: 50px;
		width: 90%;
		font-size: 14px;
	}
}

.osusume_comments_btn a:hover {
	text-decoration: none;
	background: #ed7a7a;
}

/*----------------------------*
/*  コメント広告
/*----------------------------*/
.tmp_text .osusume_comments .ad_comment {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments .ad_comment {
		padding: 16px 0;
		/*background-color: #EFF2F5;*/
		background-color: transparent;
	}
	body.android .tmp_text .osusume_comments .ad_comment {
		background-color: var(--rect_banner-bg-color);
	}
}

.tmp_text .osusume_comments .ad_comment > div {
	margin: 0 auto;
}
.comment_list .ad_comment {
	text-align: center;
}
.comment_list .ad_comment > div{
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.tmp_text .osusume_comments .ad_comment,
	.comment_list .ad_comment {
		display: none;
	}
}

/*============================================================================*
/* コメント投稿確認画面
/*============================================================================*/
.comment_cf {
	margin-top: 30px;
}
.comment_cf .comment_cf_tile {
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
}
.comment_cf .comment_cf_inner {
	border: 1px solid #eee;
	padding: 25px 30px;
}
.comment_cf .comment_cf_inner .error {
	color: #e22727;
	font-size: 14px;
	font-weight: bold;
}
.comment_cf .comment_cf_inner .error p {
	margin-bottom: 10px;
}
.comment_cf .dis {
	color: #aaa;
	font-size: 12px;
	margin-bottom: 20px;
}
.comment_cf .body {
	color: #444;
	font-size: 16px;
	padding-top: 0;
	margin-bottom: 10px;
}
.comment_cf .img img {
	max-width: 300px;
}
.comment_cf .comment_cf_btn {
	margin: 20px 0;
	text-align: center;
}
.comment_cf .comment_cf_btn input {
	border: none;
	background: #ef8080;
	color: #fff;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	width: 400px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	cursor: pointer;
}
.comment_cf .comment_cf_btn input:hover {
	opacity: 0.8;
}

@media screen and (max-width: 767px) {
	.comment_cf {
		margin-top: 0;
	}
	.comment_cf .comment_cf_inner {
		padding: 15px 10px;
	}
	.comment_cf .dis {
		margin-bottom: 10px;
	}
	.comment_cf .body {
		font-weight: normal;
		margin-bottom: 10px;
	}
	.comment_cf .img img {
		max-width: 100%;
	}
	.comment_cf .comment_cf_btn input {
		width: 90%;
	}
}


/*============================================================================*
/* コメント投稿確認画面
/*============================================================================*/
.comment_finish {
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.comment_finish {
		margin-top: 0;
	}
}

.comment_finish .comment_finish_title {
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
}
.comment_finish .back_link {
	margin: 20px 0;
	text-align: center;
}
.comment_finish .back_link a {
	display: inline-block;
	border: 1px solid #ccc;
	color: #999;
	padding: 6px 12px;
	border-radius: 2px;
	box-sizing: border-box;
}


/*============================================================================*
/* コメント 削除依頼
/*============================================================================*/
.comment_edit_request {
	margin-top: 30px;
}
.comment_edit_request .comment_edit_request_title {
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
}
.comment_edit_request_form {
	border: 1px solid #eee;
}
.comment_edit_request_form_inner {
	padding: 25px 35px;
}
.comment_edit_request_form input,
.comment_edit_request_form textarea {
	border: 1px solid #ccc;
	padding: 6px 12px;
	border-radius: 2px;
	box-sizing: border-box;
}
.comment_edit_request_form .name {
	margin-bottom: 15px;
}
.comment_edit_request_form .name input {
	width: 350px;
}
.comment_edit_request_form .body textarea {
	width: 100%;
	height: 200px;
}
.comment_edit_request_btn {
	margin: 20px 0;
	text-align: center;
}
.comment_edit_request_btn input {
	border: none;
	background: #f06464;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	width: 400px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

@media screen and (max-width: 767px) {
	.comment_edit_request {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.comment_edit_request_form {
		border: none;
	}
	.comment_edit_request_form_inner {
		padding: 15px 10px 10px;
	}
	.comment_edit_request_form .name input {
		width: 100%;
	}
	.comment_edit_request_form .body textarea {
		height: 150px;
	}
	.comment_edit_request_btn {
		margin: 0 10px;
	}
	.comment_edit_request_btn input {
		width: 100%;
		line-height: 44px;
	}
}


/*============================================================================*
/* サイド　サークル
/*============================================================================*/
.side_circle_list ul {
	border-top: 1px solid #eee;
}
@media screen and (max-width: 767px) {
	.side_circle_list ul {
		margin: 0 0 0 12px;
	}
}

.side_circle_list li a {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
.side_circle_list li .img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	float: left;
}
@media screen and (max-width: 1023px) {
	.side_circle_list li .img {
		width: 75px;
		height: 75px;
	}
}

.side_circle_list li .img img {
	width: 100%;
	height: auto;
}
.side_circle_list li .title {
	color: #444;
	font-size: 1.2rem;
	padding-right: 10px;
	line-height: 1.5;
}
.side_more_btn {
	margin: 12px auto;
}
@media screen and (max-width: 767px) {
	.side_more_btn {
		margin: 12px;
	}
}

.side_more_btn a {
	display: block;
	background: #f5f5f5;
	color: #45403c;
	font-size: 1.4rem;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
}


/*============================================================================*
/* サークル一覧
/*============================================================================*/
#main.page_circle_list {
	margin-bottom: 50px;
	width: 100%;
}
.circle_list_title {
	font-size: 28px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 50px;
	font-weight: bold;
}
.circle_lists {
	padding: 0 40px;
	margin-bottom: 20px;
}
.circle_lists li {
	float: left;
	width: 30%;
	margin: 0 5px 10px;
	padding: 0 0 0 10px;
	font-size: 13px;
	line-height: 1.3;
}
.circle_lists li a {
	text-decoration: underline;
}
.circle_lists li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#main.page_circle_list {
		margin-bottom: 10px;
	}
	.circle_list_title {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.circle_lists {
		padding: 0;
		margin-bottom: 30px;
		margin-right: 10px;
	}
	.circle_lists li {
		float: none;
		width: 100%;
		margin: 0 5px 10px;
		padding: 0 0 0 10px;
		font-size: 13px;
		box-sizing: border-box;
	}
}


/*============================================================================*
/* 2017.02.07　コメント修正
/*============================================================================*/
/*----------------------------*
/*　コメント説明文
/*----------------------------*/
.com_obi_wrap {
	border: 4px solid #eee;
	padding: 20px 25px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 6px;
}
.cmt_none .com_obi_wrap {
	margin-bottom: 20px;
}
.com_obi_wrap .com_obi_title {
	color: #444;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	line-height: 1.5;
	border-bottom: 2px solid #f07f81;
}
.com_obi_wrap .com_obi_dis {
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

/*----------------------------*
/*　コメント数
/*----------------------------*/
.osusume_comments_num_btn {
	margin: 20px 0 0;
}
.osusume_comments_num_btn a {
	display: inline-block;
	border: 1px solid #ccc;
	color: #444;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	width: 146px;
	text-align: center;
	line-height: 50px;
	position: relative;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #f7f7f7 48%, #efefef 100%);
	border-radius: 3px;
}
.osusume_comments_num_btn a::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
	background: url('../images/osusume/icon_cmt_w.png') no-repeat center;
	background-size: contain;
}
.tmp_text .osusume_comments_num_btn a {
	color: #444;
	text-decoration: none;
}
.tmp_text .osusume_comments_num_btn a:link,
.tmp_text .osusume_comments_num_btn a:visited {
	color: #444;
}

@media screen and (max-width: 767px) {
	.osusume_comments_num_btn a {
		line-height: 30px;
		width: 100%;
		font-size: 1.2rem;
	}
	.osusume_comments_num_btn a::before {
		width: 15px;
		height: 15px;
		background: url('../images/osusume/icon_cmt_w_sp.png') no-repeat center;
		background-size: contain;
	}
}

/*----------------------------*
/* コメントページリンク
/*----------------------------*/
.tmp_text .more_cmt_link {
	text-align: center;
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 15px;
}
.tmp_text .more_cmt_link a {
	color: #444;
	position: relative;
}
.tmp_text .more_cmt_link a:hover {
	text-decoration: none;
}
.tmp_text .more_cmt_link a:link,
.tmp_text .more_cmt_link a:visited {
	color: #444;
}
.tmp_text .more_cmt_link a::before {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../images/osusume/icon_cmt.png) no-repeat center;
	background-size: contain;
}

/* コメントフォームリンク */
.tmp_text .osusume_comments_num_btn.cmt_list_bottom_btn {
	text-align: left;
	margin: -5px 0 15px;
}
@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments_num_btn.cmt_list_bottom_btn {
		text-align: center;
		margin: 10px 0;
	}
}

.tmp_text .osusume_comments_num_btn.cmt_list_bottom_btn a {
	line-height: 30px;
	width: 120px;
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	.tmp_text .osusume_comments_num_btn.cmt_list_bottom_btn a {
		line-height: 30px;
		width: 100%;
		font-size: 1.2rem;
	}
}

/*----------------------------*
/*  記事本文のコメント
/*----------------------------*/
.comment_list_form {
	border: 4px solid #eee;
	padding: 20px 25px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 6px;
}
.comment_list_form_wrap {
	margin: 0;
	padding: 0;
}
.comment_list_form_wrap .comment_list_form_tile {
	color: #444;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 2px;
	border-bottom: 2px solid #f07f81;
}
.comment_list_form_wrap .comment_list_form_tile_sub {
	font-size: 12px;
	color: #aaa;
	line-height: 1.4;
}
.comment_list_form_inner {
	padding: 25px 0 0;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.comment_list_form {
		border: none;
		padding: 15px 10px;
		margin: 0;
		border-radius: 0;
	}
	.comment_list_form_inner {
		padding: 0;
	}
	.comment_list_form_wrap .comment_list_form_tile {
		font-size: 1.4rem;
		margin-bottom: 8px;
	}
	.comment_list_form_wrap .comment_list_form_tile_sub {
		margin-bottom: 8px;
		font-size: 1rem;
	}
}

/*----------------------------*
/* エラー文
/*----------------------------*/
.comment_list_form_inner .error {
	color: #e22727;
	font-size: 14px;
}
.comment_list_form_inner .error p {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.comment_list_form_inner > div.msg_view {
		margin-bottom: 0;
	}
	.comment_list_form_inner > div.msg_view .msg_view {
		margin-bottom: 5px;
	}
	.comment_list_form_inner .name input {
		width: 100%;
	}
	.comment_list_form_btn input {
		width: 90%;
	}
}

/*----------------------------*
/* 名前、性別、年齢、コメント
/*----------------------------*/
.comment_list_form_inner .name_other_wrap {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.comment_list_form_inner .name,
.comment_list_form_inner .generation,
.comment_list_form_inner .sex {
	display: table-cell;
	vertical-align: middle;
}
.comment_list_form_inner .name {
	padding-right: 20px;
	width: auto;
}
.comment_list_form_inner .generation {
	padding-right: 20px;
	width: 140px;
}
.comment_list_form_inner .sex {
	width: 214px;
}
.comment_list_form_inner .generation span,
.comment_list_form_inner .sex span {
	display: none;
}

.comment_list_form_inner .name input,
.comment_list_form_inner .body textarea {
	border: 1px solid #ccc;
	padding: 6px 12px;
	vertical-align: bottom;
	border-radius: 3px;
	box-sizing: border-box;
}
.comment_list_form_inner .name input {
	width: 100%;
	line-height: 38px;
	padding: 0 10px;
}
.comment_list_form_inner .body textarea {
	width: 100%;
	height: 100px;
	max-width: none;
}
.comment_list_form_inner .generation {
	color: #aaa;
	font-size: 14px;
}
.comment_list_form_inner .generation select {
	border: 1px solid #ccc;
	width: 130px;
	height: 38px;
	padding-left: 10px;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #f7f7f7 48%, #efefef 100%);
	border-radius: 3px;
}
.comment_list_form_inner .sex {
	color: #aaa;
	font-size: 14px;
	text-align: right;
}
.comment_list_form_inner .sex input {
	display: none;
}
.comment_list_form_inner .sex label {
	display: inline-block;
	border: 1px solid #ccc;
	color: #444;
	width: 100px;
	line-height: 38px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #f7f7f7 48%, #efefef 100%);
	border-radius: 3px;
}
.comment_list_form_inner .sex label[for="woman"] {
	margin-right: 5px;
}
.comment_list_form_inner .sex input[type="radio"]:checked + label {
	border: 1px solid #ef8080;
	color: #ef8080;
}

@media screen and (max-width: 767px) {
	.comment_list_form_inner .name_other_wrap {
		display: block;
	}
	/* 名前 */
	.comment_list_form_inner .name {
		display: block;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.comment_list_form_inner .name input {
		line-height: 33px;
	}
	/* 年齢 */
	.comment_list_form_inner .generation {
		display: block;
		padding-right: 0;
		width: 100%;
		margin-bottom: 15px;
		text-align: right;
	}
	.comment_list_form_inner .generation select {
		width: 200px;
		border: 1px solid #ccc;
		line-height: 33px;
	}
	.comment_list_form_inner .generation span {
		display: inline-block;
		font-size: 1.2rem;
		float: left;
		line-height: 33px;
	}
	/* 性別 */
	.comment_list_form_inner .sex {
		display: block;
		width: 100%;
		text-align: right;
		margin-right: 0;
	}
	.comment_list_form_inner .sex label {
		width: 96px;
		line-height: 33px;
	}
	.comment_list_form_inner .sex label[for="man"],
	.comment_list_form_inner .sex label[for="woman"] {
		margin-right: 0;
	}
	.comment_list_form_inner .sex span {
		display: inline-block;
		font-size: 1.2rem;
		float: left;
		line-height: 33px;
	}
}

/*----------------------------*
/* 写真
/*----------------------------*/
.comment_list_form_inner .photo {
	font-size: 1.4rem;
	color: #aaa;
	float: left;
	margin: 10px 0;
}
@media screen and (max-width: 767px) {
	.comment_list_form_inner .photo {
		float: none;
	}
}

.comment_list_form_inner .photo input {
	max-width: 100%;
}

/*----------------------------*
/*　注意事項
/*----------------------------*/
.comment_list_form .attention {
	clear: both;
	color: #aaa;
	font-size: 11px;
}
.comment_list_form .attention .attention_title {
	font-weight: bold;
	font-size: 1.2rem;
	text-decoration: underline;
}
.comment_list_form .attention .attention_dis {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.comment_list_form .attention .attention_dis {
		display: none;
	}
	.comment_list_form .attention {
		border: 1px solid #aaa;
		border-radius: 3px;
	}
}

/*----------------------------*
/*　フォーム投稿ボタン
/*----------------------------*/
.comment_list_form_btn {
	margin: 10px 0;
	text-align: center;
	float: right;
}
.comment_list_form_btn input {
	border: none;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	width: 230px;
	-webkit-appearance: none;
	appearance: none;
	margin-bottom: 10px;
	border-radius: 3px;
	background: #f19290;
	background: linear-gradient(to bottom, #f19290 0%, #ef8180 51%, #ed706e 100%);
}
.tmp_text .comment_list_form_btn p,
.comment_list_form_btn p {
	margin: 0;
	padding: 0;
	color: #e22727;
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.com_obi_btn_wrap {
		margin: 20px 0 0;
		overflow: hidden;
	}
	.comment_list_form_btn {
		margin: 0;
		float: none;
	}
	.comment_list_form_btn input {
		font-size: 1.4rem;
		width: 100%;
		border-radius: 3px;
	}
}

/*----------------------------*
/*
/*----------------------------*/
@media screen and (max-width: 767px) {
	.com_obi_wrap {
		background: #fff;
		padding: 15px;
		margin-bottom: 0;
		border-radius: 2px;
	}
	.cmt_none .com_obi_wrap {
		margin-bottom: 0;
	}
	.com_obi_wrap .com_obi_title {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.com_obi_wrap .com_obi_dis {
		font-size: 1.2rem;
	}
	.com_obi_wrap::after {
		right: 28%;
	}
	.osusume_comments_num_btn {
		margin: 15px 0 0;
	}
	.osusume_comments_num_btn .comment_count {
		background: #fff;
		width: 100px;
		font-size: 1.4rem;
		line-height: 44px;
	}
	.osusume_comments_num_btn .comment_count span::before {
		margin-right: 5px;
	}
	.tmp_text .more_cmt_link {
		margin: 15px 0;
		font-size: 1.2rem;
	}
	.tmp_text .more_cmt_link a::before {
		content: '';
		width: 17px;
		height: 17px;
		background: url(../images/osusume/icon_cmt_sp.png) no-repeat center;
		background-size: contain;
	}
	/*    赤文字の注意         */
	.tmp_text .comment_list_form_btn p,
	.comment_list_form_btn p {
		font-size: 1rem;
		font-weight: normal;
		color: #999;
		margin-bottom: 10px;
	}
	/*  書き込みに関する注意点 */
	.comment_list_form .attention {
		font-size: 1rem;
		padding: 10px 10px;
	}
	.comment_list_form .attention .attention_title {
		text-align: center;
	}
}


/*============================================================================*
/* 　コメント下の広告
/*============================================================================*/
.article_bottom_ad_sp {
	display: none;
}

@media screen and (max-width: 767px) {
	.article_bottom_ad_sp {
		display: block;
		margin: 16px 0;
		padding: 16px 0;
		/*background-color: #eff2f5;*/
		background-color: transparent;
		text-align: center;
	}
	.article_bottom_ad_sp p {
		color: #ccc;
		text-align: center;
		font-size: 10px;
		margin: 10px;
	}
	.article_bottom_ad_sp > div {
		display: inline-block;
	}
}


/*============================================================================*
/* コメント詳細画面
/*============================================================================*/
.page_comment_list_inner {
	border: 1px solid #eee;
	padding: 20px;
}
@media screen and (max-width: 767px) {
	.page_comment_list_inner {
		border: none;
		padding: 0;
	}
}

/*----------------------------*
/*  コメントの元記事
/*----------------------------*/
.comment_article_link {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}
.comment_article_link .img {
	width: 50px;
	display: table-cell;
}
.comment_article_link .img img {
	width: 100%;
}
.comment_article_link .info {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	padding-left: 15px;
}
.comment_article_link .info .title {
	font-weight: bold;
	font-size: 16px;
}
.comment_article_link .info .title a {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.comment_article_link {
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
	}
	.comment_article_link .info {
		padding: 0 10px;
	}
	.comment_article_link .img {
		width: 60px;
		display: table-cell;
	}
	.comment_article_link .info .title {
		font-size: 1.4rem;
	}
}

/*----------------------------*
/*  コメントタイトル
/*----------------------------*/
.page_comment_list .com_obi_wrap::after {
	right: 50%;
	margin-right: -7px;
}
.page_comment_list .osusume_comments_num_btn .comment_btn {
	padding-left: 0;
}
@media screen and (max-width: 767px) {
	.page_comment_list .com_obi_btn_wrap {
		padding: 10px 10px 0;
		margin: 0;
	}
}

/*----------------------------*
/*  コメント一覧
/*----------------------------*/
.page_comment_list .comment_list {
	margin: 30px -20px 20px;
}
.page_comment_list .comment_list .comment_count {
	border-bottom: 1px solid #eee;
	line-height: 50px;
	text-align: center;
}
.page_comment_list .comment_list > ul li {
	border-bottom: 1px solid #eee;
	padding: 25px 30px;
}
.page_comment_list .comment_list > ul li:last-child {
	border-bottom: none
}
.page_comment_list .comment_list .img {
	float: left;
	width: 30px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.page_comment_list .comment_list .img img {
	width: 100%;
}
.page_comment_list .comment_list .dis {
	color: #aaa;
	font-size: 1rem;
	margin-bottom: 20px;
	line-height: 30px;
}
.page_comment_list .comment_list .dis a {
	color: #aaa;
	text-decoration: underline;
}
.page_comment_list .comment_list .dis span {
	color: #000;
	font-weight: bold;
}
.page_comment_list .comment_list .body {
	color: #444;
	margin-bottom: 15px;
}
.page_comment_list .comment_list .body_img {
	text-align: center;
}
.page_comment_list .comment_list .body_img img {
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	.page_comment_list .comment_list {
		margin: 0 0 20px;
	}
	.page_comment_list .comment_list .comment_count {
		font-weight: bold;
	}
	.page_comment_list .comment_list > ul {
		padding: 0;
	}
	.page_comment_list .comment_list > ul li {
		padding: 10px;
	}
	.page_comment_list .comment_list .img {
		margin-bottom: 5px;
		width: 25px;
	}
	.page_comment_list .comment_list .dis {
		margin-bottom: 5px;
		line-height: 25px;
	}
	.page_comment_list .comment_list .body {
		clear: both;
	}
	.page_comment_list .comment_list .body_img img {
		max-width: 100%;
		max-height: 300px;
	}
}

/*----------------------------*
/*  コメントフォーム
/*----------------------------*/
.page_comment_list .comment_list_form {
	margin: 20px 0;
	overflow: hidden;
}
.page_comment_list .comment_list_form_tile_dis {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.page_comment_list .comment_list_form {
		margin: 0 0 20px;
	}
	.page_comment_list .comment_list_form_wrap {
		margin: 0;
	}
	.page_comment_list .comment_list_form_tile_dis {
		margin: 10px 0 10px;
		font-size: 1.2rem;
	}
}

/*----------------------------*
/*  コメントの編集・削除依頼
/*----------------------------*/
.comment_sub_text {
	text-align: right;
	color: #aaa;
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.comment_sub_text {
		padding-right: 10px;
	}
}

.comment_sub_text a {
	color: #f06464;
	text-decoration: underline;
}


/* ------------------------------------------------------
 = 専門家一覧
------------------------------------------------------ */
#main.page_specialist {
	width: 1100px;
}
@media screen and (max-width: 1023px) {
	#main.page_specialist {
		width: 100%;
	}
}

.page_specialist .page_title {
	margin-top: 30px;
	color: #444;
	font-size: 26px;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width: 1023px) {
	.page_specialist .page_title {
		margin-top: 20px;
		font-size: 2rem;
	}
}

.page_specialist .specialists {
	margin-top: 45px;
	line-height: 1.5;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists {
		margin-top: 20px;
		padding: 0 10px;
	}
}

.page_specialist .specialists > ul {
	display: flex;
	flex-flow: wrap;
}
.page_specialist .specialists li {
	flex: none;
	width: 350px;
	margin-right: 25px;
	margin-bottom: 28px;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.page_specialist .specialists li:nth-child(3n) {
	margin-right: 0;
}

.page_specialist .specialists .profile {
	padding: 33px 25px 0;
	border: 1px solid #eee;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile {
		padding: 10px 10px 6px;
	}
}

.page_specialist .specialists .profile .eyecatch {
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .eyecatch {
		width: 80px;
		height: 80px;
	}
}

.page_specialist .specialists .profile .eyecatch img {
	width: 100%;
	border-radius: 50%;
}
.page_specialist .specialists .profile .name {
	height: 1.5em;
	margin-top: 16px;
	color: #444;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .name {
		height: auto;
		margin-top: 8px;
		font-size: 1.4rem;
	}
}

.page_specialist .specialists .profile .name span {
	display: inline-block;
	max-width: 100%;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .name span {
		overflow: visible;
		white-space: normal;
	}
}

.page_specialist .specialists .profile .katagaki {
	height: 42px;
	margin-top: 8px;
	color: #aaa;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .katagaki {
		height: auto;
		margin-top: 4px;
		font-size: 1.2rem;
	}
}

.page_specialist .specialists .profile .katagaki span {
	display: inline-block;
	text-align: left;
}
.page_specialist .specialists .profile .katagaki a {
	text-decoration: underline;
	color: #aaa;
}

.page_specialist .specialists .profile .prof_text {
	height: 72px;
	color: #444;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .prof_text {
		height: auto;
		max-height: 72px;
		margin-top: 4px;
	}
}

.page_specialist .specialists .profile .article_link {
	margin-top: 10px;
	padding: 13px 0;
	border-top: 1px solid #eee;
}
@media screen and (max-width: 1023px) {
	.page_specialist .specialists .profile .article_link {
		padding: 8px 0 4px;
		font-size: 1.2rem;
	}
}
.page_specialist .specialists .profile .article_link a {
	display: block;
}

/* ------------------------------------------------------
 = ブリーダー情報 
------------------------------------------------------ */
.tmp_text .breeder_block {
	margin-top: 1.5em;
}
.tmp_text .breeder_block .headertitle {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 16px;
	padding-left: 14px;
	border-left: 6px solid #ef8383;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .headertitle {
		font-size: 1.4rem;
		margin-bottom: 10px;
		padding-left: 10px;
	}
}

.tmp_text .breeder_block .breeder_loop {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -4px;
}
.tmp_text .breeder_block .breeder_card {
	width: calc(25% - 8px);
	margin: 0 4px 8px;
	background:#f6f5f1;
	border-radius: 3px;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card {
		width: calc(50% - 8px);
	}
}

.tmp_text .breeder_block .breeder_card a {
	display: block;
	height: 100%;
	padding: 10px 15px 7px;
	text-decoration: none;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card a {
		padding: 10px;
	}
}

.tmp_text .breeder_block .breeder_card a::after {
	content: ""; clear: both; display: block;
}
.tmp_text .breeder_block .breeder_card .image {
	margin-bottom: 3px;
	min-height: 119px;
	position: relative;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card .image {
		min-height: 101px;
	}
}

.tmp_text .breeder_block .breeder_card .image .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 10px 5px 3px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.3) 100%)
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card .image .name {
		font-size: 1rem;
	}
}

.tmp_text .breeder_block .breeder_card .image .name span {
	display: inline-block;
	text-align: left;
}
.tmp_text .breeder_block .breeder_card .image img {
	max-width: 100%;
	max-height: 119px;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card .image img {
		max-height: 101px;
	}
}

.tmp_text .breeder_block .breeder_card .detail {
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card .detail {
		font-size: 1rem;
	}
}

.tmp_text .breeder_block .breeder_card .detail table {
	width: 100%;
	margin-bottom: .5em;
	line-height: 1.2;
}
.tmp_text .breeder_block .breeder_card .detail tr {
	border-bottom: dashed 1px #cdcbcc;
	color: #444;
}
.tmp_text .breeder_block .breeder_card .detail th,
.tmp_text .breeder_block .breeder_card .detail td {
	padding: .5em 0;
}
.tmp_text .breeder_block .breeder_card .detail td {
	font-weight: bold;
	text-align: center;
}
.tmp_text .breeder_block .breeder_card .detail td span {
	display: inline-block;
	text-align: left;
}
.tmp_text .breeder_block .breeder_card .detail .girl {
	color: #f6466a;
}
.tmp_text .breeder_block .breeder_card .detail .boy {
	color: #3493ed;
}
.tmp_text .breeder_block .breeder_card .detail .col_item {
	width: 0;
}
.tmp_text .breeder_block .breeder_card .detail .col_content {
	width: 100%;
}
.tmp_text .breeder_block .breeder_card .detail .detail_link {
	margin: 0;
	color: #3A3838;
	text-align: center;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.tmp_text .breeder_block .breeder_card .detail .detail_link {
		font-size: 1.2rem;
	}
}

/* もっと見る */
.tmp_text .breeder_block .more_link a {
	width: 300px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #FB6362;
	font-weight: bold;
	text-decoration: none;
}


/* ------------------------------------------------------
 = レコメンドウィジェット 
------------------------------------------------------ */
/* 記事ページ、画像詳細ページ
------------------------------ */
.page_reports_detail .recommend_header,
.page_image_detail .recommend .recommend_header {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.page_reports_detail .recommend_header,
	.page_image_detail .recommend .recommend_header {
		margin-bottom: 0;
		padding: 12px 0 4px 1em;
		font-size: 1rem;
		color: #73797d;
		background-color: #ebeef1;
		font-weight: normal;
		box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
	}
}

/* 画像詳細ページ */
@media screen and (min-width: 768px) {
	.page_image_detail .recommend .recommend_header {
		padding-left: 8px;
	}
}
@media screen and (max-width: 1023px) {
	.page_image_detail .recommend .recommend_header.images {
		margin-bottom: 5px;
	}
}

/* ------------------------------------------------------
 = 商品アフィリエイト
------------------------------------------------------ */
.affi_card {
	padding: 20px 14px 16px 14px;
	margin: 1.5em 0;
	border: 1px solid #eee;
}
@media screen and (max-width: 1023px) {
	.affi_card {
		padding: 10px 14px;
	}
}
.affi_card::after {
	content: ""; clear: both; display: block;
}
.affi_card .affi_img {
	float: left;
	width: 270px;
}
@media screen and (max-width: 1023px) {
	.affi_card .affi_img {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
}
.affi_card .item_img_main {
	text-align: center;
}
.affi_card .item_img_main img {
	max-width: 250px;
	max-height: 300px;
}
@media screen and (max-width: 1023px) {
	.affi_card .item_img_main img {
		max-width: 100%;
	}
}
.affi_card .affi_img .source_link {
	margin: 0;
	font-size: 1rem;
	text-align: center;
}
.affi_card .affi_img .source_link a {
	color: #ccc;
	text-decoration: none;
}
.affi_card .affi_detail {
	padding-left: 290px;
	padding-right: 10px;
}
@media screen and (max-width: 1023px) {
	.affi_card .affi_detail {
		padding-left: 0;
		padding-right: 0;
	}
}
.affi_card .item_info {
	margin-bottom: 10px;
}
.affi_card .item_info .title {
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 1.4;
}
.affi_card .item_info .price {
	color: #888;
}
@media screen and (max-width: 1023px) {
	.affi_card .item_info .price {
		line-height: 1.4;
	}
}
.affi_card .detail_link {
	position: relative;
	margin-bottom: 10px;
}
.affi_card .detail_link a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border: solid 2px #eda93a;
	border-radius: 4px;
	font-size: 1.4rem;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}
.affi_card .detail_link a:link,
.affi_card .detail_link a:visited {
	color: #fff;
}
@media screen and (min-width: 1024px) {
	.affi_card .detail_link a:hover {
		background: #fff;
	}
}
.affi_card .detail_link .btn_a {
	background: #eda93a;
	border-color: #eda93a;
}
@media screen and (min-width: 1024px) {
	.affi_card .detail_link .btn_a:hover {
		color: #eda93a;
	}
}
.affi_card .detail_link .btn_r {
	background: #e85151;
	border-color: #e85151;
}
@media screen and (min-width: 1024px) {
	.affi_card .detail_link .btn_r:hover {
		color: #e85151;
	}
}
.affi_card .detail_link .beacon {
	/* Amazonの1px画像 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.affi_card .item_variation p {
	margin: 1em 0;
	font-size: 1.4rem;
	line-height: 1.4;
}
.affi_card .item_variation p > a {
	margin-right: .5em;
}
.affi_card .item_detail {
	margin: 1em 0;
	padding-top: 1em;
	border-top: 1px solid #eee;
}
.affi_card .item_detail p {
	font-size: 1.2rem;
	line-height: 1.7;
	margin: 0;
}

/* 楽天アフィリエイト
------------------------------------------------------ */
@media screen and (max-width: 767px) {
	.rakuten_affi table {
		max-width: 100%;
		margin: auto;
		table-layout: fixed;
	}
	.rakuten_affi table table td:first-child {
		width: 80px !important;
		vertical-align: top;
	}
	.rakuten_affi td,
	.rakuten_affi div {
		width: auto !important;
	}
	.rakuten_affi td td {
		padding: 0 2px;
	}
	.rakuten_affi img {
		max-width: 100%;
	}
}


/* ------------------------------------------------------
 = 文中関連記事
------------------------------------------------------ */
/* Type-a
------------------------------ */
.article_link_card {
	position: relative;
	margin: 20px 0;
	border: 1px solid #ddd;
	line-height: 1.5;
	border-radius: 6px;
}
.article_link_card .article_link_title {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 12px;
	padding: 0 10px;
	background-color: #fff;
	color: #444;
	font-weight: bold;
	font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
	.article_link_card .article_link_title {
		top: -7px;
		left: 6px;
		padding: 0 6px;
		font-size: 1rem;
	}
}

.article_link_card a {
	display: flex;
	padding: 20px 18px 18px 20px;
	text-decoration: none !important; /* osusume_article.cssのoverride */
}
@media screen and (max-width: 1023px) {
	.article_link_card a {
		align-items: center;
		padding: 12px 10px 12px 12px;
	}
}

.article_link_card figure {
	flex: none;
	width: 109px;
	margin-right: 16px;
}
@media screen and (max-width: 1023px) {
	.article_link_card figure {
		width: 60px;
		margin-right: 11px;
	}
}

.article_link_card figure img {
	max-width: 100%;
	border-radius: 6px;
}
.article_link_card .article_link_info {
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
	position: relative;
	min-width: 0;
	word-wrap: break-word;
	overflow-wrap : break-word;
}
.article_link_card .article_link_info .title {
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.375;
}
@media screen and (max-width: 1023px) {
	.article_link_card .article_link_info .title {
		margin-bottom: 0;
		font-size: 1.4rem;
		line-height: 1.4;
	}
}

.article_link_card .article_link_info .description {
	max-height: 48px;
	margin-top: 0;
	margin-bottom: .5em;
	color: #aaa;
	font-size: 11px;
	line-height: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.article_link_card .article_link_info .description,
	.article_link_card .article_link_category {
		display: none;
	}
}

.article_link_card .article_link_category {
	margin-top: auto;
}
.article_link_card .article_link_category ul {
	display: flex;
	flex-flow: row wrap;
}
.article_link_card .article_link_category .item {
	margin-right: 5px;
	padding: 0 5px;
	border: 1px solid #ddd;
	color: #aaa;
	font-size: 1.1rem;
	border-radius: 4px;
}

/* Type-b
------------------------------ */
.article_link_card.type-b a {
	padding: 20px 18px 16px 20px;
}
@media screen and (max-width: 1023px) {
	.article_link_card.type-b a {
		padding: 12px 10px 12px 12px;
	}
}

.article_link_card.type-b .article_link_info .description {
	max-height: 32px;
	margin-bottom: 0;
	-webkit-line-clamp: 2;
}


/* ------------------------------------------------------
 = フロントライン商品リンク ※HTMLは記事内
------------------------------------------------------ */
.product-frontline {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
.product-frontline a {
	text-decoration: none !important;
}
.product-frontline .product-image {
	text-align: center;
	margin-bottom: 5px;
}
.product-frontline .product-link li {
	margin-bottom: 1em;
}
.product-frontline .product-link a {
	display: block;
	padding: .67em .3em;
	border: 1px solid #e95353;
	background-color: #ef8080;
	color: #fff !important;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align: center;
	border-radius: 3px;
}
@media screen and (min-width: 1024px) {
	.product-frontline .product-link a {
		width: 45%;
		margin: auto;
	}
}

/* ------------------------------------------------------
 = 最新のニュース記事
------------------------------------------------------ */
.newest_news {
	margin-top: 30px;
	font-size: 17px;
	line-height: 1.5;
}
@media screen and (max-width: 1023px) {
	.newest_news {
		font-size: 1.2rem;
	}
}

.newest_news header {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.newest_news header .newest_news_title {
	font-weight: bold;
}
.newest_news header .list_link {
	padding-left: 10px;
}
.newest_news header .list_link a {
	display: inline-block;
	padding: 5px 18px;
	background-color: #f0f3f5;
	color: #888;
	font-size: 12px;
	text-decoration: none;
	border-radius: 6px;
}
@media screen and (max-width: 1023px) {
	.newest_news header .list_link a {
		padding: 2px 10px;
		font-size: 1rem;
		border-radius: 3px;
	}
}

.newest_news .news_list {
	margin-top: 10px;
}
.newest_news .news_list li {
	margin-bottom: 10px;
}
.newest_news .news_list li a {
	display: inline-block;
	color: #444;
	text-decoration: none;
	text-indent: -18px;
	padding-left: 18px;
}
.newest_news .news_list li a::before {
	content: "▶";
	margin-right: 7px;
	font-size: 12px;
	vertical-align: middle;
}
.newest_news .news_list li a span {
	text-decoration: underline;
}

/* ------------------------------------------------------
 = Fireworkウィジェット調整
------------------------------------------------------ */
#fwn_videos + script + .mtitle,
#fwn_videos + script + .toc-index + .mtitle,
#fwn_videos + script + p {
	margin-top: 0;
}


/* オファーウォール広告 iOS表示調整
＊viewportサイズに合わせ縮小
------------------------------------------------------ */
body.iphone .fc-message-root .fc-dialog-headline-text {
	margin-bottom: 6px !important;
	font-size: 16px !important;
}
body.iphone .fc-message-root .fc-dialog-body-text {
	font-size: 12px !important;
}
body.iphone .fc-message-root .fc-list-item-text {
	font-size: 11px !important;
}
body.iphone .fc-message-root .fc-list-item-subtext {
	font-size: 11px !important;
}
body.iphone .fc-message-root .fc-monetization-dialog {
	padding: 26px 20px 20px 20px !important;
}
body.iphone .fc-message-root .fc-header-image {
	max-height: 50px !important;
	min-height: 35px !important;
}
body.iphone .fc-message-root .fc-list-item-button {
	padding: 14px !important;
}
body.iphone .fc-message-root .fc-monetization-dialog .fc-dialog-content > :not(:last-child) {
	margin-bottom: 12px !important;
}


/*============================================================================*
/* アプリ用デザイン　detail_app
/*============================================================================*/
.osusume_detail_app {
	padding-top: 0 !important;
	width: 320px !important;
	overflow: hidden;
}
@media screen and (min-width: 321px) {
	.osusume_detail_app {
		width: auto !important;
	}
}

#main.page_reports_detail_app {
	float: none;
	margin: 0 auto;
}

/*----------------------------*
/* レコメンドウィジェット
/*----------------------------*/
.page_reports_detail_app .recommend_header {
	height: 30px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background-color: #ef8080;
}

/*----------------------------*
/* サムネイル
/*----------------------------*/
.page_reports_detail_app .head {
	position: relative;
	margin: 0;
	border-bottom: none;
}
.page_reports_detail_app .head .thumbnail {
	width: 100%;
	height: 250px;
	position: relative;
}
.page_reports_detail_app .head .thumbnail::after {
	content: '';
	width: 100%;
	height: 250px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.page_reports_detail_app .head .thumbnail img {
	display: none;
}

/*----------------------------*
/* タイトル・前置き等
/*----------------------------*/
.page_reports_detail_app .head_txt_wrap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 250px;
}
.page_reports_detail_app .head_txt_inner {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.page_reports_detail_app .head .article_title {
	padding: 15px 10px 10px;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
}
.page_reports_detail_app .head .description {
	color: #202020;
	line-height: 1.6;
	margin: 0;
	padding: 15px 10px;
}
.page_reports_detail_app .head .article_date {
	display: none;
}
.page_reports_detail_app .head .pege_count_wrap {
	display: inline-block;
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 10px;
	padding: 0 10px;
	border-radius: 3px;
}
.page_reports_detail_app .head .article_writer {
	margin: 5px 10px 10px;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
}
.page_reports_detail_app .head .article_writer .writer_img {
	width: 20px;
	height: 20px;
	float: left;
}
.page_reports_detail_app .head .article_writer .writer_img img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.page_reports_detail_app .head .article_writer .name {
	margin-left: 30px;
	color: #fff;
}
.page_reports_detail_app .head .article_writer .name a {
	color: #fff;
}
.page_reports_detail_app .head .article_writer .name a span:last-child span {
	display: none;
}

/*----------------------------*
/* コメント書き込みボタン
/*----------------------------*/
.osusume_detail_app .head .com_obi_btn_wrap {
	margin: 0 10px 15px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.osusume_detail_app .head .com_obi_btn_wrap {
		margin: 0 10px 15px;
	}
}

/*----------------------------*
/* 本文
/*----------------------------*/
.page_reports_detail_app .article_body {
	padding: 10px;
	color: #202020;
	border-top: none;
}
.osusume_detail_app .tmp_text .mtitle {
	color: #e15e5e;
	border-bottom: 2px solid #e15e5e;
}
.osusume_detail_app .tmp_text .stitle {
	color: #e15e5e;
}
.osusume_detail_app .tmp_text .sstitle {
	font-size: 1.4rem;
}
.osusume_detail_app .tmp_text .ssstitle {
	font-size: 1.4rem;
}
.osusume_detail_app .tmp_text .img img {
	border: none;
}
.osusume_detail_app .article_page_link {
	margin-top: 0;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.tmp_text .img img {
		max-height: inherit;
	}
}

/*----------------------------*
/*　SNS
/*----------------------------*/
.osusume_detail_app .social_share_bottom {
	margin: 15px 10px;
}
.osusume_detail_app .social_list_top {
	display: none;
}
.osusume_detail_app .social_list_top li.article_favorite_btn {
	display: none;
}

/*----------------------------*
/*  下部の各タイトル
/*----------------------------*/
.osusume_detail_app .deg_section_title {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	font-weight: normal;
}
.osusume_detail_app .deg_section_title::before {
	display: none;
}

/*----------------------------*
/* アプリ用 このレポートについたタグ
/*----------------------------*/
.page_reports_detail .article_tag {
	margin: 10px;
	padding-bottom: 10px;
}
.page_reports_detail .article_tag .article_tag_title {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
}
.page_reports_detail .article_tag ul {
	margin: 10px 0;
}
.page_reports_detail .article_tag ul li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.page_reports_detail .article_tag ul li a {
	background: #fff url('../images/osusume_tag.png') no-repeat 3px center;
	background-size: 15px auto;
	border: 1px solid #ccc;
	font-size: 15px;
	vertical-align: middle;
	height: 24px;
	line-height: 24px;
	display: block;
	padding: 0px 7px 0 25px;
	border-radius: 3px;
}
.page_reports_detail .article_tag ul li a:hover {
	text-decoration: none;
	background-color: #f7f4f2;
}

@media screen and (max-width: 1023px) {
	.page_reports_detail .article_tag {
		margin: 0;
		padding: 5px 10px;
		background: #eee;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
	}
	.page_reports_detail .article_tag .article_tag_title {
		font-size: 13px;
		font-weight: normal;
		border-bottom: 1px solid #E1E1E1;
		padding-bottom: 3px;
		margin-top: 5px;
	}
	.page_reports_detail .article_tag ul li a {
		background-position: 6px center;
		background-size: 13px;
		font-size: 13px;
		padding-left: 22px;
	}
}


/*----------------------------*
/*  アプリ記事一覧
/*----------------------------*/
.deg_article_list_app>li {
	margin-bottom: 10px;
}
.deg_article_list_app a {
	display: block;
	overflow: hidden;
	color: #202020;
	background: #fff;
	padding: 0;
	border-radius: 3px;
}
.deg_article_list_app .img {
	width: 90px;
	height: 90px;
	overflow: hidden;
	float: left;
}
.deg_article_list_app .img img {
	width: 100%;
	height: auto;
}

.osusume_detail_app .detail {
	margin-left: 100px;
	padding: 6px 5px 5px 0;
	height: 90px;
	min-height: 75px;
	position: relative;
	box-sizing: border-box;
}
.osusume_detail_app .title {
	font-weight: bold;
	margin-bottom: 8px;
	height: 2.6em;
	line-height: 1.4;
	font-size: 14px;
}
.osusume_detail_app li li {
	position: relative;
	text-align: left;
	font-size: 10px;
	color: #999;
	margin-top: -3px;
}
.osusume_detail_app li .cate::before {
	content: "";
	width: 10px;
	height: 10px;
	background: url('../images/osusume/cate_g_sp.png') no-repeat center;
	background-size: contain;
	display: block;
	position: relative;
	float: left;
	margin: 5px 8px 0 0;
}
.osusume_detail_app li .writer_name::before {
	content: "";
	width: 10px;
	height: 10px;
	background: url('../images/osusume/type4.png') no-repeat center;
	background-size: contain;
	display: block;
	position: relative;
	float: left;
	margin-right: 8px;
	margin: 5px 8px 0 0;
}

/*----------------------------*
/*  関連するレポート
/*----------------------------*/
.osusume_detail_app .recommended_reports_list{
	background: #efece7;
	padding: 10px 10px 20px;
	margin: 0;
	padding-top: 20px;
}


/*----------------------------*
/*広告
/*----------------------------*/
.osusume_detail_app .detail_footer__ad--1 {
	background: #fff;
	text-align: center;
	padding: 10px 0;
}

body.android .osusume_detail_app .detail_footer__ad--1 {
	margin-top: 150vw;
}

.osusume_detail_app .detail_footer__ad--1 img {
	vertical-align: bottom;
}
.osusume_detail_app .detail_footer__ad--1 > div {
	margin: 0 auto;
}

/*----------------------------*
/*　side アクセスランキング
/*----------------------------*/
.osusume_detail_app .app_ranking_lists {
	padding-bottom: 50px;
}
.osusume_detail_app #sidebar {
	background: #efece7;
}
.osusume_detail_app #sidebar .ranking_dairy {
	background: none;
	border: none;
	padding: 10px;
}
.osusume_detail_app #sidebar .sidebar_title {
	border: none;
	font-weight: normal;
	padding: 0;
}
.osusume_detail_app .deg_article_list > li {
	margin-bottom: 10px;
}
.osusume_detail_app .deg_article_list > li > a {
	background: #fff;
	padding: 0;
	border-radius: 3px;
}

/*----------------------------*
/*　コメントフォーム
/*----------------------------*/
.osusume_detail_app .comment_list_form {
	margin-bottom: 10px;
}

/*============================================================================*
/*  ハンドブック　アプリ用
/*============================================================================*/
.osusume_hb_app {
	padding-top: 0 !important;
}
.osusume_hb_app .article {
	border: none;
	border-bottom: 1px solid #ededed;
	padding: 0 0 20px;
}

/*============================================================================*
/*  検索ページ　アプリ用
/*============================================================================*/
.search_form_app {
	padding-top: 0 !important;
}


/* ------------------------------------------------------
 = 広告スロット Shift adjust
------------------------------------------------------ */
body.mobile .ad-slot {
	min-height: 280px;
}
@media screen and (min-width: 360px) {
	body.mobile .ad-slot {
		min-height: 315px;
	}
}
@media screen and (min-width: 412px) {
	body.mobile .ad-slot {
		min-height: 360px;
	}
}

body.mobile .ad_kizi_in {
	min-height: 280px;
}
@media screen and (min-width: 360px) {
	body.mobile .ad_kizi_in {
		min-height: 315px;
	}
}
@media screen and (min-width: 412px) {
	body.mobile .ad_kizi_in {
		min-height: 360px;
	}
}