@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/*記事見出し（h1）*/

.entry-title {
	margin-bottom:0 !important ;
	padding:15px 10px;
	border:1px solid #f894a3;
	border-left:20px solid #f894a3;
	background:#f5f5f5;
	background:linear-gradient(to bottom, #ffffff, #f5f5f5);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5f5f5));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:140% !important ;
}

/*記事カテゴリー表示*/

.post-meta {
	margin:0px 0px 25px 0px;
	padding:5px 0px;
	background:#fff;
	border-bottom:1px dotted #ddd;
	font-size:80%;
	text-align:right;
	}
	
.post-meta .category a,
.post-meta .category a:link,
.post-meta .category a:hover,
.post-meta .category a:visited {
	color:#666 !important;
	}

/*記事見出しアイキャッチ画像*/

.eye-catch {
	text-align:center;
}
.eye-catch img {
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*記事本文*/

#the-content h2,
#the-content h3,
#the-content h4,
#the-content h5,
#the-content h6,
#the-content p,
#the-content dl,
#the-content li {
	color:#444;
}
#the-content h2,
#the-content h3,
#the-content h4 {
	clear:both;
}
#the-content a:link { color:#444; text-decoration:underline; }
#the-content a:hover { color:#e77285; text-decoration:underline; }
#the-content a:vidsited { color:#444; text-decoration:underline; }
#the-content h2 {
	margin-left:0;
	margin-right:0;
	padding:10px 10px 10px 10px;
	border:1px solid #ddd;
	border-left:10px solid #f894a3;
	background:#f5f5f5;
	background:linear-gradient(to bottom, #fcfcfc, #f5f5f5);
	background:-webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#f5f5f5));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:120% !important ;
}
#the-content h3 {
	padding:10px 10px;
	background:linear-gradient(to bottom, #fcfcfc, #f5f5f5);
	background:-webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#f5f5f5));
	border:1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:110% !important ;
}
#the-content h4 {
	padding:5px;
	border-bottom:1px solid #ccc;
	font-size:110% !important ;
}
#the-content h5 {
	padding:0px 1em;
	font-size:100% !important ;

}
#the-content h6 {
	padding:0px 1em;
	font-size:100% !important ;
	font-weight:normal;
	color:#222;
}
#the-content h6:before {
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:5px;
	background-color:#f894a3;
	}
#the-content p {
	padding:0px 1.5em;
	line-height:200%;
}
#the-content li {
	line-height:180%;
	margin-bottom:10px;
}
#the-content li:last-child {
	margin-bottom:0;
}
#the-content ul li {
	list-style:none;
	position:relative;
}
#the-content ul li:before {
	position:absolute;
	left:-15px;
	top:0.5em;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background-color:#ccc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
#the-content blockquote {
	padding:10px 25px;
	border:1px dashed #f894a3;
	background:#fffde4;
}
#the-content blockquote:before,
#the-content blockquote:after {
	display:none;
}
#the-content blockquote p {
	padding:0 0 0 0;
	color:#666;
}
#the-content table {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #f894a3;
}
#the-content table th,
#the-content table td {
	padding:10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
#the-content table th {
	background:#f5f5f5;
	font-weight:normal;
}
#the-content table thead th {
	background:#fef0f1;
	font-weight:normal;
}
#the-content table td {
	white-space:normal;
}
#the-content dl {
	padding:0px 1.5em;
}
#the-content dl dt {
	padding-left:17px;
	position:relative;
}
#the-content dl dt:before {
	position:absolute;
	left:0;
	top:0.2em;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background-color:#f894a3;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
#the-content dl dd {
	margin-top:5px;
	margin-left:17px;
	line-height:160%;
}
#the-content .p-image {
	width:150px;
	height:auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*固定ページインデックスボタン*/

#the-content #IndexMenu ul {
	padding:0;
}
#the-content #IndexMenu ul li {
	margin:0px 20px;
}
#the-content #IndexMenu ul li:before {
	display:none;
}
#the-content #IndexMenu ul li a {
	display:block;
	margin:10px 0px 0px 0px;
	padding:10px;
	border:1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	text-decoration:none;
}
#the-content #IndexMenu ul li a:link,
#the-content #IndexMenu ul li a:active,
#the-content #IndexMenu ul li a:visited
 {
	background:#fff;
}
#the-content #IndexMenu ul li a:hover {
	background:#fef0f1;
	color:#444;
}
#the-content #IndexMenu ul li a:before {
	display:inline-block;
	content:"";
	width:7px;
	height:13px;
	margin:0px 5px 0px 0px;
	background:url("images/arrow_pink.png") no-repeat 0 center ;
	background-size:7px 13px;
	vertical-align:middle;
	}

