@charset "UTF-8";

/* reset 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}
*/
/* base 
html {
	font-size: 62.5%;
}
*/
/*body {*/
.content_blog{
/*	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;*/
	font-size:1.4rem; /* 14px */
	line-height: 1.857; /*14px-26px相当*/
	letter-spacing: normal;
	color: #333;
}
/*
p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}


a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
a:link{
	color: #444;
	text-decoration: none;
}
a:visited{
	color: #666;
	text-decoration: none;
}
*/

a:link img,
a:visited img,
a.alpha:link,
a.alpha:visited,
a.trans:link,
a.trans:visited {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 1;
}

@media screen and (min-width: 766px) { /* PC */
/*
a:hover {
	color: #999;
	text-decoration: none;
}
a:active  {
	color: #999;
	text-decoration: underline;
}
*/

a:hover img,
a:active img,
a.alpha:hover,
a.alpha:active {
	opacity: 0.6;
}
a.trans:hover,
a.trans:active {
	opacity: 0;
}

}

a.current,
a.parentsLink{
	cursor:default;
	color: #444;
	text-decoration: none;
}


img {
	max-width:100%;
	height:auto;
}

.br_sp{
	display:none;
}

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

	.br_sp{
		display:inline;
	}

}



/****************************************************************************
header
****************************************************************************/

/* #header_info 

#header_info {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	width: 100%;
	height: 46px;
	background-color: #F4F9E2;
	border-bottom:solid 1px #fff;
	line-height:1em;
}

#header_yasudapaint{
	padding:6px 20px 0 14px;
	width:283px;
	height:35px;
	float:left;
}
#header_yasudapaint a{
	display:block;
	width:283px;
	height:35px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/logo_header.png) 0 0 no-repeat;
}

#sub_nav{
	display:inline-block;
	float:right;
}
#sub_nav li{
	display:inline-block;
	float:left;
}
#sub_nav li a{
	display:block;
	padding:16px 20px 0;
	height:30px;
	font-size:12px;
}
#sub_nav li#snav_tel a{
	padding:13px 10px 0;
	font-size:18px;
}
#sub_nav li#snav_tel a:hover{
	color:#444;
	cursor:default;
}

#sub_nav li#snav_contact a{
	color:#fff;
	font-weight:bold;
	background-color:#A2CA0F;
}

*/


/* #header_blog */

#header_blog {
/*	padding-top:46px;*/
	width: 100%;
	height: auto;
	background: url(../img/bg_mainimage.png) 0 100% repeat-x;
}

.mainimage {
	margin: 0 auto;
	width: 1000px;
	height: 330px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:50% 0 no-repeat;
}
#mainimage_diary {
	background-image: url(../img/title_blog.jpg);
}
#mainimage_tokon {
	background-image: url(../img/title_to-kon.jpg);
}



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

	#header_info {
		height: 60px;
	}
	#header_blog {
/*		padding-top:0;*/
	}

	#header_yasudapaint{
		width:50vw;
		max-width:187px;
		height:49px;
	}
	#header_yasudapaint a{
		width:50vw;
		max-width:187px;
		height:49px;
		background: url(../img/logo_header_sp.png) 0 20% no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	
	#sub_nav li a{
		padding:0;
		width:60px;
		height:60px;
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background:50% 50% no-repeat;
	}
	#sub_nav li#snav_tel a{
		padding:0;
		font-size: 0%;
		background-color:#FFB928;
		background-image:url(../img/icn_tel.png);
		-webkit-background-size:22px auto;
		background-size:22px auto;
	}
	#sub_nav li#snav_home{
		display:none;
	}
	#sub_nav li#snav_contact a{
		background-color:#A2CA0F;
		background-image:url(../img/icn_mail.png);
		-webkit-background-size:36px auto;
		background-size:18px auto;
	}


	.mainimage {
		width: 100%;
		height:80vw;
		-webkit-background-size:100% auto;
		background-size:100% auto;
	}
	#mainimage_diary {
		background-image: url(../img/title_blog_sp.jpg);
	}
	#mainimage_tokon {
		background-image: url(../img/title_to-kon_sp.jpg);
	}



}



/****************************************************************************
#content
****************************************************************************/

