@charset "utf-8";
/* ==========================================================

title : ホームメイト・リサーチ
scope : 右カラム新規リセット対応

last modify :2019/05/15 309_nakai Google+削除対応による調整

2017/05/01 230inagaki

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

/*--youtube--*/
#swf {
	background: url("/search/image/side/side_movie_bg.gif") no-repeat 0 0;
	height: 250px;
	margin:0;
}

.side_movie_area {
  background: url("/image/top/side_movie_back.png") no-repeat;
  margin: 15px 0px;
  padding-top: 10px;
  height: 250px;
  width: 300px;
}

.youtube_thum {
  height: 157px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  padding: 0px;
  width: 280px;
}

.youtube_thum > a > img:first-child {
  height: auto;
  left: 0px;
  position: absolute;
  top: -26px;
  width: 280px;
}

.youtube_thum > a > img:last-child {
  left: 115px;
  position: absolute;
  top: 54px;
}

.side_movie_area div.linkbtn {
  height: 60px;
  margin: 16px 15px 0px;
  width: 270px;
}

.linkbtn a {
  background: url("/image/top/youtube_official_btn_on.png") no-repeat center center;
  border: none;
  display: block;
  height: 60px;
  margin: 0;
  width: 270px;
}

/*--sns--*/
/*----------------------------
 SNS公式アカウントBOX
-----------------------------*/
#sns_box,
.sns_box {
  display:block;
	margin:0 auto 15px;
	width:300px;
}
#sns_link_box {
	overflow:hidden;
  display:block;
	border:2px solid #0a72c3;
	width:296px;
	padding:0;
	margin: 0px auto;
	background:#fff;
  text-align:center;
}

#sns_link_box dt {
	padding: 4px 0; 
	font-size: 1.8rem;
	color:#fff;
	border:1px solid #4997d3;
	border-bottom-color:#1273bf;
	text-align:center;
	background-color:#358cd0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358cd0), color-stop(100%, #1f7ec7));
	font-weight:bold;
	line-height: 3rem;
} 
#sns_link_box dd {
	margin: 0;
	width:100%;
}

#sns_list {
	display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	width: 195px;
	margin:15px auto;
	padding:0;
	text-align:center;
}

#sns_list li {
	margin: 0 5px 10px;
}

#sns_list li:last-child,
#sns_list li:nth-last-child(2),
#sns_list li:nth-last-child(3){
	margin: 0 5px 0;
}

#sns_list li a:hover{
	opacity:0.7 ;
}

#sns_list li.disable{
	background:#eee;
	border-color:#ccc;
}

#lnk_sns_cont {
	text-align:center;
	margin:0 15px;
	border-top:1px solid #358cd0;
	padding:10px 0;
	font-weight: 800;
	color: #999;
	font-size:1.5rem;
	line-height: 2.1rem;
}

.social_banner_area li {
  margin-bottom: 15px;
}

.share_box_wrap {
  margin: 20px 0 15px 0;
  border: 2px solid #0a72c3;
  background: #fff;
}

.share_box {
	margin: 0 auto;
}

.share_box dd {
	margin: 0 auto;
	padding:10px 5px 0;
}

.share_box ul {
	display: flex;
	display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	justify-content: space-between;
  -webkit-justify-content: space-between;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.share_box li {
	margin: 0 2px 10px;
	min-width: 90px;
	max-width: 131px;
	height: 42px;
  padding: 10px 3px;
	text-align: center;
	background: #d3e5f4;
	border: 1px solid #b7d3ea;
	border-radius: 4px;
}

.line_bg {
	display:block;
	width:82px;
	height:20px;
	margin:0 auto;
}

.arrow {
	background: url("../image/lst_bnr_cap.gif") no-repeat 2px 8px;
	margin: 0;
	padding: 5px 0 0 12px;
	font-size: 12px;
	text-align: left;
}

.mrk_sns_link {
	background: url("/image_cmn/light_s.png") no-repeat 0px 0px;
	margin:8px auto 5px;
	padding:0 0 0 15px;
	font-size:12px;
	text-align:left;
}
#sns_ex {
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	zoom:1;
	text-align:center;
}

.mk_mail {
  text-align: center;
  margin: 10px 0;
}

.mk_mail a {
  background: rgba(0, 0, 0, 0) url("/image_cmn/icon_mail_blue.png") no-repeat left center;
  color: #00f;
	display: block;
  font-size: 1.6rem;
	line-height: 32px;
	margin: 0 auto;
  padding: 0 0 0 40px;
  vertical-align: middle;
	text-decoration: none;
	width: 250px;
}

/* -------------------------
 SNS情報　テキストスタイル
-------------------------- */

.snsinfo_font{
  text-indent:1.7em;
  margin:15px 0 0;
}


#poster a:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}


.mrgdown20{
	margin:20px 0;
}

/*--bnr--*/

.top_right figcaption {
  background: url("/image/lst_bnr_cap.gif") no-repeat 2px 8px;
  font-size: 12px;
  margin: 0;
  padding: 5px 0 0 12px;
  text-align: left;
}

.top_right .pr_bnr_sp {
  width: 300px;
  margin: 0 0 10px;
  padding: 0;
}

.pr_bnr_sp > a {
  border: #585858 solid 1px;
  display: block;
  line-height: 0px;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.pr_bnr_sp > a:hover img{
  opacity: 0.7;
}