/*固定ページ戻るボタン*/

#the-content #BackBtn p {
	margin-top:40px;
	text-align:center;
	font-size:80%;
	line-height:100%;
}
#the-content #BackBtn p a {
	display:inline-block;
	padding:10px 15px 10px 26px;
	border:1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	text-decoration:none;
	position:relative;
}
#the-content #BackBtn p a:link,
#the-content #BackBtn p a:active,
#the-content #BackBtn p a:visited
 {
	background:#fff;
}
#the-content #BackBtn p a:hover {
	background:#fef0f1;
	color:#444;
}
#the-content #BackBtn p a:before {
	position:absolute;
	left:5px;
	top:0;
	bottom:0;
	margin:auto;
	display:block;
	content:"";
	width:16px;
	height:16px;
	background-color:#ffffff;
	background:url("images/arrow_pink.png") no-repeat center center;
	background-size:8px 14px;
	transform:rotate(180deg)
}

/*見積・申込ボタン（下部に2つ並ぶところ）*/

#GoFormLink {
	border-top:2px solid #ddd;
	padding:40px 0px 20px 0px;
}
#GoFormLink ul {
	display:table;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
#GoFormLink ul li {
	display:table-cell;
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}
#GoFormLink ul li a {
	display:block;
	margin:0 10px;
	padding:30px 15px 15px 15px;
	background:#ff6633;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	font-weight:bold;
	font-size:130%;
	color:#fff;
	position:relative;
}
#GoFormLink ul li a span {
	display:block;
	width:70%;
	position:absolute;
	left:0;
	right:0;
	top:-20px;
	margin:auto;
	padding:10px 5px;
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	border:2px solid #ff6633;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size:75%;
	font-weight:normal;
	line-height:100%;
	text-shadow:none;
	color:#222;
}
#GoFormLink ul li a:hover {
	text-decoration:none;
	background:#73cf6a;
}
#GoFormLink ul li a:hover span {
	text-decoration:none;
	border:2px solid #73cf6a;
}

/*見積・申込ボタン（商品ページ内）*/

#the-content .GoFormBtn {
	text-align:center;
	padding:0 0 0 0;
}
#the-content .GoFormBtn a {
	display:block;
	width:80%;
	margin:0 auto;
	height:70px;
	line-height:70px;
	background-color:#ff6633;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px inset ;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 2px inset ;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	text-decoration:none;
	font-size:150%;
	font-weight:bold;
	color:#fff;
	position:relative;
}
#the-content .GoFormBtn a:hover {
	text-decoration:none;
	background:#73cf6a;
}
#the-content .GoFormBtn a:before {
	position:absolute;
	right:30px;
	top:20px;
	display:block;
	content:"";
	width:33px;
	height:30px;
	background:url("images/arrow_yellow.png") no-repeat 0 0;
	background-size:33px 30px;
}
#the-content .GoFormBtn a span {
	margin-right:15px;
	font-size:70%;
	font-weight:normal;
}

@media screen and (max-width:767px) {
	#the-content .GoFormBtn a {
		width:100%;
		height:auto;
		padding:10px 0px;
		line-height:120%;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		font-weight:bold;
		font-size:120%;
	}
	#the-content .GoFormBtn a span {
		display:block;
		margin-right:0;
	}
	#the-content .GoFormBtn a:before {
		margin:auto;
		right:15px;
		top:0;
		bottom:0;
		width:22px;
		height:20px;
		background-size:22px 20px;
	}
}


/*商品紹介ページ（Product）*/

#the-content #Product .Notice li {
	padding-left:1em;
	text-align:right;
	font-size:75%;
	color:#d7344b;
}
#the-content #Product .Notice li:before {
	display:none;
}
#the-content #Product .Point {
	margin:0px 1.5em;
	border:2px solid #f894a3;
	background:#fffde4;
	font-size:95%;
}
#the-content #Product .Point h5 {
	margin-top:20px;
	margin-bottom:0;
}
#the-content #Product .Point p {
	font-weight:bold;
	line-height:160%;
}
#the-content #Product .Point li:before {
	background:#f894a3;
}
#the-content #Product .Note {
	margin:0px 1.5em;
	border:1px dashed #f894a3;
	font-size:80%;
}
#the-content #Product .Note h5 {
	margin-top:20px;
	margin-bottom:0;
}

/*FAQページ（FAQ）*/

