@charset "UTF-8";
@charset "UTF-8";
 

/* CSS Document */
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("//fonts.googleapis.com/css?family=Cardo:400italic");
body {
	position: relative;
  *font-size: small;
  *font: x-small;
  /*color: #333;*/
 /*  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
/*  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
 font-size:13px;
 line-height: 1.231;
}
.cardo {
	font-family: 'Cardo', serif;
	font-style:italic;
}
table {
  font-size: inherit;
  font: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
}
.hidden {
  display: none;
}
.mgnClear {
  margin: 0px;
}
li {
  list-style-type: none;
}
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.clearfix:after {
  clear: both;
}
.justify {
	text-align:justify;
}
.lightTxt {
	color:#666;
}

@media screen and (max-width: 768px) {
	.sp-none {
		display: none !important;
	}
	.pc-none {
		display: block !important;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
}
@media screen and (min-width: 769px) {
	.sp-none {
		display: block !important;
	}
	.pc-none {
		display: none !important;
	}
}

a#scroll-to-top {
	right: 9px !important;
	bottom: 68px !important;
}

/*----------共通------------*/

#headBox {
	background-position:center top;
	background-repeat:no-repeat;
	min-width:960px;
	max-width:1160px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;

	height:750px;
}
header {
	width:960px;
	margin:0 auto;
	position:relative;
}
header #logomark {
	position:absolute;
	top:24px;
	left:0px;
}
header #headTelBox {
	position:absolute;
	top:3px;
	right:16px;
}
header h1 {
	color:#FFFFFF;
	font-size:13px;
	position:absolute;
	top:52px;
	left:170px;
	line-height:1.5em;
	font-weight:300;
}
header h2 {
	position:absolute;
	top:122px;
	right:0px;
}
header nav {
	width:532px;
	height:79px;
	position:absolute;
	top:122px;
	left:0px;
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/common/img/nav.png);
	background-position:0px 0px;
}
header nav li {
float:left;
}
header nav a {
	width:133px;
	height:79px;
	display:block;
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/common/img/nav.png);
	background-repeat:no-repeat;
	background-position:0px -79px;


}
header .nav02 a {
	background-position:-133px -79px;
}
header .nav03 a {
	background-position:-266px -79px;
}
header .nav04 a {
	background-position:-399px -79px;
}
header nav a:hover {
	background-image:none;
}
@media screen and (max-width: 768px) {
	#headBox {
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	header {
		width:100%;
	}
	header nav {
		width:100%;
		height:79px;
	}
}

header .breadcrumbs {
	position:absolute;
	top:210px;
	color:#666;
	text-align:right;
	width:100%;
}
header .breadcrumbs a {
	color:#666;
	text-decoration:none;
}
.toppage header .breadcrumbs {
	display:none;
}

#contentsBox {
	width:960px;
	margin:0 auto;
}
#bannerBox {
	width:960px;
	margin:0px auto;
	background-color:#eeeee6;
	border-radius:10px;
	padding:15px 0;
}
@media screen and (max-width: 768px) {
	#contentsBox {
		width:100%;
	}
	#bannerBox {
		padding: 10px;
		width:94%;
		box-sizing: border-box;
	}
}
#bannerBox ul {
	margin-left:30px;
}
#bannerBox li {
	margin-left:30px;
	display:inline;
}
footer {
	width:960px;
	height:220px;
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/common/img/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:6px auto 0 auto;
	position:relative;
}
@media screen and (max-width: 768px) {
	#bannerBox ul {
		margin-left:0;
	}
	#bannerBox li {
		margin-left:0;
		margin-top: 10px;
		display:block;
		text-align: center;
	}
	footer {
		padding: 0 10px;
		width:100%;
		height:auto;
		background-image: none;
		box-sizing: border-box;
	}
}
footer h2 {
	position:absolute;
	top:24px;
	left:180px;
}
footer .telNum {
	position:absolute;
	top:65px;
	left:46px;
}
footer .titMail {
	position:absolute;
	top:65px;
	left:560px;
}
footer .btnMail a {
	width:397px;
	height:75px;
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/common/img/foot-btnmail.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:92px;
	left:520px;
}
@media screen and (max-width: 768px) {
	footer h2 {
		position:static;
	}
	footer .telNum {
		position:static;
	}
	footer .titMail {
		position:static;
	}
	  footer .btnMail a {
	    position:static;
	    width:100%;
	    height:66px;
		background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/common/img/foot-btnmail.gif);
	    background-size: 100% auto;
	  }
}
footer .btnMail a:hover {
	background-position:0px -75px;
}


.alCenter {
	text-align:center;
}
.row {
	padding-top:30px;
	padding-bottom:30px;
}
.caption {
	font-size:11px;
}