#content{
  width: 960px;
  padding: 0 20px;
  margin: 70px auto;
}

#column_main{
  float: right;
  width: 690px;
}

#column_sub{
  float: left;
  width: 200px;
}

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

	#content{
		width:100%;
		padding:0;
		margin: 40px 0;
	}
	#column_main{
		float:none;
		width:auto;
		padding:0 4vw;
	}
	#column_sub{
		display:none;
	}

}

/* #column_main **********************************/


article {
  padding-bottom: 70px;
}

/* .article_header */

.article_header {
	border:solid 1px #ddd;
	background-color:#F2F8DB;
}
.article_header h1{
	padding:32px 40px 28px;
	background-color:#E7F2BD;
	font-size:18px;
	letter-spacing:0.1em;
}
.article_lead{
	padding:35px 40px;
	font-size:13px;
	line-height:1.846em;
}
.article_lead h2{
	padding-bottom:15px;
	font-size:17px;
	font-weight:bold;
	color:#98C00E;
}

.h_img{
	margin:-75px 30px 10px 10px;
	float:right;
}

/* section */

article section + section{
	margin-top:45px;
}
article section h2{
	padding:25px 40px 20px;
	background-color:#F3F3F3;
	font-size:22px;
	font-weight:bold;
	line-height:1.3em;
	color:#F23D00;
	letter-spacing:0.05em;
	border-bottom:dotted 1px #F23D00;
}

article section h2 span{
	display:inline-block;
	padding-left:15px;
}

.section_lead{
	padding:4px 40px 3px;
	background-color:#F6F6F6;
	font-size:12px;
	line-height:1.5em;
}

.section_body{
	padding:35px 40px;
	background-color:#F3F3F3;
}
.section_body + .section_body{
	padding-top:0;
}
.section_body h3{
	padding:5px 0 35px;
	font-size:22px;
	font-weight:normal;
	line-height:1.3em;
}
.section_body p + p{
	margin-top:20px;
}

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

	article section h2{
		padding:25px 5vw 20px;
		font-size:5.6vw;
	}
	.section_body{
		padding:30px 5vw;
		font-size:3.7vw;
	}
	.section_body h3{
		font-size:5vw;
		line-height:1.5;
	}

}


article section.no-line{
	border:none;
}
article section.no-line h2{
	padding:20px 0;
	background:none;
}
.no-line .section_body{
	padding:0;
}

.text-right{
	text-align:right;
}

.img_center{
	padding:20px 0;
	text-align:center;
}

.img_right{
	padding:0 0 20px 40px;
	float:right;
}
.img_left{
	padding:0 40px 20px 0;
	float:left;
}
.section_body p.img_right + p,
.section_body p.img_left + p{
	margin-top:0;
}



.note{ /* article section section.note */
	margin-top:0;
	border:none;
	padding:30px 40px 30px 0;
	background-color:#F3F3F3;
}
.note + .note{
	padding-top:0;
}

.note h3{
	float:left;
	padding:4px 10px 3px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:1.428em;
	color:#fff;
	background-color:#98C00E;
}
.note h3.label_s{
	width:80px;
}
.note h3.label_m{
	width:120px;
}

.note_body,
.note h4{
	float:right;
	padding-top:2px;
}
h3.label_s + .note_body,
h3.label_s + h4{
	width:520px;
}
h3.label_m + .note_body,
h3.label_m + h4{
	width:480px;
}

.note_body p + p{
	margin-top:20px;
}




.no-line .note{ /* article section.no-line section.note */
	padding:0;
}
.no-line .note + .note{
	margin-top:20px;
}

.no-line .note h3{
	float:none;
	padding:3px 40px 1px;
	text-align:left;
}
.no-line .note_body{
	float:none;
	padding:30px 40px;
}


ul.dot li{
	padding-left:12px;
	background:url(../img/dot_green.png) 0 9px no-repeat;
}
.content_choice ul.dot li{
	background-image:url(../img/dot_pink.png);
}
.content_ask ul.dot li{
	background-image:url(../img/dot_blue.png);
}
.content_blog ul.dot li{
	background-image:url(../img/dot_orange.png);
}
.section_body ul.dot{
	margin:20px 0;
}