#the-content #FAQ dl dt {
	position:relative;
	padding-left:35px;
}
#the-content #FAQ dl dt:before {
	display:none;
}
#the-content #FAQ dl dt:after {
	display:block;
	position:absolute;
	left:0;
	top:-3px;
	padding:6px;
	background:#f894a3;
	border:1px solid #f894a3;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	content:"Q";
	line-height:100%;
	color:#fff;
}
#the-content #FAQ dl dd {
	position:relative;
	margin:15px 0px 0px 0px;
	padding-left:35px;
}
#the-content #FAQ dl dd:before {
	display:block;
	position:absolute;
	left:0;
	top:-3px;
	padding:6px;
	background:#fff;
	border:1px solid #f894a3;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	content:"A";
	line-height:100%;
	font-weight:bold;
	color:#f894a3;
}

/*お申込方法ページ（Howto）*/

#the-content #Howto h3:before {
	display:none;
}
#the-content #Howto h3 .Num {
	display:inline-block;
	margin-right:5px;
	padding:5px 10px;
	background:#f894a3;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color:#fff;
}
@media screen and (min-width:768px) {
	#the-content #Howto .Chart {
		min-height:185px;
		padding-left:300px;
		background-repeat:no-repeat;
	}
	#the-content #Howto .kazai1 { background-image:url("images/kazai/kazai_chart_pc1.png") }
	#the-content #Howto .kazai2 { background-image:url("images/kazai/kazai_chart_pc2.png") }
	#the-content #Howto .kazai3 { background-image:url("images/kazai/kazai_chart_pc3.png") }
	#the-content #Howto .kazai4 { background-image:url("images/kazai/kazai_chart_pc4.png") }
	#the-content #Howto .kazai5 { background-image:url("images/kazai/kazai_chart_pc5.png") }
	#the-content #Howto .kazai6 { background-image:url("images/kazai/kazai_chart_pc6.png") }
	#the-content #Howto .tenant1 { background-image:url("images/tenant/tenant_chart_pc1.png") }
	#the-content #Howto .tenant2 { background-image:url("images/tenant/tenant_chart_pc2.png") }
	#the-content #Howto .tenant3 { background-image:url("images/tenant/tenant_chart_pc3.png") }
	#the-content #Howto .tenant4 { background-image:url("images/tenant/tenant_chart_pc4.png") }
	#the-content #Howto .tenant5 { background-image:url("images/tenant/tenant_chart_pc5.png") }
	#the-content #Howto .tenant6 { background-image:url("images/tenant/tenant_chart_pc6.png") }
	
}
@media screen and (max-width:767px) {
	#the-content #Howto .Chart {
		min-height:185px;
		padding-left:120px;
		background-repeat:no-repeat;
		background-size:110px 185px;
	}
	#the-content #Howto .kazai1 { background-image:url("images/kazai/kazai_chart_sp1.png") }
	#the-content #Howto .kazai2 { background-image:url("images/kazai/kazai_chart_sp2.png") }
	#the-content #Howto .kazai3 { background-image:url("images/kazai/kazai_chart_sp3.png") }
	#the-content #Howto .kazai4 { background-image:url("images/kazai/kazai_chart_sp4.png") }
	#the-content #Howto .kazai5 { background-image:url("images/kazai/kazai_chart_sp5.png") }
	#the-content #Howto .kazai6 { background-image:url("images/kazai/kazai_chart_sp6.png") }
	#the-content #Howto .tenant1 { background-image:url("images/tenant/tenant_chart_sp1.png") }
	#the-content #Howto .tenant2 { background-image:url("images/tenant/tenant_chart_sp2.png") }
	#the-content #Howto .tenant3 { background-image:url("images/tenant/tenant_chart_sp3.png") }
	#the-content #Howto .tenant4 { background-image:url("images/tenant/tenant_chart_sp4.png") }
	#the-content #Howto .tenant5 { background-image:url("images/tenant/tenant_chart_sp5.png") }
	#the-content #Howto .tenant6 { background-image:url("images/tenant/tenant_chart_sp6.png") }
}

/*保険料ページ（Price）*/

#the-content #Price td {
	text-align:center;
}
#the-content #Price .Notice {
	padding:0 1.5em;
}
#the-content #Price .Notice li {
	margin-bottom:0;
	font-size:90%;
}
#the-content #Price .Notice li:before {
	display:none;
}

/*パンフレット・約款ページ（Download）*/

