/* ==========================================================

title : ホームメイトブログ
scope : 桐谷美玲スペシャル企画 ― mirei home ― 

last modify :2022/04/27 156_goto Chromeの縮小画像がぼやける現象の修正対応

memo  :
2022/01/27 156_goto txt_signを右寄せに修正
2021/07/29 156_goto ブログ記事_テキストサイズ_カラー追加_TOKYO2020カラー
2021/07/05 319_shimizu ブログ記事_テキストサイズ追加
2021/01/28 156_goto ブログ記事_テキストサイズ_カラー追加
2019/05/27 322_aragane ブログ記事テキストカラー追加
2014/6/10 201_wakabayashi スマフォずれ修正
2013/6/24 201_wakabayashi メッセージ一覧(#newarticle ul li span.num)
2012/11/28 156_goto 制作


========================================================== */
/* ----------------------------------------------------------
 再設定
---------------------------------------------------------- */
#header_a {
	height:135px;
	}
#header_in_a {
	height:135px;
	}
#header_in_a #siteroute{
	position:absolute;
	top:100px;
	width:690px;
	}
#header_in_a #rss{
	position:absolute;
	top:103px;
	right:10px;
	width:64px;
	height:24px;
	}
#center {
	min-height:800px;
	}
#content {
	margin:0px auto 0;
	}
.r_box {
	margin:20px 0px 10px 0px;
	}
.entry .entry_header {
	padding:15px 42px 0px;
	_padding:15px 0px 0px;
	}
.entry .entry_header p.entry_date {
	width: 414px;
	padding:10px 2px 3px 0px;
	border-bottom:3px solid #fcbed0;
	}
.entry .entry_header h2{
	width: 404px;
	overflow:hidden;
	margin:0px auto 2px;
	padding:6px 6px 5px 6px;
	background:#fde7ed;
	border-top:3px solid #fcbed0;
	border-bottom:3px solid #fcbed0;
	color:#444444;
	font-size:96%;
	line-height:1.5;
	text-indent:5px;
	}
.entry .entry_body {
	padding:10px 48px 40px;
}

.entry .entry_body .entry_img {
	margin:0px auto;
	}

.entry .entry_body .entry_img img{
  image-rendering: -webkit-optimize-contrast;
	}

.entry .entry_body .entry_img .button_to_txt img {
	display:block;
	margin:20px auto 0px;
	cursor:pointer;
	}

.entry .entry_body .link {
	margin:30px auto 0px;
	/*color:#CC5479;*/
	font-size:15px;
	}


/*▼▼▼*/

.entry .entry_body div.banner {
    width: 260px;
    text-align: center;
    margin: 40px auto 0;
}	

.entry .entry_body div.banner p.caption {
    margin: 5px 0 0;
    text-align: left;
	font-size:15px;
	}	

/*▲▲▲*/


.entry .entry_body {
	margin:0px auto;
	font-size:18px;
	line-height:1.6;
	}
.entry .entry_body .entry_txt .button_to_img img {
	display:block;
	margin:20px auto 0px;
	cursor:pointer;
	}
.entry .entry_body .entry_txt .txt_sign {
	display:block;
	margin-top:15px;
	font-weight:bold;
  text-align: right;
  padding-right: 1em;
	}
	
.entry .entry_body .entry_img .button_to_txt img:hover,
.entry .entry_body .entry_txt .button_to_img img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;	
	}
	
/*　テキスト色　*/
.entry .entry_body .txt_royalblue {
	color:#0076ec;
	}
.entry .entry_body .txt_skyblue {
	color:#4498e6;
	}
.entry .entry_body .txt_paleblue {
	/*color:#59a2ab;*/
	color:#49858D;
	}
.entry .entry_body .txt_gold {
	color:#d48a36;
	}
.entry .entry_body .txt_deeppink {
	color:#ca2f81;
	}
.entry .entry_body .txt_pink {
	color:#fd296e;
	}
.entry .entry_body .txt_lightpink {
	color:#f575ab;
	}
.entry .entry_body .txt_red {
	color:#ea0128;
	}