dl.clear{
}
dl.clear dt,
dl.clear dd{
	padding-top:12px;
	padding-bottom:12px;
}
dl.clear dt{
	width:125px;
	float:left;
	font-weight:bold;
	color:#999;
}
dl.clear.underline dd{
	margin-left:130px;
}


dl.clear.underline{
	padding-bottom:0;
	margin-bottom:15px;
	border-bottom:dotted 1px #ccc;
}
dl.clear.underline dt,
dl.clear.underline dd{
	border-top:dotted 1px #ccc;
}
dl.clear.underline dt{
	padding-left:5px;
}
dl.clear.underline dd{
}
dl.clear.underline dt.firstChild,
dl.clear.underline dd.firstChild{
	border-top:none;
}







article section.no-line h2{ /*もう一度*/
	background:none;
}


/* 社会貢献ブログ　トップ **********************************/

.news_list{
	width:705px;
	margin-left:-15px;
}
.news_list li{
	width:218px;
	border:solid 1px #ddd;
	margin-left:15px;
	margin-top:20px;
	float:left;
}
.news_list li a{
	display:block;
	width:218px;
	height:auto;
}

.news_list .entry_img{
	width:218px;
	height:140px;
	overflow:hidden;
}
.news_list .entry_img img{
	width:100%;
}

.news_list .entry_date{
	padding:5px 14px;
	font-size:10px;
	line-height:1;
	color:#fff;
	font-weight:bold;
	background-color:#FB9700;
}
.news_list .entry_title{
	padding:15px 14px;
	line-height:1.3;
	font-weight:bold;
	background-color:#ECE7D7;
}
.news_list .entry_excerpt{
	padding:10px 14px 6px;
	font-size:12px;
	line-height:1.5;
}
.news_list .entry_more{
	padding:0 14px 6px;
	font-size:12px;
	text-align:right;
}



.social_bnr{
	float:left;
	margin-right:15px;
	padding:0;
}
.social_txt{
	padding-top:20px;
}
/*
#subbnr-iamagirl,
.subbnr-iamagirl{
	display:block;
	height:60px;
	width:179px;
	padding:0;
	border-right:solid 1px #E3017F;
	overflow:hidden;
}
*/
@media screen and (max-width: 767px) {

	.news_list{
		width:auto;
		margin:0 4vw;
	}
	.news_list li{
		width:100%;
		margin-left:0;
		float:none;
	}
	.news_list li a{
		width:100%;
	}
	
	.news_list .entry_img{
		width:100%;
		height:50vw;
	}
	.news_list .entry_date{
		padding:5px 4vw;
		font-size:3vw;
	}
	.news_list .entry_title{
		padding:10px 4vw;
		font-size:3.7vw;
	}
	.news_list .entry_excerpt{
		padding:10px 4vw 6px;
		font-size:3.2vw;
	}
	.news_list .entry_more{
		padding:0 4vw 6px;
		font-size:3.2vw;
	}

}


/* ブログ **********************************/


.content_blog .article_header{
	border:none;
}
.content_blog .article_header h1{
	padding:25px 40px 20px;
	background-color:#F3F3F3;
	color:#F59927;
	border:none;
}
.content_blog #category_list .article_header h1{
	margin-bottom:40px;
}



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

.content_blog .article_header h1{
	padding:26px 5vw 22px;
	font-size:4vw;
}

}

/* .entry */

.entry {
	padding-bottom: 0;
	border:solid 1px #ddd;
}
.entry + .entry{
	margin-top:40px;
}

/* .entry_header */

.entry_header {
	color:#1B3470;
	font-weight:bold;
	background-color:#ECE7D7;
}
#b-tokon .entry_header {
	color:#F23D00;
}

.entry_header .entry_date{
	display: inline-block;
	padding:18px 25px 20px;
	margin-right:20px;
	float:left;
	background-color:#1B3470;
	font-size:22px;
	color:#fff;
	line-height:1.1em;
}
#b-tokon .entry_header .entry_date {
	background-color:#FB9700;
}
.entry_header .entry_year{
	display:block;
	font-size:14px;
}