/*----------トップページ------------*/
.toppage {
}
.toppage #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/top-base.jpg);
}
.toppage .row01 {
	margin-top:-120px;
}
.toppage .row02 {
	margin-top:-50px;
}
.toppage .row02 .h3Box {
	 border-left:#7ac6fa solid 10px;
	 padding-left:20px;
	 margin-top:30px;
	 float:left;
}
.toppage .row02 .h3Box h3 {
	padding:10px 0;
}
.toppage .row02 .h3Box p {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
}
.toppage .row02 .h3Box .rightImg {
	float:right;
	margin-left:30px;
	width:420px;
}
@media screen and (max-width: 768px) {
	.toppage .row02 .h3Box .rightImg {
		float:none;
		margin-left:0;
		width:100%;
	}
}
.toppage .row02 .osusumeBox {
	float:left;
	margin-top:30px;
}
.toppage .row03 {
}
.toppage .row03 p {
	padding:10px 0;
}
.toppage .row03 p.caption {
	padding:0;
}
.toppage .row04 {
	float:left;
}
.toppage .row04 .leftBox {
	float:left;
	width:524px;
}
.toppage .row04 .rightBox {
	float:right;
	width:420px;
}
@media screen and (max-width: 768px) {
	.toppage .row04 .leftBox {
		float:none;
		width:100%;
	}
	.toppage .row04 .rightBox {
		float:none;
		width:100%;
	}
}
.toppage .row04 .sikumiBox {
	position:relative;
	line-height:1.5em;
}
.toppage .row04 .setumei01 p {
	position:absolute;
	left:50px;
	top:70px;
	color:#c15885;
}
.toppage .row04 .setumei03 {
	margin-top:-20px;
}
.toppage .row04 .setumei02 {
	margin-left:80px;
}
.toppage .row04 .setumei02 p {
	position:absolute;
	left:50px;
	top:80px;
	color:#009245;
}
.toppage .row04 .setumei03 p {
	position:absolute;
	left:50px;
	top:100px;
	color:#cd6d24;
}
@media screen and (max-width: 768px) {
	.toppage .row04 .setumei03 {
		margin-top:0;
	}
}
.toppage .row05 {
}
.toppage .row05 .caption {
	font-size:12px;
	text-align:center;
	padding:10px
}
.toppage .row05 dl {
	width:308px;
	height:182px;
	float:left;
	margin-right:15px;
	position:relative;
	margin-bottom:10px;
}
.toppage .row05 .dl03, .toppage .row05 .dl06 {
	margin-right:0px;
}
.toppage .row05 .dl01 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo01.jpg)
}
.toppage .row05 .dl02 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo02.jpg)
}
.toppage .row05 .dl03 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo03.jpg)
}
.toppage .row05 .dl04 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo04.jpg)
}
.toppage .row05 .dl05 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo05.jpg)
}
.toppage .row05 .dl06 {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/img_sagyo06.jpg)
}
.toppage .row05 dt {
	position:absolute;
	left:10px;
	top:10px;
}
.toppage .row05 dd {
	position:absolute;
	left:20px;
	width:100px;
	top:60px;
	font-size:12px;
	line-height:1.6em;
}
@media screen and (max-width: 768px) {
	.toppage .row05 dl {
		margin: 0 auto;
		width:308px;
		height:182px;
		float:none;
		position:relative;
		margin-bottom:10px;
	}
	.toppage .row05 .dl03, .toppage .row05 .dl06 {
		margin-right:auto;
	}
}

.toppage .row06 {
	margin-top: 70px;
}
.toppage .row06 dl {
	width:223px;
	float:left;
	text-align:center;
	margin-left:170px;
	padding-top:20px;
}
@media screen and (max-width: 768px) {
	.toppage .row06 dl {
		width:100%;
		float:none;
		text-align:center;
		margin-left:0;
		padding-top:20px;
	}
}

.toppage .row07 {
}
.toppage .row07 dl {
	padding-top:10px;
}
.toppage .row07 dt {
	width:170px;
	float:left;
}
.toppage .row07 dd {
	float:right;
	width:790px;
	line-height:1.8em;
}
@media screen and (max-width: 768px) {
	.toppage .row07 dt {
		width:100%;
		float:none;
	}
	.toppage .row07 dd {
		float:none;
		width:100%;
	}
}


/*----------業務用エアコンクリーニング------------*/
.business {
}
.business #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/business/img/head-base.jpg);
}
.business .row01 {
	margin-top:-60px;
}
.business .row01 ul {
	margin-left:-21px;
}
.business .row01 li {
	width:306px;
	float:left;
	margin-left:21px;
}
.business .row01 h3 {
	font-size:24px;
	font-weight:normal;
	color:#4EAFFF;
}
.business .row01 .makerBox {
	width:830px;
	margin-left:65px;
	padding-top:30px;
	float:left;
	text-align:center;
}
.business .row01 .makerBox p {
	font-size:15px;
	padding:10px 0;
	line-height:1.8em;
}
.business .row02 {
}
.business .row02 .leftBox {
	float:left;
	width:488px;
}
.business .row02 .rightBox {
	float:right;
	width:464px;
}
@media screen and (max-width: 768px) {
	.business .row02 .leftBox {
		float:none;
		width:100%;
	}
	.business .row02 .rightBox {
		float:none;
		width:100%;
	}
}
.business .row02 .rightBox p {
	padding-top:10px;
	margin-left:26px
}
.priceRow {
	padding-bottom:10px;
	padding-top:20px;
}
.priceRow .leftBox {
	float:left;
	width:465px;
}
.priceRow .rightBox {
	float:right;
	width:465px;
}
.priceRow .imgBox {
	width:220px;
	float:left;
}
@media screen and (max-width: 768px) {
	.priceRow .leftBox {
		float:none;
		width:100%;
	}
	.priceRow .rightBox {
		float:none;
		width:100%;
	}
	.priceRow .imgBox {
		width:100%;
		float:none;
	}
}
.priceRow dt {
	font-size:15px;
	padding:10px 0;
}
.priceRow p {
	font-size:12px;
	line-height:1.5em;
}
.priceRow p.price {
	font-size:15px;
	padding-bottom:10px;
	color:#D20003;
}
.priceRow p.mituori {
	padding-top:10px;
}
@media screen and (max-width: 768px) {
	.priceRow dt {
		font-size:16px;
		padding:0;
	}
	.priceRow p {
		font-size:16px;
		line-height:1.5em;
	}
	.priceRow p.price {
		font-size:16px;
		padding-bottom:10px;
		color:#D20003;
	}
}


