@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------------------------------------

2015/07　PC用まとめサイト用タグ

-------------------------------------------------------------------------------------------*/
/*---全体の枠---*/
.container_matome{
	background: url(../images/pc_bg_line.gif) repeat-y;
	position:relative;
	width: 1020px;
	height:100%;
	margin: 0 auto;
	margin-bottom: 85px;
	font-size:16px;
	line-height:26px;
	word-wrap: break-word;
}

/*---左右振り分け---*/
.container_matome_left{
	float:left;
	width:680px;
}

.container_matome_right{
	float:right;
	width:307px;
	text-align:left;
	margin-top:5px;
	padding-bottom:20px;
}

.container_matome_right_space{
	padding-left:16px;
}



/*---回り込み解除---*/
.clear_box{
	clear:both;
	height:1px;
}

/*-------------------------------------------------------------------------------------------
左側コンテンツ
-------------------------------------------------------------------------------------------*/

/*---サイトタイトル---*/
.site_ttl{
	border-bottom:3px solid #e4e4e4;
	color:#cb7b94;
	text-align:center;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:10px;
}

/*--︎タグライン--*/
.site_ttl_tagline{
	margin-top:7px;
	font-size:11px;
	line-height:16px;
}

/*---ログイン／新規登録---*/
.link_login{
	float:right;
	font-size:13px;
	padding-top:8px;
	padding-right:20px;
	letter-spacing:1px;
}

.link_login a{
	color:#555555;
}

.link_entry{
	float:right;
	font-size:13px;
	padding-top:8px;
	padding-right:36px;
	letter-spacing:1px;
}

.link_entry a{
	color:#555555;
}

/*---パンくず（新しいバージョン／最初は表示なし）---*/
.bread_bg{
	background-color: #f8f8f8;
	margin-top:6px;
	padding-top:4px;
	padding-bottom:4px;
}

.bread_txt{
	width: 1020px;
	margin: 0 auto;
	color:#555555;
	font-size:13px;
}

.bread_txt a{
	color:#555555;
}


/*---パンくず（nifty温泉と揃えたバージョン）---*/
.bread_bg_old{
	margin-top:6px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:2px solid #e4e4e4;
}

/*---関連キーワード---*/
.keyword_top_space{
	background-color: #ffffff;
	width:880px;
}

.keyword_top_box{
	width:680px;
}

.keyword_top{
	float:right;
	text-align:right;
	margin-top:30px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	color:#555555;
	font-size:11px;
}

.keyword_top a{
	color:#555555;
	font-size:11px;
}


/*---関連キーワード（表示なしの場合）---*/
.keyword_top_space_blank{
	background-color: #ffffff;
	width:880px;
	height:60px;
}

/*-------------------------------------------------------------------------------------------
左側コンテンツ／記事分
-------------------------------------------------------------------------------------------*/

h1.terme_h1{
	background:none;
	margin:0;
	padding:0;
}

h2.terme_h2{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border:0;
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:bold;
	line-height:35px;
}

h2.terme_h2::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

h2.terme_h2::after {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size:25px;
	font-weight:bold;
	line-height:35px;
}

h3.terme_h3{
	background:none;
	margin:0;
	padding:0;
	font-size:21px;
	font-weight:bold;
	line-height:30px;
}

/*---記事メインタイトル---*/
.ttl_main{
	background: url(../images/pc_ttl_main_bg.jpg) no-repeat;
	padding-top:23px;
	padding-left:27px;
	padding-right:23px;
	padding-bottom:12px;
	font-size:27px;
	line-height:39px;
	font-weight:bold;
}

/*---リード文章---*/
.lead_txt{
	margin-top:8px;
	margin-bottom: 25px;
}

/*---ライター名前---*/
.writer_name{
	float:right;
	margin-top:26px;
	padding-right:6px;
	padding-bottom:20px;
	color:#818181;
	font-size:13px;
}

.writer_name a{
	color:#818181;
}

/*---SNSボタン（3つバージョン）---*/
.sns_3_1{
	float:left;
	padding-right:38px;
}

.sns_3_2{
	float:left;
}

/*---SNSボタン（4つバージョン）---*/
.sns_4_1{
	float:left;
	padding-right:26px;
}

.sns_4_2{
	float:left;
}

/*---のSNSボタン配置スペース調整---*/
.sns_bottom_space{
	height:70px;
}

