@charset "utf-8";
/* CSS Document */

/*
price.html
#machipano
#ecpano
*/



/*================================================================================
	PRICE 料金
================================================================================*/

/* section
--------------------------------------------------------------------------------*/
section {
	padding-top:50px;
	padding-bottom:0;
}

/* price common
--------------------------------------------------------------------------------*/
section h4 {
	width:100%;
	height:0;
	padding-top:70px;
	overflow:hidden;
}
section .box_option { background-color:#fff; }
.box_option strong {
	font-weight:bold;
	text-align:center;
	display:block;
}
.box_option h5 {
	margin-bottom:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.box_option h5 strong {
	margin-bottom:15px;
	font-size:36px;
	font-weight:bold;
}
.box_option h6 {
	margin-bottom:30px;
	padding-bottom:10px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	background:url(../img/price/title_line.png) no-repeat 50% 100%;
}
.box_option p {
	margin-bottom:30px;
	font-size:24px;
	line-height:180%;
	text-align:center;
}

.box_option ul { padding-bottom:50px; }
.box_option li strong { padding:10px 0; }
.box_option li strong:nth-child(1) { border:1px solid #e4e4e4; background-color:#fff; }
.box_option li strong:nth-child(4) { margin-bottom:10px; font-size:24px; }
.box_option li p { font-size:16px; text-align:left; }
.box_option li img { margin:10px 0; }
.box_option li a {
	margin:0 auto;
	padding:10px 0;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.box_option li a:hover { opacity:0.7; }


/* machipano
--------------------------------------------------------------------------------*/
#machipano .wrap { background-color:#83ba0d; }
#machipano h4 { background:url(../img/price/title_machipano.png) no-repeat 50% 0; }
#machipano .box_option strong { color:#83ba0d; }
#machipano .box_option p { color:#83ba0d; }
#machipano .box_option ul:nth-child(7) li p { color:#333; }
#machipano .box_option ul:nth-child(7) { padding-bottom:30px; }
#machipano .box_option li strong:nth-child(4) { border-bottom:1px solid #83ba0d; }
#machipano .box_option li a { background-color:#83ba0d; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano .wrap { background-color:#f25935; }
#ecpano h4 { background:url(../img/price/title_ecpano.png) no-repeat 50% 0; }
#ecpano .box_option strong { color:#f25935; }
#ecpano .box_option p { color:#f25935; }
#ecpano .box_option p:nth-child(6) { color:#333; font-size:16px; margin-bottom:20px; }
#ecpano .box_option ul:nth-child(5) li p { color:#333; }
#ecpano .box_option li strong:nth-child(4) { border-bottom:1px solid #f25935; }
#ecpano .box_option li a { background-color:#f25935; }

.btn_stview { padding-bottom:30px; }




/*================================================================================
	Media screen : PC 640px
================================================================================*/
@media screen and (min-width: 640px) {

#container { background:url(../img/common/bg_main_btm.jpg) no-repeat 50% 100%; }

/* price common
--------------------------------------------------------------------------------*/
section .wrap {
	margin-bottom:20px;
	padding:10px;
	width:920px;/*940px*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
section .box_option { padding:40px 10px 0; }
.box_option li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 10px;
	line-height:160%;
	float:left;
}
.box_option li a { width:205px; }

.list_price { display:none; }

/* machipano
--------------------------------------------------------------------------------*/
#machipano .box_option ul:nth-child(2) li { width:280px; }
#machipano .box_option ul:nth-child(5) li { width:205px; }
#machipano .box_option ul:nth-child(7) li { width:430px; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano .box_option ul:nth-child(2) li { width:205px; }
#ecpano .box_option ul:nth-child(2) li strong { padding:23px 0 22px; }
#ecpano .box_option ul:nth-child(2) li:nth-child(1) strong { padding:10px 0; }
#ecpano .box_option ul:nth-child(5) li { width:430px; }

}

/*================================================================================
	Media screen : SP 640px
================================================================================*/
@media screen and (max-width: 640px) {

/* price common
--------------------------------------------------------------------------------*/
section { padding:80px 0 40px; }
section .wrap { padding:0 0 20px; }
section h4 { padding-top:35px; }
section img { width:100%; height:auto; }
section .box_option { padding-top:20px; }
.box_option li { padding:0 20px; }
.box_option p {
	padding:0 20px;
	font-size:18px;
	line-height:160%;
	text-align:center;
}
.box_option h5 span { display:block; }
.box_option p span { display:block; }
.box_option li a {
	background:url(../img/common/icon_arrow_right_g2.png) no-repeat 95% 50%;
	background-size:8px 15px;
}

.list_price { margin:10px; }
.list_price li { margin-bottom:5px; }
.list_price li a {
	display:block;
	padding:10px 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	letter-spacing:5px;
}
.list_price li:nth-child(1) a { background-color:#83ba0d; }
.list_price li:nth-child(2) a { background-color:#f25935; }

/* machipano
--------------------------------------------------------------------------------*/
#machipano h4 { background-size:460px 35px; }
#machipano .box_option ul:nth-child(2) li { margin-bottom:10px; }
#machipano .box_option ul:nth-child(5) li { padding:20px; }
#machipano .box_option ul:nth-child(5) li { padding:20px; }
#machipano .box_option ul:nth-child(5) li:nth-child(odd) { background-color:#f4f4f4; }
#machipano .box_option ul:nth-child(7) li { padding:20px; }
#machipano .box_option ul:nth-child(7) li:nth-child(odd) { background-color:#f4f4f4; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano h4 { background-size:460px 35px; }
#ecpano h5 { padding:0 20px; }
#ecpano .box_option ul:nth-child(2) li { margin-bottom:10px; }
#ecpano .box_option ul:nth-child(5) li { padding:20px; }
#ecpano .box_option ul:nth-child(5) li:nth-child(odd) { background-color:#f4f4f4; }

}


/*================================================================================
	clearfix
================================================================================*/
.box_option ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* clearfix for ie7 */
.box_option ul {
	display: inline-block;
}
.box_option ul {
	display: block;
}