/*---------エアコンクリーニング情報------------*/
.info {
}
.info #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/bg-info.png);
	background-position:top center;
	height:326px;
}
.info  p.acInfo {
	font-size:18px;
	color:#67B34F;
	margin-top:-200px;
	text-align:right;
}
.info #contentsBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/dot-line.png);
	background-position:100px 0px;
	background-repeat:repeat-y;
	margin-bottom:30px;
}
@media screen and (max-width: 768px) {
	.info  p.acInfo {
		margin-top: 0;
		font-size:16px;
	}
	.info #contentsBox {
		padding: 0 10px;
		background-image: none;
		box-sizing: border-box;
	}
	.info #contentsBox h2 img {
		width: 200px;
		height: auto;
	}
}
.info .rightBox {
	width:660px;
	margin-left:300px;
	margin-top:40px;
}
@media screen and (max-width: 768px) {
	.info .rightBox {
		width:100%;
		margin-left:0;
		margin-top:25px;
	}
}
.info .rightBox .columnBox {
	width:585px;
	margin-left:75px;
	border-radius:15px;
	border:#9AD69B solid 4px;
	margin-bottom:50px;
}
@media screen and (max-width: 768px) {
	.info .rightBox .columnBox {
		padding: 0 10px;
		width:100%;
		margin-left:0;
		box-sizing: border-box;
		border-radius:15px;
		border:#9AD69B solid 4px;
		margin-bottom:30px;
	}
}
.info .rightBox .columnBox .imgCircle {
	width:150px;
	height:150px;
	border:#9AD69B solid 4px;
	border-radius:100%;
	/*background-color:#88FEFF;*/
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/noimage.png);
	overflow:hidden;
	margin-left:-75px;
	margin-top:0px;
	float:left;
}
.info .rightBox .columnBox time {
	display:block;
	text-align:right;
	padding-top:20px;
	padding-right:20px;
	color:#666666;
}
.info .rightBox .columnBox h2 {
	margin-left:100px;
	padding-top:10px;
	width:440px;
	line-height:1.5em;
	font-weight:300;
	font-size:24px;
}
@media screen and (max-width: 768px) {
	.info .rightBox .columnBox .imgCircle {
		margin-right: 10px;
		width:100px;
		height:100px;
		border:#9AD69B solid 3px;
		border-radius:100%;
		/*background-color:#88FEFF;*/
		background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/noimage.png);
		overflow:hidden;
		margin-left:0;
		margin-top:0px;
		float:left;
	}
	.info .rightBox .columnBox h2 {
		margin-left:0;
		padding-top:10px;
		width:100%;
		line-height:1.5em;
		font-weight:300;
		font-size:18px;
	}
}
.info .rightBox .columnBox h2 a {
	text-decoration:none;
		color:#666;
	text-shadow: 0px 1px 3px #999;
}

.info .rightBox .columnBox p {
	margin-left:100px;
	padding-top:20px;
	width:440px;
	padding-bottom:10px;
	line-height:1.8em;
}
@media screen and (max-width: 768px) {
	.info .rightBox .columnBox p {
		margin-left:0;
		padding-top:20px;
		width:100%;
		padding-bottom:10px;
		line-height:1.8em;
	}
}
.info .rightBox .columnBox p.more-link {
	text-align:right;
	padding-top:0px;
	padding-bottom:20px;

}
.info .wp-pagenavi {
	text-align:center;
}

/*---------singleページ------------*/
.single {
}
.single #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/bg-info.png);
	background-position:0px 0px;
	height:326px;
}
.single  p.acInfo {
	font-size:18px;
	color:#67B34F;
	margin-top:-200px;
	text-align:right;
}
.single #contentsBox {
	margin-top:-50px;
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/info/img/dot-line.png);
	background-position:100px 0px;
	background-repeat:repeat-y;
}
.single .rightBox {
	width:800px;
	margin-left:160px;
	margin-top:40px;
	/*float:left;*/

}
.single .rightBox .columnBox {
	width:800px;
	border-radius:15px;
	border:#9AD69B solid 2px;
	margin-bottom:20px;
}
.single .rightBox .columnBox h1 {
	margin-left:100px;
	padding-top:50px;
	width:600px;
	line-height:1.4em;
	font-weight:300;
	font-size:28px;
	color:#666;
	text-shadow: 0px 1px 3px #999;
}


