@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* -----------------------------------------------
	index
----------------------------------------------- */

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


#contents {
	width:100%;
	margin:0 auto 0;
	padding:4% 0 8% 0;
}

#contents .pickup {
	position:relative;
	width:96%;
	border:2px solid #ffe100;
	padding:44px 0 20px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto 20px;
}

#contents .pickup .date_blog {
	position:absolute;
	top:10px;
	left:15px;
	width:300px;
	height:20px;
	line-height:20px;
	color:#ff9c2d;
	font-size:0.813em;
}
	
#contents .pickup .date_blog img {
	margin-right:6px;
	width:33px;
}

#contents .pickup .pickup_illust {
	position:absolute;
	bottom:-21px;
	left:0;
	width:30px;
	height:auto;
}

#contents .pickup .pickup_illust img {
	width:100%;
}

#contents .pickup .pickup_inr {
	width:94%;
	margin:0 auto 0;
}

#contents .pickup .pickup_inr .main_img {
	width: 96px;
	height:96px;
	overflow: hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 auto 4%;
	border:2px solid #ffe100;
	float:left;
}

#contents .pickup .pickup_inr .main_txt {
	overflow:hidden;
	padding:0 10px 5px 15px;
	line-height:1.8;
}

#contents .pickup .pickup_inr .main_txt h2 {
	margin-bottom:20px;
	line-height:1.6;
	font-weight:bold;
}

#contents .pickup .pickup_inr .main_txt h2 a {
	font-size:1.063em;
	font-weight:bold;
	/*text-decoration:underline;*/
	text-decoration:none;
	background: linear-gradient(transparent 60%, #fff6b2 60%);
}

#contents .pickup .sns_count {
	height:20px;
	margin-bottom:5px;
}

span.count_fb_l {
	display:block;
	width:31px;
	height:20px;
	background:url(../images/index/count_fb.png) left center no-repeat #d8e3fd;
	-webkit-background-size:34px 15px;
	-moz-background-size:34px 15px;
	background-size:34px 15px;
	font-size:0.625em;
	color:#404040;
	line-height:20px;
	padding-left:13px;
	margin-right:3px;
	float:left;
}

span.count_hatena_l {
	display:block;
	width:30px;
	height:20px;
	background:url(../images/index/count_hatena.png) left center no-repeat #e0f7ff;
	-webkit-background-size:39px 15px;
	-moz-background-size:39px 15px;
	background-size:39px 15px;
	font-size:0.625em;
	color:#404040;
	line-height:20px;
	padding-left:19px;
	float:left;
}

#contents .pickup .nextbtn a {
	display:block;
	width:210px;
	height:64px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px;
	border-radius:19px;
	line-height:64px;
	text-align:center;
	color:#ffffff;
	font-size:1em;
	margin:12px auto 0;
	background: url(../images/sp/common/main_btn.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	text-decoration:none;
}


#contents .blog_list {
	width:100%;
	margin:0 auto 0;
}

#contents .blog_list .blog_box {
	width:90%;
	margin:3% auto 3%;
}

#contents .blog_list .blog_box.blog_box_r {
}

#contents .blog_list .blog_box .blog_box_img {
	width: 66px;
	height: 66px;
	overflow: hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 auto 4%;
	border:2px solid #ffe100;
	float:left;
}

#contents .blog_list .blog_box .blog_box_txt {
	overflow:hidden;
	padding:0 0 0 8px;
}

#contents .blog_list .blog_box .blog_box_txt .blog_date {
	color:#ff9c2d;
	font-size:0.750em;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif;
}

#contents .blog_list .blog_box .blog_box_txt h3 {
	margin-bottom:10px;
	font-weight:normal;
	line-height:1.2;
}
#contents .blog_list .blog_box .blog_box_txt h3:after {
	position:relative;
	content:"";
	display:inline-block;
	width:8px;
	height:10px;
	background:url(../images/index/blog_arrow.png) left top no-repeat;
	-webkit-background-size:8px 10px;
	-moz-background-size:8px 10px;
	background-size:8px 10px;
	margin:0 0 0 4px;
	top:1px;
}


#contents .blog_list .blog_box .blog_box_txt h3 a {
	font-size:0.9em;
	/*text-decoration:underline;*/
	line-height: 1.4em;
	font-weight:bold;
	text-decoration:none;
	background: linear-gradient(transparent 60%, #fff6b2 60%);
}

#contents hr.index_hr {
	border-top:1px solid #ffe100;
	margin:0 0 0;
}

#contents .blog_list .blog_box .blog_box_txt .sns_count_s {
	height:18px;
}

span.count_fb_s {
	display:block;
	width:28px;
	height:18px;
	background:url(../images/index/count_fb_s.png) left center no-repeat #d8e3fd;
	-webkit-background-size:28px 12px;
	-moz-background-size:28px 12px;
	background-size:28px 12px;
	font-size:0.688em;
	color:#404040;
	line-height:18px;
	padding-left:10px;
	margin-right:4px;
	float:left;
}

span.count_hatena_s {
	display:block;
	width:28px;
	height:18px;
	background:url(../images/index/count_hatena_s.png) left center no-repeat #e0f7ff;
	-webkit-background-size:32px 12px;
	-moz-background-size:32px 12px;
	background-size:32px 12px;
	font-size:0.688em;
	color:#404040;
	line-height:18px;
	padding-left:14px;
	float:left;
}

#contents .index_btn a {
	display:block;
	width:290px;
	height:37px;
	/*-webkit-border-radius:19px;*/
	/*-moz-border-radius:19px;*/
	/*border-radius:19px;*/
	line-height:37px;
	text-align:center;
	color:#ffffff;
	font-size:1em;
	margin:12px auto 0;
	/*background:#e81021;*/
	background:url(../images/sp/common/btn_bg.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	text-decoration:none;
}

}