.entry_header .entry_cat{
	padding-top:20px;
	padding-bottom: 4px;
	min-height:16px;
}
#archive_list .entry_cat{
	padding-left:10px;
}
.entry_header .entry_cat a,
.entry_header .entry_cat span,
#archive_list .entry_cat span{
	display:inline-block;
	padding:4px 8px 3px;
	margin-right:2px;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	color:#fff;
	background-color:#699DD1;
}
#archive_list .entry_cat span{
	padding:3px 4px 2px;
	font-size:10px;
	font-weight:normal;
}
#b-tokon .entry_header .entry_cat a,
#b-tokon #archive_list .entry_cat span{
	background-color:#FF5C26;
}
.entry_header .entry_cat a.diary_tag_area,
.entry_header .entry_cat span.diary_tag_area,
#archive_list .entry_cat span.diary_tag_area{
	padding:3px 7px 2px;
	color:#699DD1;
	border: solid 1px #699DD1;
	background-color: transparent;
}

.entry_header h1{
	font-size:18px;
	font-weight: bold;
	line-height:1.4em;
}

.entry_header h1 a {
	color:#1B3470;
}
.entry_header h1 a:hover {
	color:#699DD1;
}
#b-tokon .entry_header h1 a {
	color:#F23D00;
}
#b-tokon .entry_header h1 a:hover {
	color:#FB9700;
}



.entry_body{
	padding:35px 40px;
}
.entry_body h2{
	padding-bottom:15px;
	font-size:17px;
	font-weight:bold;
	color:#F59927;
}
#b-tokon .entry_body h2 {
	color:#F59927;
}

.entry_body p + p{
	margin-top:20px;
}
.entry_body .img_right p + p{
	margin-top:0;
}

.entry_body .img_right{
	width:260px;
	overflow:hidden;
}
.entry_body .img_right img{
	padding-bottom:5px;
}
.caption{
	padding:0 0 8px;
	font-size:12px;
	line-height:1.3em;
	text-align:center;
}

/*.entry_body p img.mt-image-none,
.entry_body p iframe{
	margin-left:34px;
}*/

.entry_footer{
	margin-top:30px;
	padding:20px 40px 15px;
	background-color:#F3F3F3;
	text-align:right;
}

.entry_footer .twitter-share-button{
	display: inline-block;
	width:100px !important;
	float:none;
}
.entry-likebtn{
	display: inline-block;
	vertical-align:top;
}

#b-blog .main_footer{
	margin-top:70px;
}


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


	.entry_header .entry_date{
		padding:18px 3vw;
		margin-right:4vw;
		font-size:3.7vw;
	}
	.entry_header .entry_year{
		font-size:3vw;
	}
	.entry_header .entry_cat{
		padding-top:10px;
		min-height:12px;
	}

	.entry_header .entry_cat a,
	#archive_list .entry_cat span{
		font-size:3vw;
	}
	#archive_list .entry_cat span{
		font-size:2.7vw;
	}

	.entry_header h1{
		font-size:4vw;
	}

	.entry_body{
		padding:20px 4vw;
		font-size:3.7vw;
	}

	.entry_body h2{
		font-size:3.7vw;
	}

	.entry_body .img_right{
		display: block;
		width:80%;
		margin:0 auto;
		padding-left:0;
		float:none;
		text-align:center;
	}
	.entry_body p img.mt-image-none{
		width:80%;
		margin:0 auto;
	}

	.caption{
		font-size:3.2vw;
	}

	.entry_body iframe,
	.entry_body p iframe{
		width:100% !important;
		margin:0;
	}

	.entry_footer{
		margin-top:20px;
		padding:20px 5vw 15px;
		text-align:center;
	}

}




/* ブログnavi */

.prev-next{
	margin-top:40px;
	text-align:center;
}
.prev-next li{
	display:inline-block;
	padding:0 15px;
}
.prev-next li a{
	display:block;
	padding:2px 15px 0;
	border:solid 1px #ddd;
}
.prev-next li a:hover{
	background-color:#FEF0DF;
	text-decoration:none;
	color: #FF9900;
}