.single .rightBox .columnBox .imgBox {
	text-align:center;
}
.single .rightBox .columnBox img {
	margin:30px 0 30px 0;
}
.single .rightBox .columnBox .singleBox {
	font-size:14px;
	line-height:2.2em;
	width:600px;
	margin:0 auto 50px auto;
	color:#333;
}
.single .rightBox .columnBox .singleBox .aligncenter {
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.single .linkBox {
}
.single .prevBox {
	width:780px;
	margin-left:10px;
	float:left;
	text-align:center;
}
.single .nextBox {
	width:780px;
	margin-right:10px;
margin-top:10px;
	text-align:center;
	float:right;
}
.single #contentsBox {
	margin-bottom:50px;
}

/*---------会社案内------------*/
.company {
}
.company #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/company/img/bg-company.png);
	background-position:top center;
	height:326px;
}
.company #contentsBox .row {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/company/img/line.png);
	background-position:180px 0px;
	background-repeat:repeat-y;
	padding:10px 0px;
	margin-bottom:60px;
}
.company .row .leftBox {
	float:left;
	width:180px;
}
.company .row .leftBox h2 {
	font-weight:300;
	font-size:28px;
	color:#666;
	text-shadow: 0px 1px 3px #999;
}
.company .row .rightBox {
	float:right;
	width:750px;
}
.company .row01 {
	margin-top: 0;
}
.company .row01 dl {
	font-size:14px;
}
.company .row01 dt {
	float : left;
	clear : both;
	width:90px;
	padding : 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 0 dotted #CCC;
	border-left: 0 dotted #CCC;
}
.company .row01 dd {
	margin-left : 90px;
	background-color : white;
	padding : 10px 0px;
	border-top: 1px dotted #CCC;
	border-right: 0 dotted #CCC;
	border-bottom: 0 dotted #CCC;
}
.company .row02 {
}
.company .row02 p {
	text-align:center;
}
.company .row02 table {
	width:660px;
	margin-left:90px;
}
.company .row02 td {
	width:25%;
	padding:3px 0;
}
.company .row03 p {
	font-size:14px;
	line-height:1.6em;
}
.company .row03 p.telNum {
	border-top:#6D6D6D solid 1px;
	border-bottom:#6D6D6D solid 1px;
	padding:15px 0 10px 0;
	margin:20px 0;
}
.company span.wpcf7-list-item { display: block; }
@media screen and (max-width: 768px) {
	.company #headBox {
		background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/company/img/bg-company.png);
		background-position:top center;
		height:326px;
	}
	.company #contentsBox .row {
		background-image:none;
		padding:10px;
		margin-bottom:30px;
		box-sizing: border-box;
	}
	.company .row .leftBox {
		float:none;
		width:100%;
	}
	.company .row .leftBox h2 {
		font-weight:300;
		font-size:20px;
		color:#666;
		text-shadow: 0px 1px 3px #999;
	}
	.company .row .rightBox {
		float:none;
		margin-top: 10px;
		width:100%;
	}
	.company .row01 dd {
		margin-left : 100px;
		background-color : white;
		padding : 10px;
		border-top: 1px dotted #CCC;
		border-right: 0 dotted #CCC;
		border-bottom: 0 dotted #CCC;
	}
	.company .row02 table {
		width:100%;
		margin-left:0;
	}
}

.company h4 {
	padding-top:20px;
	padding-bottom:5px;
}
.company h3 {
	font-size:18px;
	font-weight:300;
	color:#666;
	padding-bottom:6px;
}
.company .wpcf7-list-item {
	padding:5px 0;
}
.company .aboutPP {
	background-color : #F7F7F7;
	width : 100%;
	margin-bottom: 50px;
	border: 1px dotted #CCC;
	padding:1em;
	margin-top:5px;
}

.company dl {
background-color : #F7F7F7;
width : 100%;
margin-bottom: 50px;
border-top: 0 dotted #CCC;
border-right: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
border-left: 1px dotted #CCC;
}
.company dt {
float : left;
clear : both;
width : 28%;
font-weight : bold;
font-size: 90%;
padding : 15px;
border-top: 1px dotted #CCC;
border-right: 0 dotted #CCC;
border-bottom: 0 dotted #CCC;
border-left: 0 dotted #CCC;
}

.company dd {
margin-left : 28%;
background-color : white;
padding : 10px 0 10px 20px;
border-top: 1px dotted #CCC;
border-right: 0 dotted #CCC;
border-bottom: 0 dotted #CCC;
border-left: 1px dotted #CCC;
}
.company input {
border: 1px solid #E6E6E6;
padding-top: 5px;
padding: 5px;
font-size:13px;
}
.company span.mgRight {
	margin-right:10px;
}

.company span.hissu {
	display: inline-block;
line-height: 160%;
font-weight: lighter;
color: #FFF;
background-color: #FB4A4A;
font-size: 70%;
padding-right: 10px;
padding-left: 10px;
padding-top:3px;
padding-bottom:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-left:5px;
}
.company p#submitBox {
	text-align:center;
}