#the-content #Download ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#the-content #Download li {
	margin-bottom:15px;
	text-align:center;
}
#the-content #Download li:before {
	display:none;
}
#the-content #Download li a {
	display:block;
	width:80%;
	margin:0px auto;
	padding:15px 15px 15px 30px;
	border:2px solid #f894a3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	text-align:left;
	text-decoration:none;
	text-indent:15px;
	position:relative;
}
#the-content #Download li a:hover {
	background:linear-gradient(to bottom, #fffde4, #ffffff);
	background:-webkit-gradient(linear, center top, center bottom, from(#fffde4), to(#ffffff));
	color:#444;
}
#the-content #Download li a:before {
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
	display:block;
	content:"";
	background-size:10px 18px;
	width:26px;
	height:30px;
	background:url("images/icon_pdf.png") no-repeat 0 0 ;
	background-size:26px 30px;
}


/*スマートフォン設定*/

@media screen and (max-width:767px) {
	.entry-title {
		margin-left:-10px;
		margin-right:-10px;
		border:2px solid #f894a3;
		border-left:none;
		border-right:none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		background:#fef0f1;
		font-size:120% !important ;
	}
	.post-meta {
		margin:0px -10px 10px -10px;
	}
	#the-content h2,
	#the-content h3,
	#the-content h4,
	#the-content h5,
	#the-content h6 {
		margin:20px 0px 15px 0px;
	}
	#the-content h2 {
		font-size:100% !important ;
	}
	#the-content h3 {
		padding-left:5px;
		padding-right:5px;
		font-size:100% !important ;
	}
	#the-content h4 {
		padding-left:0;
		padding-right:0;
		font-size:100% !important ;
	}
	#the-content h5,
	#the-content h6 {
		padding:0px 0px;
		font-size:100% !important ;
	}
	#the-content p {
		padding:0px 5px;
		font-size:95%;
		line-height:180%;
	}
	#the-content dl {
		margin:20px 0px;
		padding:0px 5px;
		font-size:95%;
	}
	#the-content dl dt {
		line-height:130%;
	}
	#the-content dl dd {
		margin-top:5px;
		font-size:95%;
	}
	#the-content li {
		margin-bottom:5px;
		font-size:95%;
		line-height:160%;
	}
	#the-content blockquote {
		padding:0px 15px;
		}
	#GoFormLink ul {
		display:block;
	}
	#GoFormLink ul li {
		display:block;
		width:100%;
	}
	#GoFormLink ul li:first-child {
		margin-bottom:30px;
	}
	#GoFormLink ul li a {
		margin:0 0 0 0;
		padding:25px 0px 10px 0px;
		font-size:120%;
	}
	#GoFormLink ul li a span {
		width:80%;
		padding:5px 5px 5px 5px;
		top:-10px;
	}
	#the-content #Product .Point,
	#the-content #Product .Note {
		margin:0px 0px;
		padding:0px 10px;
	}
	#the-content .p-image {
		width:100px;
		height:auto;
	}
	#the-content .alignleft {
		margin-right:10px;
	}
	#the-content .alignright {
		margin-left:10px;
	}
}


/*エラーページ（404）*/

#main .ErrorMessage {
	padding-top:250px;
	background:url(images/illust_sorry.png) no-repeat center 15px;
	background-size:230px 230px;
	}
	
@media screen and (max-width:767px) {
	#main .ErrorMessage {
		padding-top:130px;
		background:url(images/illust_sorry.png) no-repeat center 0px;
		background-size:125px 125px;
	}
}

#main .ErrorMessage p {
	text-align:center;
	}
	
#main .ErrorMessage .BackBtn {
	margin-top:45px;
	padding-top:45px;
	border-top:1px solid #ddd;
	}
	
#main .ErrorMessage .BackBtn a {
	display:inline-block;
	padding:10px 15px 10px 26px;
	border:1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 2px 1px;
	text-decoration:none;
	font-size:85%;
	position:relative;
}
#main .ErrorMessage .BackBtn a:link,
#main .ErrorMessage .BackBtn a:active,
#main .ErrorMessage .BackBtn a:visited {
	background:#fff;
}
#main .ErrorMessage .BackBtn a:hover {
	background:#fef0f1;
	color:#444;
}
#main .ErrorMessage .BackBtn a:before {
	position:absolute;
	left:5px;
	top:0;
	bottom:0;
	margin:auto;
	display:block;
	content:"";
	width:16px;
	height:16px;
	background-color:#ffffff;
	background:url("images/arrow_pink.png") no-repeat center center;
	background-size:8px 14px;
	transform:rotate(180deg)
}