@CHARSET "utf-8";

/*============================================================================*
/* 記事詳細
/*============================================================================*/
.page_reports_detail { }
.page_reports_detail .article { border:solid 1px #eee; margin-bottom:20px; }
@media screen and (max-width: 1023px) { 
.page_reports_detail .article { border:none; margin-bottom:0; }
}

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


/*-------------------------*/
/*  サムネイル             */
.page_reports_detail .thumbnail     { display:none;}
@media screen and (max-width: 1023px) { 
.page_reports_detail .thumbnail     {
	width:100%;
	height:190px;
	overflow:hidden;
	display:block;
}
.page_reports_detail .thumbnail img { display:none;}
}


/*-------------------------*/
/*  更新日付               */
.page_reports_detail .head .article_date{ padding:0 0 10px 0; font-size:12px; color:#999; display:inline-block;}
@media screen and (max-width: 1023px) { 
.page_reports_detail .head .article_date      { padding:0 10px 5px;}
.page_reports_detail .head .article_date span { font-size: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:10px; padding:5px 0 15px;}
.page_reports_detail .top_view span { font-size:12px; font-weight: normal; color: #999;}
}

/*-------------------------*/
/*  記事タイトル           */
.page_reports_detail .article_title { clear:both; font-size:30px; line-height:1.4em; font-weight:bold; padding:0 0 10px; color:#000000; }
@media screen and (max-width: 1023px) { 
.page_reports_detail .article_title { font-size:16px; padding:0 ; display:inline;}
}

/*-------------------------*/
/*  ページ分割           */
@media screen and (max-width: 1023px) { 
.article_title_wrap{ margin:0 10px 10px;}
.page_reports_detail .pege_count {
	display:inline;
	background:#ef8080;
	color:#fff;
	font-size:10px;
	line-height:18px;
	text-align:center;
	width:32px;
	padding:1px 5px;
	margin-left:4px;
	vertical-align:middle;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}
}


/*-------------------------*/
/*   記事上部 シェアボタン          */
.social_list_top                     { padding-bottom:10px;}
.social_list_top .deg_social_list li { display:inline-block; vertical-align:middle;}
.social_list_top .deg_social_list a  {
	display:block;
	color:#fff;
	font-size:10px;
	line-height:30px;
	text-align:center;
	width:115px;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.social_list_top .deg_social_list a:hover  {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.social_list_top .deg_social_list .twitter a{
	background:#00b1eb url('../images/osusume/header_top_twitter2.png') no-repeat 15px center;
	background-size:26px auto;
	padding-left:25px;
}
.social_list_top .deg_social_list .facebook a{
	background:#3b5998 url('../images/osusume/header_top_facebook2.png') no-repeat 20px center;
	background-size:26px auto;
	padding-left:32px;
}
.social_list_top .deg_social_list .facebook a{
	background:#3b5998 url('../images/osusume/header_top_facebook2.png') no-repeat 20px center;
	background-size:26px auto;
	padding-left:32px;
}
.social_list_top .deg_social_list .line { display:none;}

@media screen and (max-width: 1023px) { 
.social_list_top                     { float:none; clear:both; margin: 0 10px 16px;}
.social_list_top .deg_social_list li { width:32%;}
.social_list_top .deg_social_list a  { padding:0; height:40px; width:100%; text-indent:100%; white-space:nowrap; overflow:hidden;}
.social_list_top .deg_social_list .twitter a{
	background:#00b1eb url('../images/osusume/header_top_twitter2.png') no-repeat center;
	background-size:25px auto;
	padding-left:0;
	border-bottom:4px solid #0099cb;
}
.social_list_top .deg_social_list .facebook a{
	background:#3b5998 url('../images/osusume/header_top_facebook2.png') no-repeat center;
	background-size:25px auto;
	padding-left:0;
	border-bottom:4px solid #284180;
}
.social_list_top .deg_social_list .line a{
	background:#0ace00 url('../images/osusume/header_top_line.png') no-repeat center;
	background-size:25px auto;
	padding-left:0;
	border-bottom:4px solid #09bc00;
}
.social_list_top .deg_social_list .line { display:inline-block;}
/*End @media */}


/*---------------------------*/
/*  お気に入り追加ボタン     */
.social_list_top .article_favorite_btn   { }
.social_list_top .article_favorite_btn a {
	display:block;
	font-size:12px;
	padding:0 10px 0 45px;
	color:#f06464;
	width:auto;
	background:url('./../images/osusume/article_favorite_btn.png') no-repeat left 16px center;
	background-size:18px auto;
	border:1px solid #f06464;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}

@media screen and (max-width: 1023px) { 
.social_list_top li.article_favorite_btn { position:absolute; top:160px; right:10px; width:auto;}
.social_list_top .article_favorite_btn a {
	display:block;
	width:60px;
	height:60px;
	padding:0;
	background: #fff url('./../images/osusume/article_favorite_btn.png') no-repeat  center;
	background-size:28px auto;
	border:none;
	-webkit-border-radius : 60px;
	   -moz-border-radius : 60px;
	        border-radius : 60px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	-webkit-box-shadow : 0px 1px 3px rgba( 0, 0, 0, .2);
	   -moz-box-shadow : 0px 1px 3px rgba( 0, 0, 0, .2);
	    -ms-box-shadow : 0px 1px 3px rgba( 0, 0, 0, .2);
	        box-shadow : 0px 1px 3px rgba( 0, 0, 0, .2);
}
.social_list_top .article_favorite_btn a.on{
	background: #f06464 url('./../images/osusume/article_favorite_btn.png') no-repeat  center;
	background-size:28px auto;
}
/*End @media */}


/*-------------------------*/
/*  ディスクリプション     */
.page_reports_detail .description { line-height:1.8em; color:#444444; margin-bottom:15px; background:#f5f5f5; padding:15px 20px}
@media screen and (max-width: 1023px) { 
.page_reports_detail .description { padding:10px 15px; line-height:1.6em;}
}

/*-------------------------*/
/*  ライター               */
.page_reports_detail .head .article_writer               { font-size:12px; padding:0 0 10px; }
.page_reports_detail .head .article_writer > div         { display:inline-block;}
.page_reports_detail .head .article_writer .name         { color:#202020; margin-right:5px; margin-bottom:5px; font-weight:bold;}
.page_reports_detail .head .article_writer .name a       { color:#ff7676; padding-right:3px; text-decoration:underline;}
.page_reports_detail .head .article_writer .name a:hover { text-decoration:none;}
.page_reports_detail .head .article_writer .business     { color: #888888; margin-bottom:5px; margin-right:20px;}
.page_reports_detail .head .article_writer .memo         { line-height:1.6em; font-size:11px;}
.page_reports_detail .head .writer_img{
	width:22px;
	height:22px;
	margin-right:8px;
	overflow:hidden;
	vertical-align:text-bottom;
}
.page_reports_detail .head .writer_img img{
	width:100%;
	vertical-align:middle;
	-webkit-border-radius : 20px;
	   -moz-border-radius : 20px;
	        border-radius : 20px;
}

@media screen and (max-width: 1023px) { 
.page_reports_detail .head .article_writer{
	float:none;
	text-align:left;
	color:#999;
	margin-top:10px;
	padding:0 10px 10px 8px;
	clear:both;
}
.page_reports_detail .head .writer_img     { float:left; width:20px; height:22px; margin-bottom:10px;}
.page_reports_detail .head .writer_img img {
	-webkit-border-radius : 20px;
	   -moz-border-radius : 20px;
	        border-radius : 20px;
}
.page_reports_detail .head .article_writer .name    { font-size:12px; display:block; font-weight:normal; margin-right:0; margin-top:2px;}
.page_reports_detail .head .article_writer .name a  { font-size:12px; color:#aaaaaa;}
.page_reports_detail .head .article_writer .business{
	margin-left:26px;
	line-height:1.4em;
	color:#aaaaaa;
	display:block;
	font-size:12px;
}
}

/*-------------------------*/
/*  目次                   */
.article .mokui{
	clear:both;
	border:4px solid #f5f5f5;
	padding:20px 20px 10px;
	margin:20px;
	-webkit-border-radius : 8px;
	   -moz-border-radius : 8px;
	        border-radius : 8px;
}
.article .mokui .mokuji_title{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.article .mokui {}
.article  .mokuji_list li{
	background:url('../images/osusume/mokuji_new.png') no-repeat left -7px top ;
	padding-left:14px;
	margin-bottom:10px;
}
.mokuji_list li a:hover{text-decoration-line: none;}
.mokuji_list li a{text-decoration-line: underline;}


@media screen and (max-width: 767px) { 
.article .mokui{
	clear:both;
	margin:15px ;
	border:4px solid #f5f5f5;
	padding:10px 13px 5px;
	-webkit-border-radius : 8px;
	   -moz-border-radius : 8px;
	        border-radius : 8px;
}
.article .mokui .mokuji_title{ font-size:16px; font-weight:bold; margin-bottom:10px; margin-top:8px;}
.article .mokui .mokuji_list{}
.article .mokui .mokuji_list li{
	background:url('../images/osusume/mokuji_new_sp.png') no-repeat left top 5px;
	background-size:5px auto;
	padding-left:14px;
	margin-bottom:14px;
	line-height:20px;
}

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


/*End @media */}



/*-------------------------*/
/*  header_ad               */
.detail_header__ad     { margin-top:50px; margin-bottom:20px; text-align:center; clear:both;}
.detail_header__ad > div{ display:inline-block;}
.detail_header__ad img { vertical-align:bottom;}
@media screen and (max-width: 1023px) { 
.detail_header__ad     { margin-bottom:10px; margin-top:0;}
/*End @media */}


/*----------------------------*
/* 記事本文
/*----------------------------*/
.page_reports_detail .article_body { padding:20px; font-size:1.1em; line-height:1.7em; padding-bottom:0; border-top:solid 1px #eee;}
@media screen and (max-width: 1023px) { 
.page_reports_detail .article_body { padding:10px 10px 0; margin-bottom:10px;}
}


/*----------------------------*
/* こちらもおすすめ
/*----------------------------*/
.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 #eeeeee;}
.article_body_bottom_recommend_list li { border-bottom:1px solid #eeeeee; position:relative; display:table; width:100%;}
.article_body_bottom_recommend_list li a { padding:10px 20px 10px 0; display:table-cell; vertical-align:top;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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:#000000 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:10px; background:#f5f5f5;}
.article_body_bottom_recommend_list      {}
.article_body_bottom_recommend_list li a { height:50px;}
.article_body_bottom_recommend_list .text{ font-size:10px;}
}


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


/*-------------------------*/
/*  記事ページリンク       */
.article_page_link           { text-align:center; padding:10px 0; margin:10px 0 0; background:#f5f5f5;}
.article_page_link .note     { font-size:12px; color:#999999;}
.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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f48185+0,f07070+100 */
	background: #f48185; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f48185 0%, #f07070 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48185), color-stop(100%,#f07070)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f48185 0%,#f07070 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f48185 0%,#f07070 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f48185 0%,#f07070 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f48185 0%,#f07070 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48185', endColorstr='#f07070',GradientType=0 ); /* IE6-8 */
}
.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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	-webkit-transition : all 0s ease;
	   -moz-transition : all 0s ease;
	     -o-transition : all 0s ease;
	        transition : all 0s ease;
}
.article_page_link .page_link a:hover{
	color:#fff;
	text-decoration:none;
	-webkit-transition : all 0s ease;
	   -moz-transition : all 0s ease;
	     -o-transition : all 0s ease;
	        transition : all 0s ease;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6547e+0,f44669+51,f23955+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f48185+0,f07070+100 */
	background: #f48185; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f48185 0%, #f07070 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48185), color-stop(100%,#f07070)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f48185 0%,#f07070 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f48185 0%,#f07070 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f48185 0%,#f07070 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f48185 0%,#f07070 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48185', endColorstr='#f07070',GradientType=0 ); /* IE6-8 */
}
.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;
	padding-left:-10px;
}
.article_page_link .next_page a:hover { text-decoration:none;}
@media screen and (max-width: 1023px) { 
.article_page_link                    { margin:10px 0;}
.article_page_link li                 { margin:10px 3px;}
.article_page_link .note              { display:none;}
/*End @media */}


/*-------------------------*/
/*     記事下部広告        */

.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; margin:0px 8px; vertical-align: top;}
.detail_footer__ad > div a { text-decoration:underline;}
.detail_footer__ad > div a:nth-child(1) > img { max-width:336px;}
.detail_footer__ad > div .ad_border{
	border:1px solid #eee;
	min-height: 280px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.detail_footer__ad .detail_footer__ad--1 > div{ display:inline-block;}

@media screen and (max-width: 1023px) { 
.detail_footer__ad       { padding:0; margin-top:10px;}
.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;}
/*End @media */}


/*----------------------------*
/* テキストの広告
/*----------------------------*/
.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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	-webkit-transition : all 0s ease;
	   -moz-transition : all 0s ease;
	     -o-transition : all 0s ease;
	        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;}
.pc_bottom_sns .pc_bottom_sns_inner{ text-align: right;}
.pc_bottom_sns .pc_bottom_sns_inner li{ display: inline-block; vertical-align: top;}

@media screen and (max-width: 767px) { 
.pc_bottom_sns{ margin: 10px 0; display: none;}
/*End @media */}

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


@media screen and (max-width: 767px) { 
.sp_bottom_sns{
	display: block;
	margin: 10px;
	border: 1px solid #eeeeee;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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: #999999;
	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;}
/*End @media */}

.social_share_bottom { margin-bottom:15px;}
.social_share_bottom .social_share_bottom_title{
	color:#444444;
	text-align:center;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.social_share_bottom >div { width:40%;}
.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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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;
}
/*End @media */}

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

/*End @media */}

/*-------------------------*/
/* 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; transform:scale(1.5); -webkit-transform:scale(1.5); -moz-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.4em;}
.facebook_like_btn .come_sub { display:none;}
.facebook_like_btn .fb-like  { transform:scale(1); -webkit-transform:scale(1); -moz-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;}
}


/*---------------------------*/
/*   記事詳細の見出し  */
.detail_footer__title{ color:#444444; font-size:16px; font-weight:bold; margin-bottom:10px;}
@media screen and (max-width: 767px) { 
.detail_footer__title{
	font-size:12px;
	border-bottom:1px solid #eee;
	line-height:1em;
	margin-bottom:10px;
	padding-bottom:8px;
}
/*End @media */}


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

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



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


/*----------------------------*
/* ハンドブック
/*----------------------------*/
.detail_bottom_handbook{}
.detail_bottom_handbook ul { overflow:hidden; clear:both;}
.detail_bottom_handbook li {
	width:24%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}

.detail_bottom_handbook li a               { display:block; position:relative; vertical-align: middle; padding-right:10px;}
.detail_bottom_handbook li .img img        { vertical-align:bottom; width:100%; height:auto;}
.detail_bottom_handbook li .handbook_title {
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.detail_bottom_handbook li .handbook_title img { vertical-align: middle; margin-left:10px; width:20px; height:auto}
.detail_bottom_handbook .handbook_more a       {
	background: #f5f5f5;
	color: #45403c;
	font-size: 14px;
	text-align: center;
	line-height: 60px;
	display: block;
	width: 250px;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

@media screen and (max-width: 1023px) { 
.detail_bottom_handbook{ margin-left:0;}
.detail_bottom_handbook .detail_footer__title{
	padding: 0px 0px 0px 5px;
	line-height: 30px;
	height: 30px;
	background-color: #ef8080;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	border-bottom:none;
}
.detail_bottom_handbook ul                 { padding:0 12px;}
.detail_bottom_handbook li                 { width:49%;}
.detail_bottom_handbook li:nth-child(2n+1) { padding-right:3px;}
.detail_bottom_handbook li:nth-child(2n)   { padding-left:3px;}
.detail_bottom_handbook li a               { padding:0;}
.detail_bottom_handbook li .handbook_title { font-size:12px; padding-top:3px;}
.detail_bottom_handbook .handbook_more     { padding-right:15px;}
.detail_bottom_handbook .handbook_more a   { line-height: 50px; width: 250px; font-size: 14px;}
/*End @media */}



/*---------------------------*/
/*   この記事のキーワード  */
.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:#666666; 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;}
/*End @media */}


/*-------------------------*/
/*  記事下部のライター     */
.page_reports_detail .bottom_writer .article_writer{ border:4px solid #eeeeee; 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;
	-webkit-border-radius : 80px;
	   -moz-border-radius : 80px;
	        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          { }
.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;
	-webkit-border-radius : 50px;
	   -moz-border-radius : 50px;
	        border-radius : 50px;
}

@media screen and (max-width: 1023px) { 
.page_reports_detail .bottom_writer                                       {}
.page_reports_detail .bottom_writer .article_writer                       { margin:10px 0; text-align:center; font-size:12px; 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       {
	-webkit-border-radius : 40px;
	   -moz-border-radius : 40px;
	        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:14px; color:#444;}
.page_reports_detail .bottom_writer .article_writer .business             { font-size:10px; margin:5px 0; line-height:1.6em; color:#999;}
}


/*---------------------------*/
/*お気に入りを登録しました*/
.osusume_detail { position:relative;}
.osusume_detail .msg_view .msg_view{
	background:#f06464;
	color:#fff;
	position:absolute;
	width: 200px;
	padding: 10px 20px;
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					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%;}
/*End @media */}


/*----------------------------*
/* 下部のカテゴリ一覧
/*----------------------------*/
.detail_search{}
.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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.detail_search .cate_list li a{
	border:1px solid #eeeeee;
	display:block;
	text-align:center;
	line-height:47px;
	padding:0;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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;
	-webkit-border-radius : 46px;
	   -moz-border-radius : 46px;
	        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;}
/*End @media */}


/*----------------------------*
/* キーワードでさがす
/*----------------------------*/
.detail_search .stitle { color: #202020; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.detail_search .search_key .search_key_inner{
	border:1px solid #eeeeee;
	display:block;
	padding:20px;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.detail_search .search_key .form .gsc-search-button input{
	vertical-align:top;
	background:#cccccc;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	width:100px;
	height:50px;
	line-height:50px;
	-webkit-appearance: none;
	cursor:pointer;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}
.detail_search .search_key .form .gsc-clear-button{ display:none;}

/*タグ一覧*/
.detail_search .search_key .tag           {}
.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;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.detail_search .search_key .tag_list li a:hover{ background-color:#fff2f2; text-decoration:none;}

/*----------------------------*
/*  記事本文のコメント
/*----------------------------*/




/*============================================================================*
/*  ユーザーページ
/*============================================================================*/
.page_users_top .body                    { padding-top: 1em; }
@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;}
/*End @media */}


/*============================================================================*
/* タグページ
/*============================================================================*/
.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;}
/*End @media */}



/*============================================================================*
/* カテゴリ一覧
/*============================================================================*/
@media screen and (max-width: 1023px) { 
.cat_list h1.deg_page_title{ font-size:14px; border:none; font-weight:bold; padding:0; margin:10px 6px;}
}

/*----------------------------*
/* カテゴリタイトル
/*----------------------------*/
.cate_head                 { padding:20px 0 10px;}
.cate_head .deg_page_title { border-bottom:none; padding:0; font-size:24px; color:#000;}
.cate_head .cate_dis       { font-size:12px; color:#888888; line-height:1.5em;}

@media screen and (max-width: 1023px) { 
.cate_list_tab li{ width:50%; }
}


/*----------------------------*
/* 切り替えのタブ
/*----------------------------*/
.cate_list_tab         { border-bottom: 1px solid #f06464; text-align:center; margin-top:20px; overflow:hidden;}
.cate_list_tab li      { width:33%; float:left; line-height:45px;}
.cate_list_tab li a    { display:block;}
.cate_list_tab li.on   { background: #f06464; color: #fff; font-weight: bold;}
.cate_list_tab li.on a { color: #fff;}
.cate_list_tab li.off  { background: #f5f5f5;}

@media screen and (max-width: 1023px) { 
.cate_list_tab    { margin-top:0;}
.cate_list_tab li { width:50%; }
}


/*----------------------------*
/* 大カテゴリ
/*----------------------------*/
.cate_list_wrap{ margin-bottom:70px;}

.cat_list .big_cate_list    {}
.cat_list .big_cate_list li {
	overflow:hidden;
	padding:0;
	border-bottom:1px solid #eee;
	width:50%;
	display:inline-block;
	vertical-align:top;
	margin-right:-5px;
}
.cat_list .big_cate_list a       { display:block; overflow:hidden;}
.cat_list .big_cate_list a:hover { background:#FBFBFB; text-decoration:none;}
.cat_list .big_cate_list .category_img     { width:75px; height:75px; float:left;}
.cat_list .big_cate_list .category_img img { width:100%; }
.cat_list .big_cate_list .category_info    { margin-left:85px;}
.cat_list .big_cate_list .category_title   { font-size:16px; margin:9px 0 3px 0; font-weight:bold; }
.cat_list .big_cate_list .category_dis     { font-size:12px; color:#999; line-height:1.4em; margin-right:10px;}

@media screen and (max-width: 1023px) { 
.cat_list .big_cate_list li { display:block; width:100%; margin-right:0;}
.cat_list .big_cate_list li:nth-child(3n+2) { margin:0;}
.cat_list .big_cate_list .category_title    { font-size:14px; margin:10px 0 5px 0;}
.cat_list .big_cate_list .category_dis      { font-size:10px; line-height:1.4em;}
}

/*----------------------------*
/* サブカテゴリ
/*----------------------------*/
.cat_list .cate_list_sub { width:100%; display:none; margin-top:20px;}
.cat_list .cate_list_sub_inner { width:32%; display:inline-block; vertical-align:top; margin-bottom:40px; margin-right:-5px;}
.cat_list .cate_list_sub_inner:nth-child(3n+2) { margin:0 2% 40px;}
.cat_list .cate_list_sub .sub_cate_list_title  { background: #b2a99b; padding-left: 15px; line-height: 26px; color: #fff;}
.cat_list .cate_list_sub ul { margin-left: 15px;}
.cat_list .cate_list_sub li {}
.cat_list .cate_list_sub a  { display:block; padding:12px 0; border-bottom:1px solid #eee; position:relative; color:#000;}
.cat_list .cate_list_sub a:hover  { background:#FBFBFB; text-decoration:none;}
.cat_list .cate_list_sub a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #c7c7cc;
	border-right: 2px solid #c7c7cc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 1023px) { 
.cat_list .cate_list_sub { margin-top:0;}
.cat_list .cate_list_sub_inner { width:100%; display:block; margin:0;}
.cat_list .cate_list_sub_inner:nth-child(3n+2) { margin:0;}
.cat_list .cate_list_sub li:last-child a       { border-bottom:none;}
.cat_list .cate_list_sub .cate_list_sub_inner:last-child li a{ border-bottom:1px solid #c8c7cc; }
}



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

@media screen and (max-width: 1023px) { 
.cate_detail_list                   { margin:10px 0 0 12px;}
.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:#666666; 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 0;}
/*End @media */}

/*----------------------------*
/* サブカテゴリ-*/
.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 #eeeeee; padding-bottom:3px; margin-bottom:12px; font-weight:bold; color:#444444;}

.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:6px 10px 6px 30px;
	color:#666666;
	font-size:12px;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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:#666666; line-height:44px; text-align:center;}

.cate_head .sub_cate_list a  { font-size:11px; padding:3px 8px;}
.cate_head .deg_page_title   { font-size:20px; 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;}
/*End @media */}


/*============================================================================*
/* 検索結果
/*============================================================================*/
.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: #eeee;}	
.page_search .gsc-results .gsc-cursor-box .gsc-cursor-page{
  padding: 5px 10px;
	display:inline-block;
	margin-bottom:10px;
  border: 1px solid #eee;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}	
.page_search div.gsc-control-cse{ padding:0;}

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

/*----------------------------*
/* ハンドブックとは
/*----------------------------*/
.osusume_handbook .top_osusume_handbook        { border-bottom:1px solid #dbdbdb;margin-top:20px;}
.osusume_handbook .top_osusume_handbook .title { font-size:35px; margin-bottom:20px; 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:20px; margin-bottom:10px;}
.osusume_handbook .top_osusume_handbook .note  { width:90%;}
.osusume_handbook .deg_pager                   { border-bottom:none;}
/*End @media */}


/*----------------------------*
/*　一覧
/*----------------------------*/
.handbook_loop { overflow:hidden;}
.handbook_loop .loop_title { margin:30px 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 #eeeeee}
.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.5em; }
.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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}

@media screen and (max-width: 1023px) { 
.handbook_loop .loop_title        { margin:20px 10px; font-size:18px;}
.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:12px;}
.handbook_loop .detail .pre_title { display:none;}
.handbook_loop .detail .text      { height:auto; }
.handbook_loop .detail .see_btn   { display:none;}
/*End @media */}
@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;}
/*End @media */}



/*----------------------------*
/* ハンドブックの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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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%;}
/*End @media */}

.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:35px 0;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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:20px 10px; }
/*End @media */}



/*============================================================================*
/*  ハンドブック記事詳細
/*============================================================================*/

.page_reports_detail .article_title.handbook_title{ padding:20px 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.5em;
	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.3em;
	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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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:13px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
/*End @media */}


/*----------------------------*
/*　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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	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;}
/*End @media */}


/*----------------------------*
/*各カテゴリの目次
/*----------------------------*/
.osusume_hb .content_table {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 1em;
	background-color: #f8f8f8;
	-webkit-border-radius : 4px;
	   -moz-border-radius : 4px;
	        border-radius : 4px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.osusume_hb .content_table li {
	width: 50%;
	float: left;
	margin:5px 0;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-ms-box-sizing : border-box;
	-o-box-sizing : border-box;
	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:2em;
}
.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;
}/*End @media */}

/*----------------------------*
/*各リンク
/*----------------------------*/
/*一つだけのリンクの場合*/
.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;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	       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;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        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:13px; 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:13px;}

/*End @media */}

/*----------------------------*
/* 小さい画像
/*----------------------------*/
.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;}
/*End @media */}


/*----------------------------*
/* dl
/*----------------------------*/
.osusume_hb .dl_list          { margin-bottom:2em;}
.osusume_hb .dl_list dt       { float:left; margin-right:1em;}
.osusume_hb .dl_list dd       {}
.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.2em;}


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

/*----------------------------*
/* 下部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;}
/*End @media */}


/*----------------------------*
/*　下部広告
/*----------------------------*/
.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_ad .handbook_bottom_ad2 { display: none;}
.handbook_bottom_ad > div{ margin-bottom:0; margin:0; padding:0;}
/*End @media */}

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


/*============================================================================*
/* 検索フォーム
/*============================================================================*/
.osusume_search_form .osusume_search_form_form  { margin:30px 0;}
.osusume_search_form form.gsc-search-box        { margin: 20px auto 30px; width: 80%; height:32px;}
.osusume_search_form .gsc-input input.gsc-input { padding:5px 6px;-webkit-appearance: none; border-radius: 0;}
.osusume_search_form input.gsc-search-button    { height:32px; -webkit-appearance: none; border-radius: 0;}
.osusume_search_form .side_tag .sidebar_title   { border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:20px;}

@media screen and (max-width: 1023px) { 
.osusume_search_form_sp{ display:none;}
.osusume_search_form  table.gsc-search-box td.gsc-clear-button{ display:none;}
.osusume_search_form .side_tag                { margin:0 10px 20px;}
.osusume_search_form .side_tag .sidebar_title { margin-bottom:10px;}

.osusume_search_form .osusume_search_form_form { background:#444444; margin:0; padding:10px 20px 20px; margin-bottom:20px; height:auto;}
.osusume_search_form .osusume_search_form_form h2 { color:#fff; padding-bottom:8px; font-size:14px; font-weight:bold;}
.osusume_search_form .gsc-input input.gsc-input   { width:94%; border:none; padding:10px 6px;}
.osusume_search_form form.gsc-search-box          { margin:0 auto; width:100%; height:40px;}
.osusume_search_form input.gsc-search-button      { border:none; background:#f06464; color:#fff; height:40px; font-weight:normal; font-size:15px; padding:0 20px;}
/*End @media */}


/*----------------------------*
/* どんなことでお悩みですか？
/*----------------------------*/
.osusume_search_form .search_form_cate_text    { clear:both;}
.osusume_search_form .search_form_cate_text h3 { font-weight:bold; padding-bottom:10px;}
.osusume_search_form .search_form_cate_text p  { font-size:14px; color:#666; padding-bottom:10px;}
.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;
}
@media screen and (max-width: 1023px) { 
.osusume_search_form .search_form_cate_text    { padding:0 20px;}
.osusume_search_form .search_form_cate_text h3 { padding-bottom:5px;}
.osusume_search_form .search_form_cate_text p  { font-size:12px; line-height:1.5em;}
/*End @media */}




/*============================================================================*
/*トイプードルブックのデザイン*/
/*============================================================================*/
.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;}
/*End @media */}




/*============================================================================*
/*会員ページ
/*============================================================================*/

/*----------------------------*
/* 公開プロフィール
/*----------------------------*/
.public_profile_area { border: solid 3px #EEE; padding: 20px; margin-bottom:20px; overflow:hidden;}
.public_profile_area .writer_img{ float:left;}
.public_profile_area .writer_img img{
	-webkit-border-radius : 120px;
	   -moz-border-radius : 120px;
	        border-radius : 120px;
}

.public_profile_area_wrap{ margin-left:140px;}
.public_profile_area .name{ border-bottom: none; padding: 0; font-size: 24px; color: #000; line-height:1.5em; vertical-align:top;}
.public_profile_area .appellative{ color:#999; font-size:11px; line-height:1.6em;}
.public_profile_area .license{ color:#999; font-size:11px; line-height:1.6em;}
.public_profile_area .body { font-size:11px; line-height:1.6em;}

@media screen and (max-width: 979px) { 
.public_profile_area{ margin:10px; padding:10px;}
.public_profile_area .writer_img img{
	width:60px;
	margin-bottom:10px;
	-webkit-border-radius : 60px;
	   -moz-border-radius : 60px;
	        border-radius : 60px;
}
.public_profile_area_wrap{ margin-left:0; line-height:1.4em;}
.public_profile_area .name{ margin-left:70px; font-size:18px;}
.public_profile_area .appellative{ margin-left:70px; font-size:10px;}
.public_profile_area .license{ margin-left:70px; font-size:10px;}
.public_profile_area .body { clear:both; padding-top:0;}
/*End @media */}


/*============================================================================*
/* テキストデザインテンプレート
/*============================================================================*/
/*----------------------------*
/* ハンドブック　
/*----------------------------*/
.tmp_text .hb_design_title { font-size:1.3em; line-height: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;}
.tmp_text .hb_design_list li .link_dis   { font-size:12px; line-height:1.5em; color:#666; margin-bottom:0; margin-top:5px;}
.tmp_text .hb_design_list li a:hover     { text-decoration:none;}

@media screen and (max-width: 767px) { 
.tmp_text .hb_design_list li .link_title { margin-top:-5px;}
/*End @media */}


/*============================================================================*
/*  画像詳細ページ
/*============================================================================*/

/*----------------------------*
/* 画像ページのみパンくずの位置を変更
/*----------------------------*/
.osusume_imeg_detail .breadcrumb_list{
	display:block;
	margin:0 10px;
	margin-bottom: 1em;
	font-size: 10px;
	line-height: 1.4em;
}
.osusume_imeg_detail .breadcrumb_list li{
    display: inline-block;
    position: relative;
    padding-right: 15px;
}
.osusume_imeg_detail .breadcrumb_list li::after{
	position: absolute;
	top: 50%;
	right: 3px;
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.osusume_imeg_detail .breadcrumb_list a{
    color: #f06464;
}
.osusume_imeg_detail .breadcrumb_sp{ display:none;}

/*----------------------------*
/* 広告
/*----------------------------*/
.img_page_pc{ display:block;}
.img_page_sp{ display:none;}
@media screen and (max-width: 767px) { 
.img_page_pc{ display:none;}
.img_page_sp{ display:block;}
/*End @media */}





.img_page{}
.img_page .article_body         { text-align:center; border-top:none; padding-top:15px;}
.img_page .article_body .back   { margin-bottom:15px;}
.img_page .article_body .back a {
	display: block;
	width: 200px;
	margin: 0 auto;
	border: 1px solid #dadada;
	color: #444;
	text-align: center;
	font-size: 16px;
	padding:5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
}
.img_page .article_body .back a:hover { background:#f8f8f8;}

.img_page .article_body img { vertical-align:bottom; max-width:600px;}
.img_page .source{
	text-align:center;
	color:#ccc;
	font-size:12px;
	border-bottom:1px solid #eeeeee;
	padding:10px;
	margin:0 20px 20px;
}

.img_page .SponsoredLink{ margin-top:30px; margin-bottom:3px; font-size:16px; color:#444;}

.img_page .imgpage_back        { margin:20px;}
.img_page .imgpage_back .title { font-size:16px; margin-bottom:8px;}
.img_page .imgpage_back .post a{
	display:block;
	border:2px solid #f1f1f1;
	padding:20px;
	overflow:hidden;
	position:relative;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}

.img_page .imgpage_back .thumbnail     { float:left; margin:0 20px 0 0; width:140px; display:block; height:auto;}
.img_page .imgpage_back .thumbnail img { width:100%; vertical-align:bottom;}
.img_page .imgpage_back .title_area    { font-size:18px; font-weight:bold; margin-bottom:.8em;}
.img_page .imgpage_back .description   { font-size:12px; color:#666; left:180px; line-height:18px; background:none; padding:0;}


@media screen and (max-width: 979px) { 
.img_page .article_body     { padding-top:10px;}
.img_page .article_body img { vertical-align:bottom; max-width:100%;}
.img_page .source           { margin:0 10px 10px; padding-top:0;}

.img_page .imgpage_back              { margin:10px 5px;}
.img_page .imgpage_back .title       { margin-top:15px;}
.img_page .imgpage_back .post a      { padding:10px;}
.img_page .imgpage_back .thumbnail   { margin:0 10px 0 0; width:100px;}
.img_page .imgpage_back .title_area  { font-size:14px; margin-bottom:0;}
.img_page .imgpage_back .description { display:none;}
.img_page .detail_footer__ad         { display:none;}
/*End @media */}


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


/*============================================================================*
/* 記事内のコメント表示
/*============================================================================*/
/*----------------------------*
/*  記事の上部
/*----------------------------*/
.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;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.osusume_comments_top .osusume_comments_link{}
.osusume_comments_top .osusume_comments_link a{
	display:block;
	background:#ef8080;
	color:#fff;
	font-size:12px;
	width:120px;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}

.social_list_top{ margin-right:10px;}
.page_reports_detail .head .article_writer { padding:4px 0;}
.page_reports_detail .description          { clear:both;}

@media screen and (max-width: 767px) { 
.osusume_comments_top    {
	float:none;
	padding: 0 10px;
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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%;}
.social_list_top { float:none; padding:0; margin-bottom:10px;}
.page_reports_detail .head .article_writer     { padding:5px 10px;}
/*End @media */}


/*----------------------------*
/*  みんなのコメント
/*----------------------------*/
.osusume_comments{ padding:0 0 20px; position:relative; margin:0 20px;}

.osusume_comments .img { float:left; width:30px; margin-right:10px; margin-bottom:15px;}
.osusume_comments .img img { width:100%;}
.osusume_comments .body{ color:#444; clear:both;}
.osusume_comments .body img{ max-width:100%;}

.osusume_comments_btn { text-align:center; margin:25px 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;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}
.osusume_comments_btn a:hover{ text-decoration:none; background:#ed7a7a;}

@media screen and (max-width: 767px) { 
.osusume_comments{ padding:0; margin:20px 0;}
.osusume_comments .osusume_comments_title{ font-size:14px; padding:0 10px;}
.osusume_comments .comment_count{}

.osusume_comments .img  { width:25px; margin-bottom:5px;}
.osusume_comments .name { line-height:25px;}
.osusume_comments_btn   { margin:20px 0;}
.osusume_comments_btn a { line-height:50px; width:90%; font-size:14px;}
/*End @media */}

/*----------------------------*
/*  コメント広告
/*----------------------------*/
.ad_comment{ text-align:center;}
.ad_comment > div{ margin:0 auto;}

/*----------------------------*
/*  みんなのコメントの追加修正
/*----------------------------*/
.osusume_comments { margin:0;}
.osusume_comments .osusume_comments_title{ margin:0;}
.osusume_comments .comment_count{ margin:0;}

.tmp_text .osusume_comments .img      { float:left; width:30px; margin:0; margin-right:10px; margin-bottom:15px;}
.tmp_text .osusume_comments .img img  { width:100%; border:none;}
.tmp_text .osusume_comments .name     { margin-bottom:5px; color:#aaaaaa; font-size:12px; line-height:30px;}
.tmp_text .osusume_comments .body     { color:#444; clear:both;}
.tmp_text .osusume_comments .body_img img { max-width:100%;}

.tmp_text .osusume_comments .name         { margin:0; margin-bottom:5px; color:#aaaaaa; font-size:12px; line-height:30px;}
.tmp_text .osusume_comments .body         { color:#444; clear:both; font-size:inherit; margin-top:0; margin-bottom:15px;}
.tmp_text .osusume_comments .body_img{ text-align:center;}
.tmp_text .osusume_comments .body_img img     { max-width:100%;}

.tmp_text .osusume_comments_btn  { text-align:center; margin:0 0 25px 0;}
.tmp_text .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;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}
.tmp_text .osusume_comments_btn a:hover{ text-decoration:none; background:#ed7a7a;}



/*============================================================================*
/* コメント一覧
/*============================================================================*/

/*============================================================================*
/* コメント投稿確認画面
/*============================================================================*/
.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{}
.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;
	border-radius: 0;
	cursor:pointer;
}
.comment_cf .comment_cf_btn input:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@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%;}
/*End @media */}


/*============================================================================*
/* コメント投稿確認画面
/*============================================================================*/
.comment_finish{ margin-top:30px;}
.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;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) { 
.comment_finish{ margin-top:0;}
/*End @media */}


/*============================================================================*
/* コメント 削除依頼
/*============================================================================*/
.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;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	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;
	border-radius: 0;
}
.comment_edit_request_form{}

@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;}
/*End @media */}




/*============================================================================*
/* サイド　サークル
/*============================================================================*/
.side_circle_list{}

.side_circle_list ul{ border-top:1px solid #eeeeee;}
.side_circle_list li a{ display:block; overflow:hidden; border-bottom:1px solid #eeeeee; padding:10px 0;}
.side_circle_list li .img{ width:35px; height:35px; float:left;}
.side_circle_list li .img img{ width:100%; height:auto;}
.side_circle_list li .title{ color:#444444; font-size:12px; margin:0 0 0 45px; line-height:1.5em;}


.side_more_btn a{
	background: #f5f5f5;
	color: #45403c;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	display: block;
	width: 100%;
	margin: 12px auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


@media screen and (max-width: 767px) { 
.side_circle_list ul{ margin:0 0 0 12px;}
.side_more_btn{
	margin:0 12px;
}

/*End @media */}




/*============================================================================*
/* サークル一覧
/*============================================================================*/
#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.3em;
}
.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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}

/*End @media */}


/*============================================================================*
/* 2017.02.07　コメント修正
/*============================================================================*/
/*----------------------------*
/*　コメント説明文
/*----------------------------*/
.com_obi_wrap{
	border:4px solid #eeeeee;
	padding:20px 25px;
	margin-bottom:15px;
	position:relative;
	-webkit-border-radius : 6px;
	   -moz-border-radius : 6px;
	        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.5em; border-bottom:2px solid #f07f81;}
.com_obi_wrap .com_obi_dis{ font-size:14px; line-height:1.5em; margin:0;}


/*----------------------------*
/*　コメント数
/*----------------------------*/
.osusume_comments_num_btn { margin:20px 0 0;}
.osusume_comments_num_btn  a{
	display:inline-block;
	border:1px solid #cccccc;
	color:#444;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	width:146px;
	text-align:center;
	line-height:50px;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+48,efefef+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 48%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 48%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 48%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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{ color:#444;}
.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:12px;
}
.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;
}
/*End @media */}



/*----------------------------*
/*
/*----------------------------*/
.osusume_comments{ padding:0;}
.osusume_comments .name_w{ margin:0 0 5px; color:#f08faf; font-size:14px; line-height:30px; font-weight:bold; margin-left:36px;}
.osusume_comments .name_m{ margin:0 0 5px; color:#81d3d8; font-size:14px; line-height:30px; font-weight:bold;}

.tmp_text .osusume_comments .img{ width:26px; height:26px;}
.tmp_text .osusume_comments .body{ font-size:14px;}


.osusume_comments ul   {}
.osusume_comments li   {
	border:1px solid #eeeeee;
	margin-bottom:18px;
	padding:20px;
	-webkit-border-radius : 6px;
	   -moz-border-radius : 6px;
	        border-radius : 6px;
}



.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{  color:#444;}
.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;}
.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 { text-align: center; margin:10px 0;}
.tmp_text .osusume_comments_num_btn.cmt_list_bottom_btn a{
	line-height: 30px;
	width: 100%;
	font-size: 12px;
}
/*End @media */}


/*----------------------------*
/*  記事本文のコメント
/*----------------------------*/
.comment_list_form{
	border: 4px solid #eeeeee;
	padding: 20px 25px;
	margin-bottom: 15px;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	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.5em;
	margin-bottom: 2px;
	border-bottom: 2px solid #f07f81;
}
.comment_list_form_wrap .comment_list_form_tile_sub{ font-size: 12px;color: #aaaaaa; line-height: 1.4em;}

.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;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.comment_list_form_inner { padding:0;}
.comment_list_form_wrap .comment_list_form_tile{ font-size: 14px; margin-bottom: 8px;}
.comment_list_form_wrap .comment_list_form_tile_sub{ margin-bottom: 8px; font-size: 10px;}
/*End @media */}


/*----------------------------*
/* エラー文
/*----------------------------*/
.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%;}
/*End @media */}

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

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

.comment_list_form_inner .name input,
.comment_list_form_inner .body textarea{
	border:1px solid #cccccc;
	padding:6px 12px;
	vertical-align:bottom;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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;}

.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: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 48%, #efefef 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 48%,#efefef 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 48%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	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: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 48%, #efefef 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 48%,#efefef 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 48%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	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: 12px; 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"]{ margin-right:0;}
.comment_list_form_inner .sex label[for="woman"]{ margin-right: 0;}
.comment_list_form_inner .sex span{ display:inline-block; font-size: 12px; float: left; line-height: 33px;}


	
/*End @media */}

/*----------------------------*
/* 写真
/*----------------------------*/
.comment_list_form_inner .photo{ font-size:14px; color:#aaa; float: left; margin: 10px 0;}

@media screen and (max-width: 767px) { 
.comment_list_form_inner .photo{ float: none;}
/*End @media */}

/*----------------------------*
/*　注意事項
/*----------------------------*/
.comment_list_form .attention  {
	clear: both;
	color:#aaaaaa;
	font-size:11px;
}
.comment_list_form .attention .attention_title{ font-weight:bold; font-size: 12px; text-decoration: underline;}
.comment_list_form .attention .attention_dis{ line-height:1.5em; margin-top:5px;}

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

/*----------------------------*
/*　フォーム投稿ボタン
/*----------------------------*/
.comment_list_form_btn      { margin:10px 0; text-align:center; float: right;}
.comment_list_form_btn input{
	border:none;
	background:#ef8080;
	color:#fff;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	width:230px;
	-webkit-appearance: none;
	border-radius: 0;
	margin-bottom:10px;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f19290+0,ef8180+51,ed706e+100 */
	background: #f19290; /* Old browsers */
	background: -moz-linear-gradient(top,  #f19290 0%, #ef8180 51%, #ed706e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f19290 0%,#ef8180 51%,#ed706e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f19290 0%,#ef8180 51%,#ed706e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19290', endColorstr='#ed706e',GradientType=0 ); /* IE6-9 */
}
.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:14px;
	width:100%;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}
/*End @media */}


/*----------------------------*
/*
/*----------------------------*/



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


.com_obi_wrap{
	background:#fff;
	padding:15px;
	margin-bottom:0;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}
.cmt_none .com_obi_wrap{ margin-bottom:0;}

.com_obi_wrap .com_obi_title{ font-size:14px; margin-bottom:10px;}
.com_obi_wrap .com_obi_dis  { font-size:12px;}
.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:14px;
	line-height:44px;
}
.osusume_comments_num_btn .comment_count span::before{ margin-right:5px;}


.tmp_text .osusume_comments { margin:0 -10px; border-top:1px solid #eee;}
.tmp_text .osusume_comments .body_img img { max-width: 100%; max-height: 300px;}

.osusume_comments li{
	border:none;
	border-bottom:1px solid #eee;
	margin-bottom:0;
	padding:10px;
	-webkit-border-radius : 0px;
	   -moz-border-radius : 0px;
	        border-radius : 0px;
}

.tmp_text .more_cmt_link{ margin:15px 0; font-size:12px; }
.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:10px; font-weight:normal; color:#999; margin-bottom:10px;}


/*-------------------------*/
/*  書き込みに関する注意点 */
.comment_list_form .attention{ font-size:10px; padding:10px 10px;}
.comment_list_form .attention .attention_title{ text-align:center;}
/*End @media */}


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

@media screen and (max-width: 767px) { 
.article_bottom_ad_sp{ display:block; text-align:center;}
.article_bottom_ad_sp p{ color:#cccccc; text-align:center; font-size:10px; margin:10px;}
.article_bottom_ad_sp >div{ display:inline-block;}

/*End @media */}



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

/*----------------------------*
/*  コメントの元記事
/*----------------------------*/
.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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        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:14px;}
/*End @media */}

/*----------------------------*
/*  コメントタイトル
/*----------------------------*/
.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;}
/*End @media */}

/*----------------------------*
/*  コメント一覧
/*----------------------------*/
.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           { }
.page_comment_list .comment_list > ul li        { border-bottom:1px solid #eeeeee; 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:#aaaaaa; font-size:10px; margin-bottom:20px; line-height:30px;}
.page_comment_list .comment_list .dis a    { color:#aaaaaa; text-decoration:underline;}
.page_comment_list .comment_list .dis span { color:#000; font-weight:bold;}
.page_comment_list .comment_list .body     { color:#444444; 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;}
/*End @media */}



/*----------------------------*
/*  コメントのページャー
/*----------------------------*/
.comment_pager{}
.comment_pager .pager_list     { border:none; padding:10px; text-align:center;}
.comment_pager .pager_list li  { display:inline-block; margin:0 20px;}
.comment_pager .pager_list li a{
	display:block;
	border:1px solid #ccc;
	color:#aaaaaa;
	font-size:13px;
	line-height:40px;
	text-align:center;
	width:80px;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}


/*----------------------------*
/*  コメントフォーム
/*----------------------------*/
.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.5em;}
@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: 12px; }
/*End @media */}


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




/*============================================================================*
/* コメント募集記事一覧
/*============================================================================*/
.cmt_article_list{ margin:20px 0;}
.cmt_article_list_title{ font-weight:bold; margin-bottom:15px;}
.cmt_article_list ul{ border-top:1px solid #eee;}
.cmt_article_list li{ border-bottom:1px solid #eee;}
.cmt_article_list li a{ display:block; overflow:hidden; padding:15px 0; position:relative;}
.cmt_article_list li a:hover{ background:#f7f4f2; text-decoration:none;}
.cmt_article_list li .img{ width:120px; float:left;}
.cmt_article_list li .img img{ width:100%; height:auto; border: 1px solid #ededef;}
.cmt_article_list li .txt_info{ margin-left:135px;}
.cmt_article_list li .title{ font-size:14px; margin-bottom:6px; font-weight: bold; line-height: 1.4em; height: auto;}
.cmt_article_list li .cmt_count{ color:#aaa; font-size:12px; position: relative;}
.cmt_article_list li .cmt_count span{ color:#ef8080; font-weight:bold; padding-right:5px;}
.cmt_article_list li .cmt_count span.not{ text-decoration:underline;}
.cmt_article_list li .cmt_count::after {
	display:inline-block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #cdcdcd;
	border-right: 2px solid #cdcdcd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 767px) { 
.cmt_article_list{ margin: 0 0 20px;}
.cmt_article_list_title{ background:#ef8080; color:#fff; padding:5px 10px; margin-bottom:0;}

.cmt_article_list li a{ padding:10px;}
.cmt_article_list li .img{ width:75px;}
.cmt_article_list li .txt_info{ margin-left:87px;}
.cmt_article_list li .title{ font-size:12px; font-weight:bold; margin-top:2px; margin-bottom:5px; line-height:18px;}
.cmt_article_list li .cmt_count{ position:relative; display:inline-block;}
.cmt_article_list li .cmt_count span{ text-decoration:underline;}
/*End @media */}


/*============================================================================*
/* アプリ用デザイン　detail_app
/*============================================================================*/
.osusume_detail_app{ padding-top:0 !important; width:320px !important; overflow:hidden;}

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

/*----------------------------*
/* サムネイル
/*----------------------------*/
.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:1.5em; font-weight:bold; line-height:1.5em;}
.page_reports_detail_app .head .description     {
	color:#202020;
	line-height: 1.6em;
	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:  #ffffff;
	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;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        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;
	-webkit-border-radius : 20px;
	   -moz-border-radius : 20px;
	        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;}
/*End @media */}

/*----------------------------*
/* 本文
/*----------------------------*/
.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; padding-bottom:8px; margin:2em 0 1.5em;}
.osusume_detail_app .tmp_text .stitle  { border-left:2px solid #e15e5e; font-weight:normal; color:#e15e5e; line-height:2em;}
.osusume_detail_app .tmp_text .sstitle { font-size:14px;}
.osusume_detail_app .tmp_text .sstitle:before{ border-left:10px solid #e15e5e;}
.osusume_detail_app .tmp_text .ssstitle { font-size:14px;}
.osusume_detail_app .tmp_text .img img { border:none;}
.osusume_detail_app .article_page_link { margin-top:0; margin-bottom:0;}
@media screen and (max-width: 1023px) { 
.page_reports_detail_app .article_body{}
}
@media screen and (min-width: 768px) and (max-width: 1023px) { 
.tmp_text .img img{ max-height:inherit;}
/*End @media */}

/*----------------------------*
/*　SNS
/*----------------------------*/
.osusume_detail_app .social_share_bottom{ margin:15px 10px;}
.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.3em;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.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;
	-webkit-border-radius : 3px;
		 -moz-border-radius : 3px;
					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;
}
/*End @media */}


/*----------------------------*
/*  アプリ記事一覧
/*----------------------------*/
.deg_article_list_app{}
.deg_article_list_app >li{ margin-bottom:10px;}
.deg_article_list_app a {
	display:block;
	overflow:hidden;
	color:#202020;
	background:#fff;
	padding: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	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;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.osusume_detail_app .title {
	font-weight: bold;
	margin-bottom: 8px;
	height: 2.6em;
	line-height:1.4em;
	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;}
.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;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	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;}