.company input[type="submit"] {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
box-shadow: inset 0px 1px 0px 0px #f29c93;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E3391C), color-stop(1, #ce0100) );
background: -moz-linear-gradient( center top, #E3391C 5%, #ce0100 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3391C', endColorstr='#ce0100');
background-color: #E3391C;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
text-indent: 0;
border: 1px solid #d83526;
display: inline-block;
color: #ffffff;
font-size: 140%;
font-weight: lighter;
font-style: normal;
height: 50px;
line-height: 50px;
width: 160px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0px #b23e35;
padding: 0px;
cursor:pointer;
}
.company input[type="submit"]:hover {
	border: 2px solid #000;
}

.company #btn_linkpage {
	width:100%;
	margin-top:30px;
	text-align:center;
}
.company p.kojinjoho {
	margin-bottom:20px;
}
@media screen and (max-width: 768px) {
	.company h3 {
		font-size:18px;
		font-weight:300;
		color:#666;
		margin-top: 20px;
		padding-bottom:6px;
	}
	.company dl {
		background-color : #F7F7F7;
		width : 100%;
		margin-bottom: 0;
		border-top: 0 dotted #CCC;
		border-right: 1px dotted #CCC;
		border-bottom: 1px dotted #CCC;
		border-left: 1px dotted #CCC;
	}
	.company dt {
		display: block;
		float : none;
		clear : both;
		width : 100%;
		font-weight : bold;
		padding : 10px;
		border-top: 1px dotted #CCC;
		border-right: 0 dotted #CCC;
		border-bottom: 0 dotted #CCC;
		border-left: 0 dotted #CCC;
		box-sizing: border-box;
	}

	.company dd {
		display: block;
		margin-left : 0;
		background-color : white;
		padding : 10px;
		border-top: 1px dotted #CCC;
		border-right: 0 dotted #CCC;
		border-bottom: 0 dotted #CCC;
		border-left: 1px dotted #CCC;
		box-sizing: border-box;
	}
	.company input[type="text"] {
		width: 100%;
		border: 1px solid #E6E6E6;
		padding-top: 5px;
		padding: 5px;
		font-size:13px;
		box-sizing: border-box;
	}
}


/*---------リンク集------------*/
.links {
}
.links #headBox {
	background-image:url(//eakonkuriningu.com/wp-content/themes/tpro-ac/company/img/bg-company.png);
	background-position:0px 0px;
	height:326px;
}
.links #linksBox {
font-size:18px;
text-align:center;
height:300px;
padding-top:100px;
}



/** スマホナビゲーション
********************************************/
#sm_btn {
	display: block;
	width: 38px;
	height: 34px;
	background: transparent;
	border: none;
	user-select: none;
	-webkit-touch-callout: none;
}
#sm_btn .bar {
	display: block;
	height: 2px;
	border-radius: 5px;
	border: 1px solid #000;
	background-color: #000;
}
#sm_btn .bar:first-child {
	margin-top: 0;
}
@media screen and (max-width: 768px) {
	body.openbody .overlay {
		z-index: 1;
		display: block;
		width: 100%;
		background: rgba(51, 51, 51, 0.3);
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		width: 0;
		height: 100%;
		margin: auto;
		background: transparent;
		-webkit-transition: 180ms ease-in-out;
		        transition: 180ms ease-in-out;
	}

	.sm_navi_wrap {
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 101;
		width: 280px;
		height: 100%;
		background: transparent;
		-webkit-transition: 380ms ease-in-out;
		        transition: 380ms ease-in-out;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	.sm_navi_wrap.openbody {
		box-shadow: -3px 0 3px 1px rgba(51, 51, 51, 0.3);
		-webkit-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0);
	}
	.sm_navi_wrap .btn {
		position: absolute;
		top: 8px;
		right: 104%;
		z-index: 999;
		cursor: pointer;
		outline: 0;
	}
	.sm_navi_wrap .btn.open {
		top: 6px;
		right: 10px;
	}
	.sm_navi_wrap .btn:before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0;
		width: 45px;
		height: 45px;
		border-radius: 5px;
		background-color: transparent;
	}
	.sm_navi_wrap .btn .bar {
		position: absolute;
		width: 76%;
		left: 0;
		top: 15px;
		right: 0;
		margin: auto;
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
		-webkit-transform: rotate(1800deg) translateX(0) translateY(0);
		    -ms-transform: rotate(1800deg) translateX(0) translateY(0);
		        transform: rotate(1800deg) translateX(0) translateY(0);
		-webkit-transition: 280ms ease-in-out;
		        transition: 280ms ease-in-out;
	}
	.sm_navi_wrap .btn .bar:nth-child(1) {
		-webkit-transform: translateY(-8px);
		    -ms-transform: translateY(-8px);
		        transform: translateY(-8px);
	}
	.sm_navi_wrap .btn .bar:nth-child(3) {
		-webkit-transform: translateY(8px);
		    -ms-transform: translateY(8px);
		        transform: translateY(8px);
	}
	.sm_navi_wrap .btn .bar:nth-child(3):before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: #000;
		border-radius: 80%/30px;
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
		-webkit-transition: 280ms ease-in-out;
		        transition: 280ms ease-in-out;
	}
	.sm_navi_wrap .btn.open .bar {
		background-color: #fff;
	}
	.sm_navi_wrap .btn.open .bar:nth-child(1) {
		-webkit-transform: rotate(-45deg) translateX(0) translateY(0);
		    -ms-transform: rotate(-45deg) translateX(0) translateY(0);
		        transform: rotate(-45deg) translateX(0) translateY(0);
	}
	.sm_navi_wrap .btn.open .bar:nth-child(2) {
		opacity: 0;
	}
	.sm_navi_wrap .btn.open .bar:nth-child(3) {
		-webkit-transform: rotate(45deg) translateX(0) translateY(0);
		    -ms-transform: rotate(45deg) translateX(0) translateY(0);
		        transform: rotate(45deg) translateX(0) translateY(0);
	}
	.sm_navi_wrap .btn.open .bar:nth-child(3):before {
		opacity: 1;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
	}
	.sm_navi_wrap .sm_navi {
		height: 100%;
		background-color: #fff;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.sm_navi_wrap .sm_navi ul {
		margin-top: 0;
		padding: 0 10px;
		background-color: #fff;
		color: #605f5e;
	}
	.sm_navi ul li a span {
		display: inline-block;
		margin-right: 10px;
	}
	.sm_navi ul > li {
		margin-top: 0;
		border-bottom: 1px dashed #605f5e;
	}
	.sm_navi ul > li a {
		display: block;
		padding: 15px 5px;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	.sm_navi ul > li.sns a {
		padding-left: 40px;
	}
	.sm_navi ul > li:before {
		content: "";
		padding-right: 0;
	}
	.sm_navi ul > li > a {
		position: relative;
	}
	.sm_navi ul > li > a i {
		position: absolute;
		left: 5px;
		top: 12px;
		font-size: 30px;
		color: #605f5e;
	}
	.sm_navi ul > li.s1 > a i {
		left: 10px;
	}
	.sm_navi ul > li > ul {
		padding-left: 0;
	}
	.sm_navi ul > li > ul > li {
		border-top: 1px solid #fff;
		line-height: 1.4em;
		font-weight: bold;
		font-size: 16px;
	}
	.sm_navi ul > li > ul > li:first-child {
		border-top: none;
	}
	.sm_navi ul > li > ul > li a {
		position: relative;
		background-color: #fa4624;
		color: #605f5e;
	}
	.sm_navi ul > li > ul > li > a i {
		position: absolute;
		right: 15px;
		top: 10px;
		font-size: 30px;
		color: #605f5e;
	}
	.sm_navi ul > li > ul > li:before {
		content: "";
		margin-top: 0;
		padding-right: 0;
	}
}