.entry .entry_body .txt_orangered {
	color:#f55b05;
	}
.entry .entry_body .txt_blue {
	color:#1f1494;
	}
.entry .entry_body .txt_limegreen {
	color:#53a522;
	}
.entry .entry_body .txt_lightgreen {
	color:#799B0E;
	}
.entry .entry_body .txt_seagreen {
	color:#2d8068;
	}
.entry .entry_body .txt_turquoise {
	color:#04b7b7;
	}
.entry .entry_body .txt_darkgreen {
	color:#0e4620;
	}
.entry .entry_body .txt_gray {
	color:#475152;
	}
.entry .entry_body .txt_lightgray {
	color:#727F90;
	}
.entry .entry_body .txt_lightpurple {
	color:#ad51bb;
	}
.entry .entry_body .txt_lightredpurple {
	color:#fe79e3;
	}
.entry .entry_body .txt_ruby {
	color:#C21253;
	}
.entry .entry_body .txt_tokyo2020_emblem_blue {
	color:#002063;
	}
.entry .entry_body .txt_tokyo2020_emblem_red {
	color:#ee334e;
	}
	
.entry dl.link  {
	margin:3px auto 0px;
	}
div.bnr_lsize{
	margin:20px 0px;
	}

/* ---------------------------------------
 bnr_ ロールオーバー
--------------------------------------- */
div.bnr_cmn{
	margin:20px auto;
	padding:0px;
	text-align:center;
}
div.bnr_cmn a img{
	width:300px;
	height:100px;
	margin:0px;
	vertical-align:middle;
}
div.bnr_cmn a {
	width:300px;
	height:100px;
	display:block;
	margin:0 auto;
	padding:0;
	background:#fff;
	text-align:center;
	overflow:hidden;
}

div.bnr_cmn a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
/*-- border1:1px;を入れる場合 --*/
div.bnr_cmn a.bdr {
	border:1px solid #888;
	text-align:center;
}
/* ----------------------------------------------------------
 SNS
---------------------------------------------------------- */
.sns {
	width:600px;
	margin:0px;
	padding:0px;
	z-index:10;
}
.sns_box {
	position:absolute;
	top:103px;
	right:2px;
/*	right:110px;*/
}
a.twitter-share-button{
	color: #fff;
}   
.sns_box .btn_sns {
	display:inline-block;
	margin:0 0 0 5px;
	padding:0;
	vertical-align:top;
}

.btn_sns a.twitter-share-button {
	cursor:pointer;
}

.btn_sns a.ico_tweet {
	display:block;
	width:80px;
	height:20px;
	background:url(http://platform0.twitter.com/widgets/images/tweet_ja.png) no-repeat 0 0;
	text-indent:-10000px;
}
.btn_sns a.ico_tweet:hover {
	background:url(http://platform0.twitter.com/widgets/images/tweet_ja.png) no-repeat 0 -20px;
}

/* ----------------------------------------------------------
 sp_header
---------------------------------------------------------- */
#sp_header {
	position:relative;
	width:908px;
	margin:0px auto 0px;
	padding:0px 0px 20px;
	background: url(https://blog.homemate.co.jp/hm/image/bg_con_menu_new.gif) no-repeat left bottom;
	}

h1{
	margin:0px 0px 10px;
	text-align:center;
	}
	
p.top_lead{
	margin:15px 0px 20px;
	padding:8px 0px;
	text-align:center;
	font-size:116%;
	line-height:1.6;
	background:#fef3f2;
	}

/* ----------------------------------------------------------
 profile
---------------------------------------------------------- */
#profile {
	width:290px;
	margin:0px;
	padding:0px;
	border-top:#cc5479 solid 2px;
	border-bottom:#cc5479 solid 2px;
	text-align:left;
	font-size:108%;
	color:#382E38;
	background:url(https://blog.homemate.co.jp/hm/image/bg_l_box_m.gif) repeat-y 0px 0px;
	}
#profile:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #profile             { zoom: 1; } /* IE6 */
*:first-child+html #profile { zoom: 1; } /* IE7 */
.l_box {
	width:290px;
	margin:0px;
	padding-bottom:14px;
	background: url(https://blog.homemate.co.jp/hm/image/bg_l_box_b.gif) no-repeat left bottom;
	text-align:center;
	}
#profile #pro_photo{
	margin:10px auto;
	}
#profile #pro_name{
	width:258px;
	height:56px;
	margin:0px auto;
	background:url(/special/image/bg_profile_name.gif) no-repeat center top;
	font-weight:bold;
	}
#profile #pro_name p{
	padding-top:10px;
	font-size:16px;
	}