/*********各記事の共通タグ**********/

/*---カテゴリ記事タイトル（ピンク背景のもの）1個目---*/
.pc_ttl_sub1_top_1{
	background: url(../images/pc_ttl_sub1_top.jpg) no-repeat;
	margin-top:55px;
	padding-top:17px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:12px;
	font-size:25px;
	font-weight:bold;
	line-height:35px;
}

/*---カテゴリ記事タイトル（ピンク背景のもの）2個目以降---*/
.pc_ttl_sub1_top_2{
	background: url(../images/pc_ttl_sub1_top.jpg) no-repeat;
	margin-top:70px;
	padding-top:17px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:12px;
	font-size:25px;
	font-weight:bold;
	line-height:35px;
}

.pc_ttl_sub1_bottom{
	background: url(../images/pc_ttl_sub1_bottom.jpg) no-repeat;
	height:10px;
	margin-bottom:20px;
}

/*---記事タイトル（左横にピンクのライン）1個目---*/
.ttl_sub2_1{
	background: url(../images/pc_ttl_sub2_bg.gif) no-repeat;
	padding-top:20px;
	padding-left:19px;
	padding-bottom:20px;
	font-size:21px;
	font-weight:bold;
	line-height:30px;
}

/*---記事タイトル（左横にピンクのライン）2個目以降---*/
.ttl_sub2_2{
	background: url(../images/pc_ttl_sub2_bg.gif) no-repeat;
	margin-top:40px;
	padding-top:20px;
	padding-left:19px;
	padding-bottom:20px;
	font-size:21px;
	font-weight:bold;
	line-height:30px;
}

/*---記事リンク（点線のもの）---*/
.sub2_link_allow{
	background: url(../images/pc_link_allow.gif) no-repeat;
	margin-top:18px;
	margin-bottom:5px;
	padding-left:22px;
	padding-bottom:12px;
}

.sub2_link_allow a{
	color:#7a7a7a;
}


/*---記事引用---*/
.inyou_top{
	background: url(../images/pc_inyou_top.gif) no-repeat;
	margin-top:13px;
	padding-top:28px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:15px;
}

.inyou_bottom{
	background: url(../images/pc_inyou_bottom.gif) no-repeat;
	height:15px;
	margin-bottom:13px;
}

/*********各記事の大きい写真用タグ**********/

/*---記事画像（大）---*/
.sub2_pho_big{
	padding-bottom:11px;
}

/*********各記事の小さい写真用タグ**********/

/*---記事画像（小）サブタイトルが上にある場合---*/
.sub2_pho_s_left_1{
	float:left;
	width:343px;
}

.sub2_pho_s_right_1{
	float:left;
	width:305px;
	margin-left:23px;
}

/*---記事画像（小）サブタイトルが上になく文中に入れる場合---*/
.sub2_pho_s_left_2{
	float:left;
	width:343px;
	margin-top:25px;
}

.sub2_pho_s_right_2{
	float:left;
	width:305px;
	margin-top:22px;
	margin-left:23px;
}

/*---【クーポンが使えるお店】ボタン---*/
.btn_coupon_space{
	margin-top:40px;
	text-align:center;
}