/* AddQuickTag用css追加_2018/11/20 */
/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.page_content {max-width: 1020px; padding: 0 30px; margin: 0 auto 60px;}

.wp-caption-text {text-align:center;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {margin-left:auto; margin-right:auto;}
.centered {margin-left:auto; margin-right:auto;}
.clear { clear:both; }

.post p { line-height:2; margin:0 0 2em 0; }
/* image */
.post img { height:auto; max-width:100%; vertical-align:bottom; }
.post img.centered,div.centered { display:block; margin:15px auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:15px auto; }
.post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; }
.post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; }
.post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.post .wp-caption img { display:block; margin:0 auto; max-width:100%; }
.post .wp-caption .wp-caption-text { padding:10px 0 0; }
.post_thumb a img { vertical-align:bottom; }

/* table */
.post table { margin:0 0 24px 0;max-width:100%; }
.post td, .post th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2; }
.post th { background:#f2f2f2; font-weight:normal; }

/* block quote */
.post blockquote { margin:0 0 24px 0; padding:27px 30px 1px; background:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.post blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#999; }
.post blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#999; }

/* list */
.post li, .post dt, .post dd { line-height:2; }
.post ul, .post ol, .post dl { margin-bottom:24px; }
.post ol { list-style:decimal outside none; margin-left:1.5em; }
.post ul { list-style:disc outside none; margin-left:1.3em; }
.post li > ul, .post li > ol { margin-bottom:0; }
.post dt { font-weight:bold; }
.post dd { margin-bottom:1em; }

/* captions */
.post .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.post .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:2; margin:9px auto; }
.post .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }

