@CHARSET "utf-8";


html, body {
	color: #444444;
	line-height: 1.5em;
	word-wrap: break-word;
}
a {
	color: #45403c;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255,242,243,.3);
}
a:link    { color: #45403c; }
a:visited { color: #45403c; }
a:active  { color: #45403c; }
a:hover   { color: #45403c; text-decoration:underline; }
a:focus   { color: #45403c; }
a:hover img {
	opacity: 0.95;
	filter: alpha(opacity=95);
	-ms-filter: "alpha( opacity=95 )";
}
.linkbox:hover { 
	background-color: #f7f4f2;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color: #f7f4f2;
}
.linkbox a:hover { text-decoration:none; }

.clearfix { zoom: 1;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*============================================================================*
/*ヘッダー
/*============================================================================*/

/*----------------------------*
/*スマホ用google検索
/*----------------------------*/
@media screen and (min-width: 979px) {
.sp_search { display:none;}
/*End @media */}
.sp_search { height:32px; padding:15px 10px 0; border-top:#604025 10px solid ;}
.sp_search input.gsc-input {
	padding: 0 6px 0;
	margin:0;
	height: 30px;
	line-height: 30px;
	-webkit-appearance: none;
	border-radius: 0;
}
.sp_search input.gsc-search-button {
	height: 32px;
	color: #333;
	margin-left: -3px;
	-webkit-appearance: none;
	border-radius: 0;
}

/*----------------------------*
/*　ヘッダーの検索
/*----------------------------*/
@media screen and (min-width: 979px) {
.sp_header_search{ display:none;}
#sp_heder_search{ display:none;}
/*End @media */}
@media screen and (max-width: 1023px) { 
.sp_header_search{
	display:block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 40px;
  margin: 0;
	margin-top:10px;
}
.sp_header_search:hover {cursor:pointer;}
.sp_header_search img   { width:70%; height:auto; margin:15%;}
#header .gsc-input input.gsc-input,
#header input.gsc-search-button    {-webkit-appearance: none;border-radius: 0;}
#header .gsc-input input.gsc-input { padding:5px 2% 4px;}

#sp_heder_search { position:fixed; background:#fff; border-bottom:1px solid #ccc; width:100%;}
#sp_heder_search .header_search_form { width:80%; padding:10px 10%; background:#eee;}
#sp_heder_search .sidebar_title      { margin-top:10px; border-bottom:1px solid #f8f8f8;}
#sp_heder_search ul { text-align:left; margin:0 10px 40px;}
/*End @media */}




/*============================================================================*
/* コンテナー（スマホ版のメイン枠内）
/*============================================================================*/
#sb-site { }


/*============================================================================*
/* 中段（#sidebar+#main_content囲み）
/*============================================================================*/
#content_wrap { 
	position:relative;
}
#content_wrap:after { content: "";clear: both;height: 0;display: block;visibility: hidden; }

#content_wrap .wrap { 
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
	width:1100px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#content_wrap > .wrap { margin-bottom:50px;}

@media screen and (max-width: 1023px) { 
/*スマホ*/

#content_wrap { background-color:#fff; padding-bottom:0 !important; border-bottom:none;}
#content_wrap .wrap { width:100%; }
#content_wrap > .wrap { margin-bottom:20px;}

/*アプリの時*/
.content_app{ padding-top:0 !important;}

/*End @media */}


/*============================================================================*
/* PC用 パンくずリスト 
/*============================================================================*/
.breadcrumb_list { min-height:1.5em; font-size:12px; padding:6px 0 4px;}
.breadcrumb_list .list { overflow: hidden; }
.breadcrumb_list .list li {
	float: left;
	margin-right: 0em;
	position: relative;
	padding-right: 1.7em;
}
.breadcrumb_list .list li:last-child { margin-right: 0; }
/*矢印*/
.breadcrumb_list .list li:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.breadcrumb_list .list li:last-child:after { border: none; }
.breadcrumb_list .list li.detail_title:after { border: none; }
@media screen and (max-width: 1023px) { 
.breadcrumb_list { display:none;}
/*End @media */}

/*============================================================================*
/*　スマホ用 パンくずリスト 
/*============================================================================*/
.breadcrumb_sp{ display:none;}

@media screen and (max-width: 1023px) { 
.breadcrumb_sp{ display:block; margin:0 10px;}
.breadcrumb_sp ul{ margin-bottom:1em; font-size:10px; line-height:1.4em;}
.breadcrumb_sp li{ display:inline-block; position:relative; padding-right:15px;}
.breadcrumb_sp 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);
	transform: rotate(45deg);
}
.breadcrumb_sp li:last-child::after { display:none;}

.breadcrumb_sp a{ color:#f06464;}



/*End @media */}

/*----------------------------*
/* スマホ時のハンドブックのパンくず
/*----------------------------*/
@media screen and (max-width: 1023px) { 
.osusume_hb .breadcrumb_sp table td li:nth-child(3){ padding-left:1em;}
.osusume_hb .breadcrumb_sp table td li:nth-child(3):before{ content:"└"; color:#999;}
/*End @media */}



/*============================================================================*
/* 右サイドバー
/*============================================================================*/
#sidebar {
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
	width: 300px;
	padding: 0 0 2em 0;
	float:right;
}

#sidebar >div    { margin-bottom:25px; }
#side_fixed >div { margin-bottom:25px; }

#sidebar .sidebar_title { 
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
	margin-bottom:8px;
	font-size:1.1em;
	font-weight:bold;
}
#sidebar .side_memo     { font-size:12px; color:#888888; display:block; font-weight:normal;}
#sidebar .deg_rank_list { border-top: solid 1px #EEE;}

#side_fixed{
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;

	width: 300px;
	position:relative;
}

#sidebar .side_banner{ text-align:center;}

@media screen and (max-width: 1023px) { 
/*スマホ*/
#sidebar {
	position:static;
	float:none;
	width:100%;
	padding:10px 0;
	clear:both;
}
#sidebar .sidebar_title:before { left:5px; top:9px;}
#sidebar .sidebar_title        { padding:8px 10px 0; font-size:12px; border:none; margin-bottom:3px;}
#sidebar .side_memo            { display:none;}

#sidebar >div    { margin-bottom:10px; margin-top:0;}
#side_fixed      { width:100%; position:inherit !important; top:0 !important;}
#side_fixed >div { margin-bottom:10px; }

/*End @media */}

/*----------------------------*
/*　スマホの時
/*----------------------------*/
.side_scroll_wrap { min-height:2000px;}
@media screen and (max-width: 1023px) { 
.side_scroll_wrap { min-height:inherit !important;}
/*End @media */}


/*----------------------------*
/* デイリーランキング
/*----------------------------*/
@media screen and (max-width: 1023px) { 
#sidebar .ranking_dairy { background:#fff; margin-bottom:20px;}
#sidebar .ranking_dairy .deg_rank_list{ margin:0 0 0 12px; border-bottom:1px solid #e8e8e8;}
/*End @media */}

/*----------------------------*
/* ハンドブックの一覧
/*----------------------------*/
.side_handbook_list_wrap{}
.side_handbook_list_wrap .sidebar_title{ border-bottom: solid 1px #EEE;}

.side_handbook_list{ margin:-5px -5px 0;}
.side_handbook_list li{
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-right:-5px;
	padding:5px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.side_handbook_list li a{ display:block; text-align:center; font-weight:bold; font-size:12px;}
.side_handbook_list li img{ width:100%; height:auto;}

@media screen and (max-width: 1023px) { 
.side_handbook_list{ margin:-5px 5px 0;}
/*End @media */}

/*----------------------------*
/* ハンドブックの記事一覧
/*----------------------------*/
.side_handbook_post_list_wrap{}
.side_handbook_post_list_wrap .side_handbook_list{
	border-top: solid 1px #EEE;
	margin:0;
}
.side_handbook_post_list_wrap .side_handbook_list li {
	display: table;
	width: 100%;
	margin-right:0;
	padding:0;
}
.side_handbook_post_list_wrap .side_handbook_list a {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	height: 50px;
	line-height:1.4em;
	border-bottom: solid 1px #EEE;
	padding: 3px 0;
	position: relative;
	font-weight: normal;
	text-align: left;
}

@media screen and (max-width: 1023px) { 
.side_handbook_post_list_wrap .side_handbook_list{
	border-top: solid 1px #EEE;
	margin-left:10px;
}
/*End @media */}

/*----------------------------*
/* ピックアップ記事
/*----------------------------*/
#sidebar .side_pickup                         { background:#fff;}
#sidebar .side_pickup .deg_rank_list          { border:none; background:#fff;}
#sidebar .side_pickup .deg_rank_list >li      { border:none;}
#sidebar .side_pickup .deg_rank_list >li .img { width:100px; height:70px;}


/*----------------------------*
/* tag
/*----------------------------*/
@media screen and (max-width: 1023px) { 
#sidebar .side_tag{ display:none;}
/*End @media */}

/*----------------------------*
/* カテゴリ一覧
/*----------------------------*/
#sidebar .side_cate .sidebar_title{ margin-bottom:3px;}
#sidebar .side_cate_list{ margin:0 -5px;}
#sidebar .side_cate_list li         {
	font-size:12px;
	width:50%;
	display:inline-block;
	vertical-align:top;
	padding:5px;
	margin-right:-5px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
#sidebar .side_cate_list li a       {
	display:block;
	padding:10px 0;
	text-align:center;
	border:1px solid #dddddd;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}
#sidebar .side_cate_list li a:hover { text-decoration:none; background:#f7f4f2;}
@media screen and (max-width: 1023px) { 
#sidebar .side_cate{ display:none;}

#sidebar .side_cate_list      { padding:0 15px;}
#sidebar .side_cate_list li   { font-size:14px; display:inline-block; margin-bottom:10px;}
#sidebar .side_cate_list li a {
	padding:5px 10px;
	border:1px solid #ef8282;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}
/*End @media */}

/*----------------------------*
/* 広告
/*----------------------------*/
.top_ad,
.bottom_ad { 
	text-align:center;
}
#sidebar .top_ad > div{ display:inline-block;}

#sidebar .bottom_ad{ margin-bottom:2em;}

.top_ad.sp_ad{ display:none;}
.top_ad.pc_ad{ display:block;}


@media screen and (max-width: 1023px) { 
#sidebar .bottom_ad{ display:none;}
.top_ad.sp_ad{ display:block;}
.top_ad.pc_ad{ display:none;}
/*End @media */}


/*----------------------------*
/* google検索
/*----------------------------*/
#sidebar .side_search{ }
#sidebar .side_search .gsc-input input.gsc-input { height:30px;}
#sidebar .side_search input.gsc-search-button    { height:34px; line-height:30px; margin-left:-2px;}
#sidebar .side_search div.gsc-clear-button       { display:none;}

@media screen and (max-width: 1023px) { 
#sidebar .side_search{ display:none;}
/*End @media */}

/*----------------------------*
/* 最新の特集
/*----------------------------*/
#sidebar .feature{ margin-bottom:30px;}
#sidebar .feature .feature_list a     { display:block; position:relative;}
#sidebar .feature .feature_list img   { width:100%; height:100px;}
#sidebar .feature .feature_list .title{
	background:#fff;
	position:absolute;
	bottom:5px;
	padding:5px 2%;
	width:96%;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#sidebar .feature .more_link{ text-align:right;}


/*----------------------------*
/* 最新の特集
/*----------------------------*/
#sidebar .ranking_dairy_more{ text-align:center; margin:15px 0 30px;}
#sidebar .ranking_dairy_more a{ text-decoration:underline;}



/*============================================================================*
/* メインコンテンツ
/*============================================================================*/

#main_content {
	width: 772px;
	float: left;
	position: relative;
	padding:0em 0 2em 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;
}

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

#main_content { width:100%; float:none; padding:0 0 1.2em 0; }

/*End @media */}


/*============================================================================*
/* ctrメインコンテンツ
/*============================================================================*/
/* ctrテンプレート用のmain_content */

#ctr_main_content {
	width: 540px;
	float:left;
	position: relative;
	left:150px;
	padding:0em 0 2em 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;
}

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

#ctr_main_content { width:100%; position:static; padding:0; }

/*End @media */}