.blogtop-index{
	margin-top:40px;
	padding:20px 0;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.blogtop-index li a{
	display:inline-block;
	padding:0.2em 1em;
	margin:0 4px;
	color: #999;
	background-color: #fff;
	border: solid 1px #ccc;
	transition: all 0.3s;
}
.blogtop-index li a.current,
.blogtop-index li a:hover{
	color: #fff;
	background-color:#999;
	text-decoration:none;
}
.blogtop-index li a .icn_gt{
	margin-left:5px;
	background-color:#699DD1;
}
#b-tokon .blogtop-index li a .icn_gt{
	margin-left:5px;
	background-color:#F24800;
}

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

	.blogtop-index{
		margin-top:30px;
		padding:10px 0;
	}
	.blogtop-index li a{
		padding:0.2em 0.5em;
		margin:0 1px;
	}
	.blogtop-index li a:hover{
		background-color:#fff;
	}

}


.wp-pagenavi{
	margin-top:40px;
	padding:20px 0;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.wp-pagenavi a,
.wp-pagenavi .current{
	display:inline-block;
	padding:0.2em 0.7em;
	margin:0 2px;
	color: #999;
	background-color: #fff;
	border: solid 1px #ccc;
	transition: all 0.3s;
	text-decoration:none;
}
.wp-pagenavi .current{
	color: #fff;
	background-color:#999;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color:#999;
}
.wp-pagenavi .pages{
	display:none;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.wp-pagenavi{
		margin-top:25px;
	}
	.wp-pagenavi a,
	.wp-pagenavi .current{
		padding:0.2em 0.3em;
		margin:0 1px;
	}

}




/* #archive_list */

#archive_list{
	padding-bottom: 0;
}

#archive_list dl{
	margin-top:40px;
}
#archive_list dt{
	padding:6px 10px;
	width:80px;
	color:#F59927;
}
#archive_list dd{
	padding:0;
	margin-left:90px;
	border-bottom:dotted 1px #ccc;
}
#archive_list dd > a{
	display:block;
	padding:6px 5px;
}

#archive_list .entry_date{
	display:inline-block;
	margin-right:10px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#666;
	letter-spacing:0.1em;
}
#archive_list dd a:hover{
	text-decoration:none;
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}


#b-tokon #archive_list dl#arc2009{
	display:none;
}


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

	#archive_list{
		font-size:3.7vw;
	}
	#archive_list dt{
		padding:6px 5px;
		float:none;
		width:auto;
	}
	#archive_list dd{
		margin-left:0;
	}
	
	#archive_list .entry_date{
		font-size:3.2vw;
	}
	#archive_list dd a:hover{
		filter:alpha(opacity=1);
		opacity: 1;
		-ms-filter: "alpha(opacity=1)";
		-moz-opacity:1;
		-khtml-opacity: 1;
	}


}


/* #column_sub **********************************/

#content_nav ul{
	border-left:solid 4px #eee;
}
#content_nav ul + ul{
	margin-top:30px;
}
#content_nav li{
	padding:0;
}

#content_nav h1{
	padding:12px 0 14px 19px;
	height:auto;
	width:auto;
	margin-left:-4px;
	border-left:solid 4px #A2CA0F;
	font-weight:bold;
	line-height:1.5em;
	color:#F59927;
}
#content_nav #cnav_blog h1{
	border-left:solid 4px #699DD1;
	color:#1F3D85;
}
#b-tokon #content_nav #cnav_blog h1{
	border-left:solid 4px #FB9700;
	color:#F23D00;
}

#content_nav h1 img{
	display:block;
}

#content_nav li a{
	display:block;
	padding:17px 10px 13px 36px;
	font-size:16px;
	line-height:1.437em;
	background:url(../img/arrow_b_green.png) 14px 50% no-repeat;
}
#content_nav li a:hover{
	text-decoration:none;
	background-color:#F2F8DB;
}

#content_nav li a.current{
	background-color:#EBF5C8;
}
#content_nav #cnav_blog li a.current,
#content_nav #cnav_blog li a:hover{
	background-color:#D2E1F1;
}
#b-tokon #content_nav #cnav_blog li a.current,
#b-tokon #content_nav #cnav_blog li a:hover{
	background-color:#FCDACC;
}