#profile .databox{
	width:258px;
	height:178px;
	font-size:15px;
	margin:0px auto;
	padding:0px 0px 15px;
	background:url(/special/image/bg_profile.gif) no-repeat center bottom;
	text-align:center;
	}
/* new clearfix */
#profile .databox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #profile .databox             { zoom: 1; } /* IE6 */
*:first-child+html #profile .databox { zoom: 1; } /* IE7 */

#profile dl#pro_data{
	width:240px;
	margin:0px 0 0 18px;
	font-size:14px;
	}
/* new clearfix */
#profile dl#pro_data:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #profile dl#pro_data             { zoom: 1; } /* IE6 */
*:first-child+html #profile dl#pro_data { zoom: 1; } /* IE7 */

.l_box dl dt{
	font-size: 13px;
	}

#profile dl#pro_data dt{
	clear:both;
	float:left;
	width:60px;
	_width:70px;
	height:24px;
	line-height:24px;
	background: none;
	font-weight:bold;
	letter-spacing:normal;
	text-align:left;
	color:#cc5479;
	}
#profile dl#pro_data dd{
	float:left;
	width:170px;
	_width:160px;
	height:24px;
	line-height:24px;
	text-align:left;
	background: none;
	font-weight:bold;
	}
#profile .databox p{
	border-top:1px solid #fff;
	margin:5px 20px 0px;
	padding:10px 8px 0px;
	text-align:left;
	font-size:93%;
	font-weight:bold;
	}
	
	
#profile .profile_In{
  margin: 15px auto 0;
}
#profile .profile_In a:hover{
  opacity: 0.7;
}
#profile .profile_In .cap{
    font-size: 14px;
    line-height: 1.3;
    margin: 5px 25px 0;
    text-align: center;
}

dl#newarticle dd {
    margin: 10px auto;
    width: 250px ;
} /*20151208追加*/
	
	
#newarticle ul{
	margin-top:8px;
}

body:nth-of-type(1) #newarticle ul li {
	letter-spacing:-0.05em;	
	}
body:first-of-type #newarticle ul li {
	letter-spacing:-0.05em;	
	}
#newarticle ul li span.num{
	display:inline-block;
	/* width:75px !important; */
	}
#newarticle ul li span.num2{
	display:inline-block;
	/* width:18px !important; */
	text-align:center;
	}
	
/*2行以降インデントしたいとき*/
.entry_body .entry_txt .txt_darkgreen .indent {
    display: block;
    margin: 8px 0;
	padding-left: 1em;
    text-indent: -1em;
	}
	
/*テキストのみ対応時のレイアウト調整*/
.entry_body .mb10{
	margin-bottom: 10px;
}
.entry_body .mb30{
	margin-bottom: 30px;
}
	
/*テキスト表示に関する案内掲載*/
.annouce_box{
	font-size: 116%;
	line-height: 1.6;
	padding: 10px 0 30px;
	text-align: center;
	margin: 0 auto;
	width: 80%;
}
.annouce_box h2{
	background: #e95f6e;
	box-sizing: border-box;
	color: #fff;
	font-size: 17px;
	margin: 0 0 10px;
	padding: 3px 20px;
	text-align: center;
}


/*1行がおさまらない場合_テキストサイズ17px*/
.entry_body .entry_txt .txt_17px {
  font-size: 17px;
}

/*1行がおさまらない場合_テキストサイズ16px*/
.entry_body .entry_txt .txt_16px {
  font-size: 16px;
}

/*1行がおさまらない場合_テキストサイズ15px*/
.entry_body .entry_txt .txt_15px {
  font-size: 15px;
}