/*============================================================================*
/*メインコンテンツ内共通デザイン
/*============================================================================*/

/*----------------------------*
/*メッセージ
/*----------------------------*/
.deg_message { margin-bottom:1em; }
.deg_message .important { color:#E8413E; }
.deg_message .error     { color:#E8413E; }
.deg_message .complete  {  }

/*----------------------------*
/*下層ページ用メインコンテンツ枠
/*----------------------------*/
.deg_content_frame        { background-color:#fff; margin-bottom:2em; padding:.5em 0; border:solid 1px #eee; }
.deg_content_frame >.body { padding:0 .7em; }

@media screen and (max-width: 1023px) { 
.deg_content_frame{ padding-bottom:0; margin-bottom:0;}
/*End @media */}


/*----------------------------*
/*ページタイトル
/*----------------------------*/
.deg_page_title {
	color:#000000;
	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;
	padding:10px 0 ;
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	border-bottom:solid 1px #EEE;
}
.deg_page_title .sub_cate{
	font-size:.8em;
	font-weight:normal;
	padding:0 10px;
}

@media screen and (max-width: 1023px) { 
.deg_page_title {
	margin: 5px 0 0 12px;
	font-size: 12px;
	float: none;
	color: #444;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
/*End @media */}


/*----------------------------*
/*セクション枠
/*----------------------------*/
.deg_section_frame { background-color:#fff; margin-bottom:2em; padding:.5em .7em; border:solid 1px #EEE; }

@media screen and (max-width: 1023px) { 
.deg_section_frame { padding:.5em 0 0; margin-bottom:0; border:none;}
/*End @media */}


/*----------------------------*
/*トップ用セクションタイトル
/*----------------------------*/
.deg_section_title { 
	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;

	padding:.2em 0 .6em .8em ;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:solid 1px #EEE;
}
.deg_section_title:before {
	position:absolute;
	content:"";
	width :5px;
	height:1.15em;
	left:0;
	top:4px;
	border-left:solid 5px #f44669;
}

@media screen and (max-width: 1023px) { 
.deg_section_title{ margin-bottom:3px; padding-left:1.1em; font-size:15px; padding-top:.6em}
.deg_section_title:before { left:0; top:0; border-left: solid 3px #f44669; height:100%;}

/*End @media */}


/*----------------------------*
/*記事一覧
/*----------------------------*/
.deg_article_list > ul > li { position:relative;border-bottom:solid 1px #EEE; }
.deg_article_list > li { border-bottom: solid 1px #EEE;}
.deg_article_list li.no_content { padding:1em; }
.deg_article_list li > a {
	color:#202020;
	display:block;
	overflow:hidden;
	padding:15px 0; 
}
.deg_article_list li >a:hover { 
	background-color: #f7f4f2;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color: #f7f4f2;
	transition-property: all;/*ふわっとさせる*/
	         transition: 0.05s linear;/*ふわっとさせる*/ 
}
.deg_article_list li .img       { float:left; width:180px; height:120px; margin-right:15px; overflow:hidden;}
.deg_article_list li .img img   { width:100%; height: auto; vertical-align:bottom; }
.deg_article_list li .detail    { margin-left:195px; }
.deg_article_list li .title_wrap{ min-height:92px;}
.deg_article_list li .title{ 
	margin-bottom:.2em; 
	font-size:22px;
	line-height:1.3em;
	font-weight:bold;
}
.deg_article_list li .list_dis{ font-size:.86em; line-height:1.4em; color:#999; margin-bottom:10px;}

.deg_article_list li ul{
	font-size:12px;
	color:#999;
}
.deg_article_list li .writer_name {
	display:inline-block; margin-right:10px;
}
.deg_article_list li .view {
	display:inline-block;
}

.deg_article_list li .pv          { display:inline; }
.deg_article_list li .pv:before   { content:"　"; }
.deg_article_list li .detail_menu { text-align:right; overflow:hidden; }

.deg_article_list li .status_flag { float:right; margin-left:1em;  }
.deg_article_list li .status_flag .draft  { color:#268FFF;  }
.deg_article_list li .status_flag .back   { color:#FF196F; }
.deg_article_list li .status_flag .review { color:#8F8F8F;  }
.deg_article_list li .status_flag .run    {  }

@media screen and (max-width: 1023px) { 
/*スマホ*/
.deg_article_list li .img         { width:75px; height:75px; overflow:hidden; margin-right:0;}
.deg_article_list li .img img     { width:auto; height:100%; }
.deg_article_list li >a           { padding:10px; }
.deg_article_list li .detail      { margin-left:85px; min-height:75px; position: relative; padding-right:10px;}
.deg_article_list li .title_wrap  { min-height:3.4em;}
.deg_article_list li .title       { font-size:12px; line-height:18px; font-weight:bold; min-height:3.4em; padding-top:6px;}
.deg_article_list li .list_dis { display:none; }
.deg_article_list li ul{ width:100%; position:inherit; bottom:inherit; font-size:10px;}
.deg_article_list li .writer_name { float:right; display:block; font-size:10px; color: #aaa;}
/*End @media */}


/*----------------------------*
/* 記事詳細の記事一覧
/*----------------------------*/
.detail-footer-post{ margin-bottom:23px;}
.detail-footer-post > ul{ margin-bottom:15px; margin-top:-10px;}
.detail-footer-post > ul > li  { border-bottom: solid 1px #eee; }
.detail-footer-post li >a{ padding:10px 0; display:table; width:100%; color: #202020; overflow: hidden;}
.detail-footer-post li >a:hover { 
	background-color: #f7f4f2;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color: #f7f4f2;
	transition-property: all;/*ふわっとさせる*/
	         transition: 0.05s linear;/*ふわっとさせる*/ 
}

.detail-footer-post__img{ width:80px; height:80px; display:table-cell; margin:0; vertical-align:middle; float:none;}
.detail-footer-post__img img{ vertical-align:bottom;}
.detail-footer-post__right{ padding-left:10px; display:table-cell; margin:0; vertical-align:middle;}

.detail-footer-post__title{
	margin-bottom: .2em;
	font-size:18px;
	color:#444444;
	line-height: 1.3em;
	font-weight: bold;
}
.detail-footer-post__name,
.detail-footer-post__view{
	margin-top: 0;
	position:inherit;
	bottom:auto;
	display:inline-block;
	color:#999;
	font-size:12px;
}
.detail-footer-post__name:after{
	content:' | ';
	color:#999;
	padding:0 3px;
}
.detail-footer-post__view{ font-weight:bold;}

@media screen and (max-width: 767px) { 
.detail-footer-post li a{ position:relative;}
.detail-footer-post__img{ width:75px; height:75px;}
.detail-footer-post__right{ vertical-align:top; padding:6px 10px;}
.detail-footer-post__title{ font-size:12px; font-weight:bold; line-height:18px;}
.detail-footer-post__bottom{ position:absolute; bottom:5px; left:90px;}
.detail-footer-post__name,
.detail-footer-post__view{ position:static !important; color:#aaa; font-size:10px; padding-bottom:10px; font-weight:normal !important;}
.detail-footer-post__name:after{ color:#eee;}

/*End @media */}

/*----------------------------*
/* 余白
/*----------------------------*/
.detail_sec{ margin-bottom:50px;}

@media screen and (max-width: 1099px) { 
.detail_sec{ margin:0 0 30px 12px;}
/*End @media */}

/*----------------------------*
/* もっとみる
/*----------------------------*/
.detail_more_link a{
	background: #eeeeee;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	display: block;
	width: 250px;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.detail_more_link a:hover{ text-decoration:none; background:#E0E0E0;}

/*----------------------------*
/* 一覧の大きい画像
/*----------------------------*/
.deg_article_list .big_loop{}
.deg_article_list .big_loop .img{ float:right; width:310px; height:180px; overflow:hidden; margin-left:15px;}
.deg_article_list .big_loop .img img{
	height:auto;
}

.deg_article_list .big_loop .detail{ margin-left:0;}

@media screen and (max-width: 1023px) { 
.deg_article_list .big_loop  a{ padding-top:0;}
.deg_article_list .big_loop .img{ margin:0; width:100%; height:auto; margin-bottom:10px; float:none; padding:15px 0 0 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;
}
.deg_article_list .big_loop .detail{ padding:0; min-height:inherit;}
.deg_article_list .big_loop .img img{}
.deg_article_list .big_loop .title{ min-height:inherit;}
.deg_article_list .big_loop ul{ position:inherit;}
.deg_article_list .big_loop .writer_name{ position:inherit; bottom:auto; left:auto; }
/*End @media */}


/*----------------------------*
/*ランキング一覧
/*----------------------------*/
.deg_rank_list >li    { border-bottom:solid 1px #EEE;}
.deg_rank_list >li >a {
	display:block;
	overflow:hidden;
	padding:.5em;
	position:relative;
}
.deg_rank_list >li a:hover { 
	background-color: #f7f4f2;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color: #f7f4f2;
	transition-property: all;/*ふわっとさせる*/
	         transition: 0.05s linear;/*ふわっとさせる*/ 
}
.deg_rank_list >li .rank { 
	width:20px;
	height:20px;
	background:#cfcfcf;

	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
	float:left;
	margin-right:8px;
	
	-webkit-border-radius : 20px;
	   -moz-border-radius : 20px;
	        border-radius : 20px;

	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.deg_rank_list >li:nth-child(1) .rank{ background:#cea24a;}
.deg_rank_list >li:nth-child(2) .rank{ background:#d78181;}
.deg_rank_list >li:nth-child(3) .rank{ background:#a7a787;}

.deg_rank_list >li .img     { float:left; width:50px; height:50px; margin-right:.5em; }
.deg_rank_list >li .img img { width:100%; vertical-align:bottom; }

.deg_rank_list >li .detail          { margin-left:75px;}
.deg_rank_list >li .detail .title   { }
.deg_rank_list >li .detail .post_cat{
	background:#f0ebe2;
	color:#202020;
	padding:2px 5px;
	display:inline-block;
	font-size:10px;
	margin-right:5px;
}
.deg_rank_list >li .detail .name_view{display:inline-block; color:#aaaaaa; font-size:12px;}
.deg_rank_list >li .detail .view    { font-size:12px; color:#999; font-weight:bold;}
.deg_rank_list >li .detail .writer_name{ 
	font-size:.8em;
	color:#78776e;
	text-align:right;
}

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

.deg_rank_list {}
.deg_rank_list >li{ clear:both;}
.deg_rank_list >li >a {
	padding:10px 0;
	overflow:inherit;
	min-height:75px;
}
.deg_rank_list >li .detail    { padding:6px 10px;}
.deg_rank_list >li .rank      {
	position:absolute;
	top:3px;
	left:-8px;
	background:#f06464 !important;
}
.deg_rank_list >li .img       { width:75px; height:75px;}
.deg_rank_list >li:last-child { border-bottom:none;}
.deg_rank_list >li .detail .title   { font-size:12px; font-weight:bold; line-height:18px; margin-bottom:5px;}
.deg_rank_list >li .detail .name_view{ font-size:10px;}
.deg_rank_list >li .detail .view{ font-weight:normal; font-size:10px;}
/*End @media */}


/*----------------------------*
/* セクション カテゴリメニュー一覧
/*----------------------------*/

.section_category_list { }
.section_category_list .title { padding:.3em .8em; background-color:#eee; font-size:.86em; color:#777; border-top:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7; }

.section_category_list:after { content: "";clear: both;height: 0;display: block;visibility: hidden;}

.section_category_list .list { width:50%; float:left; }
.section_category_list .left_list  >li:nth-child(n+7) { display:none; }


.section_category_list .list >li { }
.section_category_list .list >li .category_head { position:relative; cursor:pointer;}


/*大カテゴリ*/
.section_category_list .list .category_title { 
	position:relative;
	background-image:url("../images/osusume_arrow_right.png") ;
	background-position:.8em center;
	background-repeat:no-repeat;
	background-size:12px auto;
	padding: .5em 1em .5em 2.5em;
	border-bottom:solid 1px #EEE;
	z-index:1;
}
.section_category_list .list .active .category_title { background-image:url("../images/osusume_arrow_down.png") ; }




/*大カテゴリ 説明文*/
.section_category_list .list .category_description {
	display:none;
	position:relative;
	position:absolute;
	top:-35%;
	left:50%;
	width:170px;
	padding:.5em .8em;
	background-color:#fff;
	
	-webkit-border-radius : 5px;
	   -moz-border-radius : 5px;
	        border-radius : 5px;
	
	border:solid 2px #e7e7e7;
	font-size:.8em;
	line-height:1.5em;
	font-weight:normal;

	z-index:10000;
}
/*吹き出し用の三角*/
.section_category_list .list .category_description:before {
	content:"";
	width: 10px;
	height: 10px;
	background:url("../images/osusume_arrow_baloon2.png") center center no-repeat ;
	background-size:6px 8px;
	position:absolute;
	top:40%;
	left:-8px;
}

/*小カテゴリ*/
.section_category_list .list .category_detail_list {  }

/*メニュー詳細*/
.section_category_list .list .detail_list     { }
.section_category_list .list .detail_list >li { border-bottom:solid 1px #EEE; background-color:#fbfbfb; }
.section_category_list .list .detail_list a   {
	display:block;
	background-image:url("../images/osusume_arrow.png") ;
	background-size:7px;
	background-position :1.8em center;
	background-repeat:no-repeat;
	padding:.5em .5em .5em 3em;
	color:#2c2c2c;
}

.section_category_list .list .detail_list a:hover { background-color:#f7f4f2; text-decoration:none; }

@media screen and (max-width: 1023px) { 
.section_category_list       { background:#eee; padding-top:10px;}
.section_category_list .inner{ background:#fff; overflow:hidden;}
.section_category_list .list {
	width:50%;
	float:left;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.section_category_list .left_list  >li:nth-child(n+7) { display:block; }
.section_category_list .right_list { border-left: solid 1px #EEE;}
.section_category_list .list li:last-child .category_title{ border-bottom:none;}

.section_category_list .list .category_title       { background-size:10px auto; padding-left:28px;}
.section_category_list .list .category_description { display:none !important;}
/*End @media */}


/*----------------------------*
/* カテゴリページのカテゴリ一覧
/*----------------------------*/
.cate_section_category_list{ display:none;}
@media screen and (max-width: 1023px) { 
.cate_section_category_list{ display:block;}
/*End @media */}




/*============================================================================*
/*ページャー
/*============================================================================*/

.deg_pager { margin:.7em auto; text-align:center; }
.deg_pager .pager_list { overflow:hidden; line-height:50px;}
.deg_pager .pager_list >li.prev { float:left; width:300px;}
.deg_pager .pager_list >li.next { float:right; width:300px;}
.deg_pager .pager_list >li a {
	background:#eeeeee;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	padding:0 ;
	font-size:18px;
	line-height:70px;
}
.deg_pager .pager_list >li a:hover { text-decoration:none; background-color:#e3e3e3; }

@media screen and (max-width: 1023px) { 
.deg_pager { margin:0 !important; height:auto;}
.deg_pager .pager_list {
display:-moz-box;
display:-webkit-box;
display:-o-box;
display:-ms-box;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-o-box-orient:vertical;
-ms-box-orient:vertical;
-moz-box-direction:normal;
-webkit-box-direction:normal;
-o-box-direction:normal;
-ms-box-direction:normal;
}
.deg_pager .pager_list >li      a { border:none; padding:0; background:none; font-size:14px;}
.deg_pager .pager_list >li.prev   {
	width:175px;
	float:none;
	font-size:12px;
	margin:0px auto 10px;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	-o-box-ordinal-group:2;
	-ms-box-ordinal-group:2; 
}
.deg_pager .pager_list >li.next   {
	width:100%;
	float:none;
	margin:10px 0;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	-o-box-ordinal-group:1;
	-ms-box-ordinal-group:1;
}
.deg_pager .pager_list >li.prev a { background:#eeeeee; color:#666666; line-height:30px;}
.deg_pager .pager_list >li.next a { background:#f06464; color:#ffffff; text-align:center; line-height:50px; margin:0 15px;}

/*End @media */}



/*============================================================================*
/*フッター
/*============================================================================*/
#footer {
	width: 100%;
	background-color: #f7f5f5;
	
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
#footer:after { content: "";clear: both;height: 0;display: block;visibility: hidden;}

#footer .wrap { 
	width:1000px;
	margin:0 auto;
	padding:1em 1em 0 1em;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}

#footer .logo     { float:left; text-align:left; margin:1em; height:36px; width:350px; }
#footer .logo img { height:100%; vertical-align:bottom; }

#footer .logo .sub_title { 
	font-size:1.3em;
	line-height:40px;
	padding-left:.5em;
	padding-right:30px;
	position:relative;
}
#footer .logo .sub_title:after { 
	background:url("../images/osusume_footer_logo_icon.png") right center no-repeat;
	background-size:25px;
	content:"";
	width:25px;
	height:25px;
	position:absolute;
	top:3px;
}


#footer .menu { float:right; width:450px; margin:1em 0 1em 3em ; border-left:solid 1px #4c4844; padding-bottom:2em;  }
#footer .menu .list    { margin-bottom:3em;  }
#footer .menu .list li { 
	float:left;
	text-align:left; 
	background:url("../images/osusume_arrow_white.png") left center no-repeat;
	background-size:1em;
	width:50%;
	padding:.2em .2em .2em 1.5em;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
#footer .menu .list li a {  }

#footer .copyright {
	clear: both;
	margin-top:5em;
	padding: 1em;
	text-align: center;
	font-size: .9em;
}

@media screen and (max-width: 1023px) {
/*スマホ*/
#footer {  }
#footer .wrap { width:100%; padding:.5em .5em 0 .5em; }
#footer .wrap .logo     { width:100%; float:none; margin:1em auto; text-align:center; }
#footer .wrap .logo img { width:100px; height:auto;  padding-bottom:5px; }

#footer .logo .sub_title       { font-size:1em;}
#footer .logo .sub_title:after { top:-2px; }

#footer .menu          { float:none; padding-bottom:0; width:90%; margin:5%; padding-left:5%;}
#footer .menu .list    { float:none; }
#footer .menu .list li { float:none; width:100%; }

#footer .copyright { padding:10px ; font-size: 10px;}

/*End @media */}

/*============================================================================*
/* 記事ページのオーバレイ記事広告
/*============================================================================*/
.post_overlay_wrap{ display:none;}
@media screen and (max-width: 767px) { 
.post_overlay_wrap{
	display:block;
	position:fixed;
	bottom:-130px;
	left:0;
	right:0;
	width:100%;
	height:100px;
	padding:0 12.5px;
	z-index:999999;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-property: -webkit-transform,-webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .45s;
	transition-duration: .45s;
	-webkit-transition-timing-function: cubic-bezier(.13,.53,0,1);
	transition-timing-function: cubic-bezier(.13,.53,0,1);
}
.post_overlay{
	position:relative;
	background:#fff;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
	opacity:0.98;
	filter:alpha(opacity=98);
	-ms-filter: "alpha( opacity=98 )";
	-webkit-box-shadow : 0px 2px 4px rgba( 0, 0, 0, .1);
	   -moz-box-shadow : 0px 2px 4px rgba( 0, 0, 0, .1);
	    -ms-box-shadow : 0px 2px 4px rgba( 0, 0, 0, .1);
	        box-shadow : 0px 2px 4px rgba( 0, 0, 0, .1);
}
.post_overlay .post_overlay_title{
	background:#fbd958;
	font-size:10px;
	line-height:30px;
	padding:0 15px;
	position:relative;
	color:#000;
	font-weight:bold;
}
.post_overlay .close_btn{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height:30px;
	text-align:center;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.post_overlay a{ display:block; padding:10px 15px;}
.post_overlay .img{ width:50px; height:50px; display:table-cell; vertical-align:middle;}
.post_overlay .img img{ width:100%; height:auto;}
.post_overlay .post_overlay_post_title{
	display:table-cell;
	width:auto;
	vertical-align:middle;
	color:#1191eb;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 15px;
	line-height:17px;
}

#post_overlay.add_open{
	-webkit-transform:translate3d(0,-150px,0);
	-ms-transform:translate3d(0,-150px,0);
	transform:translate3d(0,-150px,0);
}



/*End @media */}