#content_nav ul ul{
	border-left:none;
	padding-left:25px;
	background:url(../img/dotline_gray.png) 0 0 repeat-x;
}
#content_nav li li{
	padding:2px 0 1px;
}
#content_nav li li + li{
	background:url(../img/dotline_gray.png) 0 0 repeat-x;
}

#content_nav li li a{
	display:block;
	padding:10px 10px 9px 20px;
	font-size:13px;
	background:url(../img/dot_orange.png) 8px 50% no-repeat;
}
#content_nav li#cnav_blog li a{
	background-image:url(../img/dot_blue.png);
}
#b-tokon #content_nav li#cnav_blog li a{
	background-image:url(../img/dot_pink.png);
}


.cnav_scroll{
	height:180px;
	overflow:auto;
}

.sub_bnr{
	margin-top:40px;
}
.sub_bnr li + li{
	padding-top:10px;
}


#kokoroiki_nav{
	margin:40px 0 60px;
}
#kokoroiki_nav h1{
	padding:8px 0 8px 19px;
	height:auto;
	width:auto;
	border-left:solid 4px #A2CA0F;
	font-weight:bold;
	line-height:1.5em;
	color:#89AB21;
	background:url(../img/dotline_gray.png) 0 100% repeat-x;
}
#kokoroiki_nav li{
	padding-top:17px;
}
#kokoroiki_nav li a{
	display:block;
	background-color:#F0F0F0;
}
#kokoroiki_nav li p{
	padding:12px 8px 8px;
	font-size:12px;
	line-height:1.4;
}
.icn_gt{
	display:inline-block;
	vertical-align: middle;
	margin-right:5px;
	padding:1px 1px 3px 3px;
	width:10px;
	font-size:10px;
	line-height:1;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-indent:0;
	background-color:#A2CA0F;
	border-radius:1em; 
}
.prevpage .icn_gt{
	padding:1px 3px 3px 1px;
}

.news_list .icn_gt{
	margin-right:0;
	margin-left:5px;
}

#kokoroiki_nav li em{
	display:block;
	padding-top:2px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	font-style: normal;
}

#kokoroiki_nav li a:hover{
	background-color:#F2F8DB;
	text-decoration:none;
}
.sub_bnr a:hover img,
#kokoroiki_nav li a:hover img{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}




#sns .fb-page{
	margin-bottom:10px;
	min-height:500px;
}

.twitter-share-button{
	display: inline-block;
	width: 100px !important;
}
.fb-like.fb_iframe_widget{
	padding:0;
	height:20px;
}
.fb-like.fb_iframe_widget span{
	vertical-align:top !important;
}






/****************************************************************************
footer
****************************************************************************/
/* .contact */
.contact{
	padding-bottom:20px;
}

.contact .syokunin{
	width:960px;
	margin:0 auto;
}
.contact .syokunin h2{
	padding:18px 0 15px;
	font-size:22px;
	font-weight:normal;
	line-height:1.4;
	color:#fff;
	background-color:#AB9B8B;
	text-align:center;
}
.contact .syokunin h2 em{
	font-weight:bold;
	font-style:normal;
	color: #fff;
}
.contact .syokunin p{
	text-align:center;
	border-left:solid 1px #D5CDC6;
	border-right:solid 1px #D5CDC6;
}
.contact_copy02{
	padding:14px 0 12px;
	font-size:22px;
	line-height:1.4;
	color:#222;
	letter-spacing:0.05em;
}
.contact_contact{
	padding:5px 0 10px;
	border-top:solid 1px #F9BB71;
	color:#F49926;
	font-weight:bold;
}

.bnr_shokunin_list{
	display: flex;
}
.bnr_shokunin_listitem{
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.bnr_shokunin_listitem img{
		width: 100%;
		height: 60px;
		object-fit: cover;
	}
}

