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

/*
plan.html
#machipano
#ecpano
#pano
*/



/*================================================================================
	PLAN プラン
================================================================================*/

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

/* plan common
--------------------------------------------------------------------------------*/
section .wrap { margin-bottom:20px; }
section .wrap ul { background-color:#eef6f9; }
section .wrap li {
	font-size:18px;
	line-height:180%;
	background-color:#fff;
}
section .wrap li img {
	margin-right:20px;
	float:left;
}
section .wrap p {
	padding:20px;
	padding-top:0;
	font-size:14px;
	line-height:160%;
	background-color:#eef6f9;
}


/* machipano
--------------------------------------------------------------------------------*/
#machipano .wrap { background-color:#83ba0d; }
#machipano .wrap li { color:#83ba0d; }
#machipano .link_box a { background-color:#83ba0d; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano .wrap { background-color:#f25935; }
#ecpano .wrap li { color:#f25935; }
#ecpano .link_box a { background-color:#f25935; }

/* pano
--------------------------------------------------------------------------------*/
#pano .wrap { background-color:#0ca0d0; }
#pano .wrap li { color:#0ca0d0; }
#pano .link_box a { background-color:#0ca0d0; }




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

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

/* plan common
--------------------------------------------------------------------------------*/
section .wrap {
	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 h4 {
	width:100%;
	height:0;
	padding-top:84px;
	overflow:hidden;
}
section .wrap div:nth-child(2) {
	width:100%;
	height:0;
	padding-top:66px;
	overflow:hidden;
}
section .wrap ul { padding:30px 10px 10px; }
section .wrap li {
	margin:0 10px 20px;
	padding:30px 20px 25px;
	width:390px;/*430px*/
	float:left;
}

section .link_box { width:940px; }
section .link_box a { width:460px; float:left; }
section .link_box a:last-child { margin-left:20px; }

.list_plan { display:none; }

/* machipano
--------------------------------------------------------------------------------*/
#machipano h4 { background:url(../img/plan/title_machipano.png) no-repeat 50% 0; }
#machipano .wrap div:nth-child(2) { background:#a1cb41 url(../img/plan/list_machipano.png) no-repeat 50% 0; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano h4 { background:url(../img/plan/title_ecpano.png) no-repeat 50% 0; }
#ecpano .wrap div:nth-child(2) { background:#f58268 url(../img/plan/list_ecpano.png) no-repeat 50% 0; }

/* pano
--------------------------------------------------------------------------------*/
#pano h4 { background:url(../img/plan/title_pano.png) no-repeat 50% 0; }
#pano .wrap div:nth-child(2) { background:#41b7db url(../img/plan/list_pano.png) no-repeat 50% 0; }

}

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

/* plan common
--------------------------------------------------------------------------------*/
section { padding:70px 0 40px; }
section .wrap { padding:0 0 20px; }
section .wrap img { width:100%; height:auto; margin:0; padding:20px 0; }
section .wrap ul { padding:20px 20px 10px; }
section .wrap li { padding:15px 20px; margin-bottom:10px; font-size:14px; line-height:140%; }
section .wrap li img {
	margin-right:10px;
	padding:0;
	padding-top:2px;
	width:44px;
	height:44px;
}
section .wrap p span {
	display:block;
	padding-bottom:15px;
	border-bottom:1px solid #fff;
}
section .wrap p:last-child span {
	padding-bottom:0;
	border-bottom:none;
}

section .link_box { padding:0 20px; width:auto; }
section .link_box a { margin-bottom:10px; }

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

/* machipano
--------------------------------------------------------------------------------*/
#machipano .disp_sp div:nth-child(2) { background-color:#a1cb41; }

/* ecpano
--------------------------------------------------------------------------------*/
#ecpano .disp_sp div:nth-child(2) { background-color:#f58268; }

/* pano
--------------------------------------------------------------------------------*/
#pano .disp_sp div:nth-child(2) { background-color:#41b7db; }

}


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