/*---【クーポンが使えるお店】ボタン（1）---*/
.btn_coupon_1{
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
border-radius: 3px;
font-size:17px;
padding: 18px 40px 18px 40px;
display:inline-block;
color: #FFFFFF;
 background-color: #b29af8; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddb2e0), to(#be96c6));
 background-image: -webkit-linear-gradient(top, #ddb2e0, #be96c6);
 background-image: -moz-linear-gradient(top, #ddb2e0, #be96c6);
 background-image: -ms-linear-gradient(top, #ddb2e0, #be96c6);
 background-image: -o-linear-gradient(top, #ddb2e0, #be96c6);
 background-image: linear-gradient(to bottom, #ddb2e0, #be96c6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ddb2e0, endColorstr=#be96c6);
}

.btn_coupon_1:hover{
 background-color: #8e6af5; background-image: -webkit-gradient(linear, left top, left bottom, from(#d7a5dc), to(#b384bd));
 background-image: -webkit-linear-gradient(top, #d7a5dc, #b384bd);
 background-image: -moz-linear-gradient(top, #d7a5dc, #b384bd);
 background-image: -ms-linear-gradient(top, #d7a5dc, #b384bd);
 background-image: -o-linear-gradient(top, #d7a5dc, #b384bd);
 background-image: linear-gradient(to bottom, #d7a5dc, #b384bd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d7a5dc, endColorstr=#b384bd);
}


/*---【クーポンが使えるお店】ボタン（2）---*/
.btn_coupon_2{
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
border-radius: 3px;
font-size:17px;
padding: 18px 40px 18px 40px;
display:inline-block;
color: #FFFFFF;
 background-color: #b29af8; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9aeb3), to(#d19197));
 background-image: -webkit-linear-gradient(top, #e9aeb3, #d19197);
 background-image: -moz-linear-gradient(top, #e9aeb3, #d19197);
 background-image: -ms-linear-gradient(top, #e9aeb3, #d19197);
 background-image: -o-linear-gradient(top, #e9aeb3, #d19197);
 background-image: linear-gradient(to bottom, #e9aeb3, #d19197);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e9aeb3, endColorstr=#d19197);
}

.btn_coupon_2:hover{
 background-color: #8e6af5; background-image: -webkit-gradient(linear, left top, left bottom, from(#e5a1a7), to(#c97f86));
 background-image: -webkit-linear-gradient(top, #e5a1a7, #c97f86);
 background-image: -moz-linear-gradient(top, #e5a1a7, #c97f86);
 background-image: -ms-linear-gradient(top, #e5a1a7, #c97f86);
 background-image: -o-linear-gradient(top, #e5a1a7, #c97f86);
 background-image: linear-gradient(to bottom, #e5a1a7, #c97f86);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e5a1a7, endColorstr=#c97f86);
}

/*---関連キーワード---*/
.keyword_bottom{
	border-left:4px solid #f4dfe5;
	font-weight:bold;
	padding-left:8px;
	margin-top:66px;
	margin-bottom:4px;
}

ul.keyword_bottom_item{
	border-top:2px solid #cccccc;
}

ul.keyword_bottom_item li{
	float:left;
	background: url(../images/pc_kanren_btn_bg.gif) no-repeat;
	margin-top:11px;
	margin-right:10px;
	padding-top:3px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:3px;
	font-size:12px;
	line-height:18px;
}

ul.keyword_bottom_item li a{
	color:#333333;
}

/*-------------------------------------------------------------------------------------------
右側コンテンツ
-------------------------------------------------------------------------------------------*/

/*---お気に入り関係　左右分け---*/
.left_like_left{
	float:left;
}

.left_like_right{
	float:left;
}

/*---view／お気に入り---*/
.left_icon_view{
	background: url(../images/pc_left_icon_view.gif) no-repeat;
	margin-left:11px;
	margin-bottom:4px;
	padding-left:85px;
}

.left_icon_like{
	background: url(../images/pc_left_icon_like.gif) no-repeat;
	margin-left:11px;
	padding-left:85px;
}

.clear_box_like{
	clear:both;
	height:12px;
}

/*---ライタープロフィール線---*/
.left_profile_line_top{
	background: url(../images/pc_left_profile_line.gif) no-repeat;
	height:7px;
	margin-top:-4px;
	margin-bottom:12px;
}

.left_profile_line_bottom{
	background: url(../images/pc_left_profile_line.gif) no-repeat;
	height:7px;
	margin-top:14px;
	margin-bottom:105px;
}

/*---ライタープロフィール　左右分け---*/
.left_profile_left{
	float:left;
	width:98px;
}

.left_profile_right{
	float:left;
	width:185px;
	font-size:11px;
}

.left_profile_right_name{
	font-size:14px;
	padding-bottom:10px;
}

/*---まとめINDEX---*/
.left_matome_index_ttl{
	font-size:15px;
	font-weight:bold;
	border-bottom:2px solid #000000;
	margin-top:35px;
	margin-bottom:9px;
	padding-bottom:2px;
	letter-spacing:2px;
	line-height:18px;
}

/*---まとめINDEX　リスト（小さい画像）---*/
.left_matome_index_s_left{
	float:left;
	width:80px;
	margin-bottom:7px;
}

.left_matome_index_s_right{
	float:left;
	width:192px;
	margin-top:5px;
	margin-bottom:7px;
	font-size:12px;
	line-height:18px;
}

.left_matome_index_s_right a{
	color:#333333;
}


/*---まとめINDEX　リスト（大さい画像）---*/
.left_matome_index_big_txt{
	width:285px;
	margin-bottom:18px;
	padding-top:4px;
	font-size:12px;
	line-height:18px;
}

.left_matome_index_big_txt a{
	color:#333333;
}

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

2015/08　PC用まとめサイト　／　トップページのみCSS

-------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------
上段メイン
----------------------------------------------------------*/

/*---上段メイン背景---*/
.home_main_bg{
	background-color: #f0f0f0;
	border-bottom:1px solid #dfdfdf;
	width:100%;
	padding-top:17px;
	padding-bottom:17px;
	margin-bottom:18px;
	word-wrap: break-word;
}


.home_main_waku{
	width:1044px;
	margin: 0 auto;
	position:relative;
}

/*---上段メイン背景---*/
.home_main_box{
	float:left;
	width:332px;
	border:1px solid #ffffff;
	margin-left:4px;
	margin-right:4px;
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
}

/*---上段メイン写真配置---*/
.home_main_box div.pho{
	maring:0;
}

/*---上段メインテキスト配置---*/
.home_main_box div.txtbox{
	background-color: #ffffff;
	padding: 7px 7px 5px 11px;
}

.home_main_box div.txtbox div.box_space{
	max-height:150px;
	margin-bottom: 5px;
}

.home_main_box div.txtbox p.main_ttl{
	font-size:17px;
	font-weight:bold;
	line-height:27px;
	padding-bottom:6px;
}

.home_main_box div.txtbox p.main_ttl a{
	color:#333333;
	text-decoration: underline;
}

.home_main_box div.txtbox p.lead{
	font-size:12px;
	line-height:18px;
}

/*---上段メイン　キーワード---*/
.home_main_box div.txtbox p.btn_kanren{
	float:left;
	background: url(../images/pc_home_main_kanren_btn_bg.gif) no-repeat;
	height:20px;
	padding-left:15px;
	padding-right:12px;
	margin-right:10px;
	margin-bottom:5px;
	color:#333333;
	font-size:10.5px;
}

.home_main_box div.txtbox p.btn_kanren a:link{
	color:#333333;
	font-size:10.5px;
	line-height:18px;
}

.home_main_box div.txtbox p.btn_kanren a:visited{
	color:#333333;
	font-size:10.5px;
	line-height:18px;
}

.home_main_box div.txtbox p.btn_kanren a:hover{
	color:#333333;
	font-size:10.5px;
	line-height:18px;
	text-decoration: underline;
}

.home_main_box div.txtbox p.btn_kanren a:active{
	color:#333333;
	font-size:10.5px;
	line-height:18px;
	text-decoration: none;
}

/*----------------------------------------------------------
左側リスト
----------------------------------------------------------*/
/*---リスト　大枠---*/
.home_list_box{
	background: url(../images/pc_home_list_line.gif) no-repeat;
	padding-top:20px;
	padding-bottom:10px;
}
/*---リスト　左右分け---*/
.home_list_left{
	float:left;
	width:155px;
}
.home_list_right{
	float:left;
	width:500px;
	margin-top:-3px;
}
/*---リスト　タイトル---*/
.home_list_right p.main_ttl{
	font-size:17px;
	font-weight:bold;
	line-height:24px;
	padding-bottom:4px;
}
.home_list_right p.main_ttl a{
	color:#333333;
	text-decoration: underline;
}
/*---リスト　リード---*/
.home_list_right p.lead{
	font-size:12px;
	line-height:17px;
	padding-bottom:6px;
}
/*---リスト　キーワード---*/
.home_list_right p.btn_kanren{
	float:left;
	background: url(../images/pc_home_list_kanren_btn_bg.gif) no-repeat;
	padding-top:0px;
	padding-left:15px;
	padding-right:12px;
	margin-right:10px;
	color:#333333;
	font-size:10.5px;
}
.home_list_right p.btn_kanren a{
	color:#333333;
	font-size:10.5px;
	line-height:8px;
}
.home_list_right p.btn_kanren a:link{
	color:#333333;
	font-size:10.5px;
	line-height:8px;
}
.home_list_right p.btn_kanren a:visited{
	color:#333333;
	font-size:10.5px;
	line-height:8px;
}
.home_list_right p.btn_kanren a:hover{
	color:#333333;
	font-size:10.5px;
	line-height:8px;
	text-decoration: underline;
}
.home_list_right p.btn_kanren a:active{
	color:#333333;
	font-size:10.5px;
	line-height:8px;
	text-decoration: none;
}
/*---リスト　view---*/
.home_list_right div.view_box{
	float:left;
	color:#333333;
	font-size:10.5px;
	line-height:28px;
}
/*---リスト線　最後---*/
.home_list_line_bottom{
	background: url(../images/pc_home_list_line.gif) no-repeat;
	height:10px;
}
/*---------------左側　ページ送り---------------*/
#home_page_num_waku ul{
	position: relative;
	left: 50%;
	float:left;
	margin-top:20px;
	padding: 0;
	list-style: none;
}
/*---左側　ページ送り／前へ---*/
#home_page_num_waku li.previous{
	padding: 0;
	margin: 0;
	position: relative;
	left: -50%;
	float:left;
}
#home_page_num_waku li.previous a{
display: block;
	border:1px solid #d8d8d8;
	width:58px;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin-right:14px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
#home_page_num_waku li.previous a:hover{
	display: block;
	text-decoration: underline;
	background-color: #f3f3f3;
}
/*---左側　ページ送り／ページ番号（通常）---*/
#home_page_num_waku li.pnum{
	padding: 0;
	margin: 0;
	position: relative;
	left: -50%;
	float:left;
}
#home_page_num_waku li.pnum a{
display: block;
	border:1px solid #d8d8d8;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:5px;
	text-decoration: none;
}
#home_page_num_waku li.pnum a:hover{
	display: block;
	text-decoration: underline;
	background-color: #f3f3f3;
}
/*---左側　ページ送り／ページ番号（該当ページ）---*/
#home_page_num_waku li.pnum_on{
	padding: 0;
	margin: 0;
	position: relative;
	left: -50%;
	float:left;
	display: block;
	border:1px solid #d8d8d8;
	background-color: #e69fc1;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:5px;
	text-decoration: none;
}
/*---左側　ページ送り／次へ---*/
#home_page_num_waku li.next{
	padding: 0;
	margin: 0;
	position: relative;
	left: -50%;
	float:left;
}
#home_page_num_waku li.next a{
display: block;
	border:1px solid #d8d8d8;
	border:1px solid #d8d8d8;
	width:58px;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin-left:14px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
#home_page_num_waku li.next a:hover{
	display: block;
	text-decoration: underline;
	background-color: #f3f3f3;
}
/*---左側　ページ送り／ページ番号（該当ページ）---*/
#home_page_num_waku li.pnum_on{
padding: 0;
margin: 0;
position: relative;
left: -50%;
float:left;

display: block;
	border:1px solid #d8d8d8;
	background-color: #e69fc1;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:5px;
	text-decoration: none;
}
/*---左側　ページ送り／もっと読む---*/
#home_page_num_waku li.more{
	padding: 0;
	margin: 0;
	position: relative;
	left: -50%;
	float:left;
}
#home_page_num_waku li.more a{
display: block;
	border:1px solid #d8d8d8;
	border:1px solid #d8d8d8;
	width:558px;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin-left:14px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
#home_page_num_waku li.more a:hover{
	display: block;
	text-decoration: underline;
	background-color: #f3f3f3;
}

/*----------------------------------------------------------
右側　開始位置調整
----------------------------------------------------------*/
.container_matome_right_home{
	float:right;
	width:307px;
	text-align:left;
	padding-bottom:20px;
}

/*----------------------------------------------------------
写真を半透明
----------------------------------------------------------*/
a img.linkimg{
	background:none!important;
}

a:hover img.linkimg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/*------------------------------------------------------------------------------------
タイトル上に日付を追加　2016/02（新納）
------------------------------------------------------------------------------------*/

.ttl_date{
	color:#999999;
	font-size:12px;
	padding-bottom:3px;
}

.sns {
	float: right;
	display: block;
	width: 385px;
}
.sns.top {
	margin-top: -26px;
	margin-right: -5px;
}
.sns.btm {
	margin-top: 40px;
}
.sns li {
	float: right;
	display: inline;
	margin-right: 5px;
}
.sns li.nifty-socialplugins-google {
	width: 60px;
}
.sns li.nifty-socialplugins-twitter {
	width: 70px;
}
.sns li.nifty-socialplugins-hatena {
	z-index: 2;
	position: relative;
}