.contact .contactbtn{
	width:960px;
	margin:0 auto;
	background-color:#EFBB4F;
}
.contactbtn p{
	width:480px;
	float:left;
	margin-top:-10px;
}
.contactbtn a{
	display:block;
	width:470px;
	height:136px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: 0 0 no-repeat;
	background-size:470px auto;
}
.contactbtn_tel a{
	margin-left:5px;
	background-image:url(../img/contact_tel.png);
}
.contactbtn_web a{
	background-image:url(../img/contact_web.png);
}
.contactbtn_tel a:hover{
	cursor:default;
}

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

	.contact .syokunin{
		width:auto;
		margin:0 4vw;
	}

	.contact .syokunin h2{
		padding:15px 0 12px;
		font-size:4.3vw;
	}
	.contact_copy02{
		padding:12px 0 10px;
		font-size:3.2vw;
	}
	.contact_contact{
		padding:8px 0 10px;
		font-size:3.2vw;
		line-height:1.4;
	}
	
	.contact .contactbtn{
		width:auto;
		margin:0 4vw;
	}
	.contactbtn p{
		width:auto;
		float:none;
		margin-top:-4px;
	}
	.contactbtn a{
		width:100%;
		height:27vw;
		background-size:95% auto;
	}
	.contactbtn_web a{
		margin-left:5px;
	}



}


/*
.pagetop{
    bottom: 20px;
    right: 0;
    position: fixed;
	z-index:600;
}
.pagetop a{
	background-color:#A2CA0F;
    color: #fff;
    display: block;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
	font-size:16px;
	font-weight:bold;
	line-height:1;
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
.text_pagetop{
	display:none;
}

.pagetop a:hover{
  filter:alpha(opacity=1);
  opacity: 1;
  -ms-filter: "alpha(opacity=1)";
  -moz-opacity:1;
  -khtml-opacity: 1;
}

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

.pagetop{
	    position: relative;
		margin-top:30px;
}
.pagetop a{
		width:auto;
		height:auto;
    padding: 15px 20px;
		line-height:1.3;
	}
	.text_pagetop{
		display:block;
		font-size:3.2vw;
	}

	.pagetop a:hover{
	  filter:alpha(opacity=60);
	  opacity: 0.6;
	  -ms-filter: "alpha(opacity=60)";
	  -moz-opacity:0.6;
	  -khtml-opacity: 0.6;
	}

}


#footer{
	width: 100%;
	padding-top:80px;
	background: url(../img/bg_footer.png) 0 0 repeat-x;
}

#footer_inner{
	margin:40px auto;
	width: 1000px;
}

#footer_info{
	width:440px;
	float:left;
	color: #666;
}
#footer_fb{
	width:500px;
	float:right;
}


#campany_info{
	margin-top:20px;
	padding-top:20px;
	border-top:solid 1px #ccc;
}
#campany_info a{
	color: #666;
}
.cinfo_address{
	font-size:12px;
	line-height:1.6em;
}


.footer_btn a {
    display: block;
	width:16em;
    padding: 8px 5px 5px 15px;
	margin-top:20px;
    font-size: 12px;
	line-height:1.4;
    border: solid 1px #ccc;
}
.footer_btn a .icn_gt{
	float:right;
	margin-top:10px;
}
.footer_btn strong {
    font-size: 14px;
    font-weight: bold;
    color: #F2A500;
}

#footer_message{
	padding-top:40px;
	font-size:12px;
	line-height:1.4;
}
#footer_message p + p{
	padding-top:20px;
}


#copyright {
	width: 100%;
	padding:8px 0;
	background-color:#F4F9E2;
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	color:#999;
	letter-spacing:0.1em;
	text-align:right;
}
#copyright small {
	padding-right:20px;
}





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

	#footer{
		padding-top:0;
		background:none;
	  }

	#footer_inner{
		width:auto;
		padding: 0 4vw;
		padding-top: 7.5vw;
		font-size:3.2vw;
	}

	#footer_info{
		width:auto;
		float:none;
		margin-top:30px;
	}
	#footer_info h1{
		display:none;
	}

	#footer_fb{
		width:auto;
		padding: 0 4vw;
		float:none;
	}

	.footer_btn a {
		width:auto;
		font-size:3.2vw;
	}
	
	#copyright{
		text-align:center;
	}

}

*/

/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.small{
	font-size:13px;
	line-height:1.846em;
}
.x-small{
	font-size:12px;
  line-height: 1.8em;
}

article strong{
	font-weight:bold;
	color:#FF6600;
}
article em{
	font-weight:bold;
	font-style:normal;
	color:#98C00E;
}
.content_choice article em{
	color:#E3936C;
}
.content_ask article em{
	color:#5BACD2;
}