/* etc */
.post pre { margin:0 0 24px 0; line-height:1.5; background:#f2f2f2; padding:15px; overflow:auto; white-space:pre-wrap; word-wrap:break-word; }



.post_content .post_row { margin-left:-15px; margin-right:-15px; line-height:2; }
.post_content .post_col, .post_content .post_col-2, .post_content .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
@media screen and (min-width:768px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
@media screen and (min-width:1024px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
.clearfix:before, .clearfix:after, .post_content .post_row:before, .post_content .post_row:after {
    content: " ";
    display: table;
}
.clearfix:after, .post_content .post_row:after {
    clear: both;
}

/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
.post_content h3, .post_content h4, .post_content h5, .post_content h6 { line-height:1.6; }
/* h3 */
.post_content .style3a { margin:3em 0 1.5em; padding:1.1em .2em 1em; font-size:22px; font-weight:400; border-top:1px solid #222; border-bottom:1px solid #222; }
.post_content .style3b { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h4 */
.post_content .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:20px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.post_content .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:20px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.post_content .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.post_content .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
/* h6 */
.post_content .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; }
.post_content .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; }
.post_content .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; }
.post_content .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; }
.post_content .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;}
.post_content .balloon { position:relative; display:block; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#222; z-index:0; border-bottom:0; }
.post_content .balloon:after { content:""; position:absolute; top: auto; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#222 transparent transparent transparent; }
.post_content .term {margin: 10px; display: block;}
#ez-toc-container {margin: 10px;}

/* ----------------------------------------------------------------------
 flame - 囲み枠
---------------------------------------------------------------------- */
.well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

/* ----------------------------------------------------------------------
 button - CSSボタンのスタイル
---------------------------------------------------------------------- */
.q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.q_button:hover, .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; }
/* Button option */
.rounded { border-radius:6px; }
.pill { border-radius:50px; }
.sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; }
.sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; }
@media screen and (max-width: 479px) {
  .sz_l { min-width:320px; max-width:95%; }
}
.sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; }
.bt_red{ background:#c01f0e; color:#fff; }
.bt_red:hover, .bt_red:focus { background-color:#d33929; color:#fff; }
.bt_yellow{ background:#f1c40f; color:#fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color:#f9d441; color:#fff; }
.bt_blue{ background:#2980b9; color:#fff; }
.bt_blue:hover, .bt_blue:focus { background-color:#3a91c9; color:#fff; }
.bt_green{ background:#27ae60; color:#fff; }
.bt_green:hover, .bt_green:focus { background-color:#39c574; color:#fff; }

/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube { position:relative; height:0; margin-top:20px; margin-bottom:20px; padding-bottom:56.25%; padding-top:30px; overflow:hidden; }
.ytube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

/* ----------------------------------------------------------------------
Table responsive - テーブルのレスポンシブ表示
---------------------------------------------------------------------- */
.rps_table { line-height:2.0; }
@media only screen and (max-width:480px) {
    .rps_table tr { display:block; margin-bottom:1.5em; }
    .rps_table th, .rps_table td{ display:list-item; list-style-type:none; border:none; }
}

/* ----------------------------------------------------------------------
 Cardlink style - カードリンクのスタイル
---------------------------------------------------------------------- */
.cardlink { padding:12px 12px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; }
.cardlink_thumbnail { float:left; margin-right:20px; }
.cardlink_content { line-height:160%; }
.cardlink .timestamp { margin:0; padding:0; font-size:12px; vertical-align:baseline; }
.cardlink_title { font-size:14px; margin-bottom:5px; }
.cardlink_title a { font-weight:bold; color:#000; text-decoration:none; }
.cardlink_title a:hover { text-decoration:underline; }
.cardlink_excerpt { color:#333; font-size:12px; }
.cardlink_footer { clear:both; }
.clear { clear:both; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; }
}
@media screen and (max-width: 479px) {
  .cardlink_excerpt { float:none; }
}
 .tiikibetu-jyouhou{
width: 960px;
margin: 0px auto 30px auto;
}
@media screen and (max-width: 768px) {
.tiikibetu-jyouhou{
width: 100%;
}
}
.tiikibetu-jyouhou h2{
padding: 10px;
color: #333333;
background-color: #FAFAFA;
font-size:140%;
font-weight: normal;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;
margin-bottom: 15px;
}
.tiikibetu-jyouhou ul{
margin-left: 10px;
}
.tiikibetu-jyouhou li{
float: left;
width:25%;
list-style: none;
font-size:100%;
margin-bottom: 5px;
}
.tiikibetu-jyouhou li a{
background-image: url(https://eakonkuriningu.com/wp-content/uploads/2015/10/bullet01.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 12px;
margin-bottom: 5px;
text-align: left;
}
@media screen and (max-width: 768px) {
.tiikibetu-jyouhou li{
float: none;
width:100%;
list-style: none;
font-size:100%;
margin-bottom: 5px;
}
} #gnavi{
margin-bottom: 30px;
background-image: url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/201512/g_navi_bg.jpg);
background-repeat: repeat-x;
}
#gnavi ul{
height: 50px;
margin:0 auto;
width: 960px;
list-style-type: none;
}
#gnavi ul:after {
content: "";
clear: both;
display: block;
}
#gnavi li{
float: left;
}
#gnavi a{
display: block;
width: 192px;
height: 50px;
text-indent: -9999px;
background-image: url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/201512/g_navi.jpg);
background-repeat: no-repeat;
}
#gnavi a.mk-home{
background-position: 0 0;
}
#gnavi a.mk-torouble{
background-position: -192px 0;
}
#gnavi a.mk-gyomu{
background-position: -384px 0;
}
#gnavi a.mk-joho{
background-position: -576px 0;
}
#gnavi a.mk-annai{
background-position: -768px 0;
}
#gnavi a.mk-home:hover{
background-position: 0 -50px;
}
#gnavi a.mk-torouble:hover{
background-position: -192px -50px;
}
#gnavi a.mk-gyomu:hover{
background-position: -384px -50px;
}
#gnavi a.mk-joho:hover{
background-position: -576px -50px;
}
#gnavi a.mk-annai:hover{
background-position: -768px -50px;
}
@media screen and (max-width: 768px) {
#gnavi{
margin-bottom: 20px;
background-image: none
background-repeat: repeat;
}
#gnavi ul{
height: auto;
width: 100%;
}
#gnavi li{
float: left;
width: 50%;
}
#gnavi a{
display: block;
width: auto;
height: 50px;
text-indent: -9999px;
background-image: url(//eakonkuriningu.com/wp-content/themes/tpro-ac/img/201512/g_navi.jpg);
background-repeat: no-repeat;
}
#gnavi a.mk-home{
background-position: -2px 0;
}
#gnavi a.mk-gyomu{
background-position: -388px 0;
}
}
#copyRight{
margin:0 auto 65px auto;
width: 960px;
text-align:center;
font-size:10px;
color:#565656;
}
@media screen and (max-width: 768px) {
#copyRight{
margin:0 auto 30px auto;
width: 100%;
}
} .prt174300-title{
display: block;
margin:0 auto 10px auto;
}
#toukou {
margin: 0 auto 20px auto;
width: 960px;
padding: 0px;
}
@media screen and (max-width: 768px) {
#toukou {
margin-top: 10px;
width: 100%;
}
}
#voice {
width: 960px;
padding: 0;
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
font-size: 14px;
}
@media screen and (max-width: 768px) {
#voice {
padding: 0 10px;
width: 100%;
box-sizing: border-box;
}
}
#voice li {
display: inline-block;
width: 29%;
height: 132px;
margin-right: 0;
margin-left: 1%;
margin-bottom: 11px;
line-height: 170%;
border: 1px solid #CCC;
border-radius: 3px;
padding: 1%;
font-size: 80%;
vertical-align: top;
list-style: none;
}
#voice li img {
float: left;
padding: 0% 3% 0% 0%;
margin: 0px;
}
#voice li h4 {
margin: 0px;
padding: 10px 0;
clear: both;
}
#voice li h4 a{
font-size: 14px;
font-weight: bold;
line-height: 160%;
text-decoration: none;
color: #444;
}
@media screen and (max-width: 768px) {
#voice li {
display: inline-block;
width: 100%;
height: 132px;
margin-right: 0;
margin-left: 0;
margin-bottom: 11px;
line-height: 170%;
border: 1px solid #CCC;
border-radius: 3px;
padding: 1%;
font-size: 80%;
vertical-align: top;
list-style: none;
box-sizing: border-box;
}
} .hk01_06,
.hk01_18{
margin-bottom: 30px;
}
.wrap-in {
width: 960px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.wrap-in {
width: 100%;
}
}
.wrap-in .mk-box {
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.hk01_18 h2 {
background-color: #ff6900;
}
.wrap-in h2 {
margin-bottom: 20px;
line-height: 1;
padding: 12px 0 8px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media screen and (max-width: 768px) {
.wrap-in h2 {
padding: 12px 10px 8px;
box-sizing: border-box;
}
}
.hk01_18 h3{
line-height: 1;
margin-bottom: 15px;
padding: 13px 10px 10px 10px;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: #74b01d;
}
.hk01_18 .mk-box2{
margin-bottom: 20px;
border: 1px solid #ccc;
}
.hk01_18 .mk-box2-in {
padding: 20px;
}
.hk01_18 .mk-box h4{
line-height: 1;
padding: 11px 8px 8px 8px;
text-align: center;
font-size: 18px;
font-weight: bold;
background-color: #e4ffbc;
}
.hk01_18 .mk-box2.mk-left{
float: left;
width: 48%;
}
.hk01_18 .mk-box2.mk-left img{
float: left;
margin-right: 15px;
}
.hk01_18 .mk-box2.mk-right{
float: right;
width: 48%;
}
@media screen and (max-width: 768px) {
.hk01_18 .mk-box2.mk-left{
float: none;
width: 100%;
}
.hk01_18 .mk-box2.mk-left img{
float: none;
margin-right: 0;
}
.hk01_18 .mk-box2.mk-right{
float: none;
width: 100%;
}
}
.hk01_18 .mk-box2 ol{
padding-left: 2em;
}
.hk01_18 .mk-box2.mk-left .mk-box2-in ol{
margin-left: 140px;
}
@media screen and (max-width: 768px) {
.hk01_18 .mk-box2.mk-left .mk-box2-in ol{
margin-left: 0;
}
}
.hk01_18 .mk-box2 li {
list-style-type: decimal;
line-height: 1.5;
}
.hk01_18 .mk-image {
float: right;
margin:0 0 0 20px;
}
.mb20{
margin-bottom: 20px;
}
.lh150{
line-height: 1.5;
}
.c-red {
color: red;
}
.balloon {
position: relative;
margin-bottom: 10px;
padding: 10px 20px;
background-color: #88ee44;
text-align: left;
border-radius:10px;
font-size: 110%;
}
.balloon:after {
content: "";
position: absolute;
right: -20px;
top: 50%;
margin-top: -10px;
width: 0;
height: 0;
border-bottom: 10px solid transparent;
border-left: 20px solid #88ee44;
}
.info-box {
position: relative;
margin: 10px 0 10px -3px;
padding: 7px 10px;
background-color: #ffe85e;
text-align: left;
border: 1px solid #ff6900;
border-radius:3px;
color: #333;
font-weight: bold;
font-size: 110%;
font-style: italic;
} .info .rightBox .columnBox {
padding: 1em 1em 0;
}
.info .rightBox .columnBox h1 {
font-weight: 600;
border-bottom: 3px solid green;
font-size: 1.5em;
line-height: 1.4em;
}
.yarpp-related.yarpp-related-none {
visibility: hidden;
height: 0;
margin-bottom: 1.5em;
}
@media screen and (min-width: 900px) {
.info .rightBox {
margin-left: 300px;
margin-top: 40px;
margin: 40px auto 0;
}
.info .rightBox .columnBox {
width: 700px;
margin: 0 auto 50px;
}
}