@charset "utf-8";


section#plan strong ,
section#plan p ,
section#plan span {
	font-weight: normal;
}

/*text create
----------------------------------------------------------------------*/
.textCenter {
	text-align:center;
}

.mt_05 {
	margin-top:5px;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold !important;
}


/*price
----------------------------------------------------------------------*/
section#plan {
	margin: 0 auto;
}

section#plan .frame {
	max-width:980px;
	margin: 0 auto;
}

section#plan .frame .inframe {
	width: 980px;
	margin: 0 auto;
	vertical-align: middle;
	padding-top: 60px;
}

/*パララックス前*/
section#plan .frame .inframe p.btn_more {
	background: url(../img/price/plan_btn_more_out.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 39px;
	padding: 0 0 15px 0;
	line-height: 39px;
	text-align: center;
	font-weight: bold;
	margin: 20px auto 30px;
	clear: both;
	font-size: 14px;
}
section#plan .frame .inframe p.btn_more:hover {
	background: url(../img/price/plan_btn_more_on.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	color: #E4555E;
	text-decoration: none;
}

/*パララックス後*/
section#plan .frame .inframe p.btn_more_p {
	background: url(../img/price/plan_btn_rtn_out.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 39px;
	padding: 15px 0 0 0;
	line-height: 39px;
	text-align: center;
	font-weight: bold;
	margin: 20px 0 70px 0;
	clear: both;
	font-size: 14px;
}
section#plan .frame .inframe p.btn_more_p:hover {
	background: url(../img/price/plan_btn_rtn_on.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	color: #E4555E;
	text-decoration: none;
}

section#plan .frame .inframe .btn {
	text-align: center;
	font-weight: bold;
	margin: 50px 0 60px 0;
	clear: both;
}

section#plan .frame .inframe .btn a {
	padding-top: 21px;
	position: relative;
	margin: 0px auto;
	width: 914px;
	text-align: center;
	color:#fff;
	text-decoration:none;
}

section#plan .frame .inframe p.btn a:hover {
	background-image: url(../img/price/btn_more_on.png);
}

/*テーブル間のスペース*/

.inframe .box {
	margin-right: 10px;
}

.inframe .endBox {
	margin-right: 0;
}

/*テーブルの幅*/

section#plan .frame .inframe .box {
	width: 188px;
	float: left;
	font-size: 12px;
	position: relative;
}

section#plan .frame .inframe .parts img {
	width: 100%;
}

section#plan .frame .inframe .tit span,
section#plan .frame .inframe .tit strong {
	font-weight: bold;
	color:#e4555e;
}

section#plan .frame .inframe .parts {
	margin: 0;
	line-height: 0;
	padding: 0;
}

section#plan .frame .inframe .recIcon {
	position: absolute;
	top:-30px;
	right:-6px;
}
section#plan .frame .inframe .recIcon img {
	width: 63px;
}

section#plan .frame .inframe .line_l {
	border-left: 1px solid #d6d6d6;
}

section#plan .frame .inframe .line_r {
	border-right: 1px solid #d6d6d6;
}

section#plan .frame .inframe .main_ttl {
	padding: 15px 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 5em;
	vertical-align: middle;
	line-height: 1.3;
	background: #fff;
}

section#plan .frame .inframe .main_ttl .in_ttl {
	height: 3em;
	vertical-align: middle;
	text-align: center;
}

section#plan .frame .inframe .main_ttl .minTxt {
	font-size: 75%;
}

section#plan .frame .inframe .main_ttl .price {
	line-height: 1.0;
	font-size: 18px;
}

section#plan .frame .inframe .main_ttl .txt {
	padding-top: 8px;
	line-height: 1.1;
	font-size: 12px;
}

section#plan .frame .inframe .main_ttl .txt a {
	color:#e5555e;
}

section#plan .frame .inframe .anq {
	font-size: 12px;
}

section#plan .frame .inframe .anq p {
	margin-bottom: 10px;
}

section#plan .frame .inframe .small {
	font-size: 14px;
}

section#plan .frame .inframe .muryo {
	font-size: 14px;
}

section#plan .frame .inframe .x-small {
	font-size: 12px;
}

section#plan .frame .inframe .im {
	color: #e4555e;
}

section#plan .frame .inframe .in_cmt .im {
	display: block;
	color: #e4555e;
	text-indent: -1em;
	padding-left: 1em;
	text-align: left;
}

section#plan .frame .inframe .in_cmt .im2 {
	display: block;
	color: #595757;
	text-indent: -1em;
	padding-left: 1em;
	text-align: left;
}

section#plan .frame .inframe .in_cmt .grayTxt {
	color: #bbb;
}

section#plan .frame .inframe .in_cmt li {
	margin-top: 5px;
	line-height: 1.5;
}

section#plan .frame .inframe .muryo_c {
	line-height: 1.2;
}

section#plan .frame .inframe .btn_start {
	padding: 15px 0;
	text-align: center;
}

section#plan .frame .inframe .btn_start.pink {
	background: #fae2e3;
}

section#plan .frame .inframe .btn_start.gry {
	background: #cccccc;
}

section#plan .frame .inframe .btn_start a {
	padding: 8px 0px;
	width: 90%;
	height: auto;
	line-height: 1.5;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	text-shadow: none;
	background: url(../img/price/arrow4.png) no-repeat 93% 50%;
	background-color: #ea414c;
	-webkit-background-size: 8px 14px;
	background-size: 8px 14px;
}

section#plan .frame .inframe .btn_start a,
section#plan .frame .inframe .btn_start a:hover,
section#plan .frame .inframe .btn_start a:visited,
section#plan .frame .inframe .btn_start a:active {
	text-decoration: none;
	border:none;
	outline: none;
}

section#plan .frame .inframe .btn_start a:hover,
section#plan .frame .inframe .btn_start a:active {
	background-color: #fd656f;
}

section#plan .frame .inframe .ttl {
	background: #eeeeee;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	line-height: 1.8;
	font-weight: bold;
	padding: 0 10px;
	font-size: 12px;
	text-align: left;
	color: #595757;
}

section#plan .frame .inframe .in_cmt {
	line-height: 1.5;
	padding: 5px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	margin: 0;
	background: #fff;
}

section#plan .frame .inframe .in_cmt.height {
	height: 390px;
}

section#plan .frame .inframe .in_cmt.height2 {
	height: 30px;
}

section#plan .frame .inframe .line_none {
	border-right: 0  !important;
}

/*○○に加えて*/

section#plan .frame .inframe .top_border {
	border-top: 1px solid #d6d6d6;
	width: 168px;
	margin: -7px 0 0 -5px;
	padding: 7px 10px 7px 10px;
}

section#plan .frame .inframe .top_border.wide {
	width: 356px;
}

/* 料金プラン「もっと詳しく」押下後に表示される */

.Add-Detail-Box {
	display:none;
}

.in_cmt ul {
	line-height:2;
	list-style-type:disc;
	padding-left:15px;
}

.addtext {
	text-align:center;
	margin-top:-85px;
	margin-left:5px;
	position:absolute;
	font-weight:bold;
	font-size:13px;
	line-height: 1.5em;
}

.height-sakusei {
	height:90px;
}

.show .height-sakusei {
	height:440px;
}

.height-kokuchi {
	height:200px;
}

.show .height-kokuchi {
	height:200px;
}

.height-kekka {
	height:70px;
}

.show .height-kekka {
	height:180px;
}

.height-mailsupport {
	height: 55px;
}

.security {
	height:36px;
}

/* 料金プラン「もっと詳しく」「もどる」 */

.btn_more,.btn_more_p {
	cursor:pointer;
}
.btn_more_p {
	display:none;
}

section#plan .frame .inframe .plan_detail2 {
	display: none;
}

section#plan .frame .inframe .btn_more {
	margin-top: 200px;
}


/*Tablet
********************************************************************************************************/
@media screen and (max-width: 980px) {

body {
	min-width: 640px;
}

section#plan .frame .inframe {
	padding: 80px 3% 0 3%;
	width: 94%;
	height: auto;
}

section#plan .frame .inframe .main_ttl {
	height: 4em;
}

section#plan .frame .inframe .main_ttl .in_ttl {
	font-size: 18px;
	height: auto;
	min-height: 3em;
}

section#plan .frame .inframe .main_ttl .price {
	font-size: 14px;
}

section#plan .frame .inframe .small {
	font-size: 10px;
}

section#plan .frame .inframe .x-small {
	font-size: 10px;
}

section#plan .frame .inframe strong {
	word-wrap: break-word;
	word-break: break-all;
}

/*パララックス前*/

section#plan .frame .inframe p.btn_more {
	margin-bottom: 20px;
	background: url(../img/price/plan_btn_more_out.png) center 0 no-repeat;
	width: 100%;
}

section#plan .frame .inframe p.btn_more:hover {
	background: url(../img/price/plan_btn_more_on.png) center 0 no-repeat;
}

/*パララックス後*/

section#plan .frame .inframe p.btn_more_p {
	background: url(../img/price/plan_btn_rtn_out.png) center 0 no-repeat;
	width: 100%;
}

section#plan .frame .inframe p.btn_more_p:hover {
	background: url(../img/price/plan_btn_rtn_on.png) center 0 no-repeat;
}

section#plan .frame .inframe p.btn a:hover {
	background-image: url(../img/price/btn_more_on.png);
}

section#plan .frame .inframe .box {
	width: 19%;
}

section#plan .frame .inframe .box {
	margin-right: 1.25%;
}

section#plan .frame .inframe .endBox {
	margin-right: 0;
}

section#plan .frame .inframe .parts img {
	width: 100%;
	display: block;
}
section#plan .frame .inframe .recIcon {
	top: -20px;
	right: -6px;
}

section#plan .frame .inframe .recIcon img {
	width: 48px;
}

section#plan .frame .inframe .in_cmt {
	padding: 5px;
}

section#plan .frame .inframe .in_cmt.anq {
	font-size: 11px;
}

section#plan .frame .inframe .in_cmt.anq .muryo_c br {
	display: none;
}

section#plan .frame .inframe .in_cmt.height2 {
	height: 30px;
}

section#plan .frame .inframe .in_cmt.height.anq {
	height: 380px;
}

section#plan .frame .inframe .in_cmt.security {
	height: 4em;
}

section#plan .frame .height-kekka {
	height: 6em;
}

section#plan .frame .show .height-kekka {
	height: 18em;
}

section#plan .frame .inframe .in_cmt .im {
	text-indent: -0.5em;
	padding-left: 0.5em;
}

section#plan .frame .inframe .top_border {
	padding: 8px 2% 8px 2%;
	width: 96%;
	height: auto;
	margin: 0;
}

section#plan .frame .inframe .top_border.wide {
	padding: 8px 5% 8px 5%;
	width: 90%;
	height: auto;
	margin: 0;
}

section#plan .frame .inframe p.btn a {
	padding: 19px 0;
	width: 50%;
	height: auto;
	line-height: 1.5em;
	background: none;
	background-color: #dc0b04;
	font-size: 22px;
	border-radius: 5px;
	text-shadow: none;
}

section#plan .frame .inframe p.btn a:hover {
	background-image: none;
	background-color: #ea2326;
}

.height-sakusei {
	height: 200px;
}

.show .height-sakusei {
	height: 570px;
}

.height-kokuchi {
	height: 230px;
}

.show .height-kokuchi {
	height: 230px;
}

.height-mailsupport {
	height: 65px;
}

.addtext {
	margin-top: -105px;
	margin-left: 0;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
}

.box .addtext {
	width: 100%;
}

}


/*SmartPhone
********************************************************************************************************/

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

body {
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}

section#plan .ttl {
	line-height: 1.5;
	padding: 20px 10px;
	font-size: 14px;
}

section#plan .ttl_btm {
	position: absolute;
	top: 0;
	height: 15px;
	width: 100%;
}

section#plan .ttl img {
	width: 87px;
}

section#plan .frame {
	position: relative;
	z-index: 20;
}

section#plan .frame .inframe {
	padding-top: 30px;
}

section#plan .frame .inframe .main_ttl {
	height: 4em;
}

/*パララックス後*/

section#plan .frame .inframe .box {
	width: 100%;
}

section#plan .frame .inframe .top_border {
	max-width: 100%;
}

section#plan .frame .inframe .in_cmt.height {
	height: auto;
}

section#plan .frame .inframe .height-kokuchi {
	height: auto;
}

section#plan .frame .inframe .height-mailsupport {
	height: auto;
}

section#plan .frame .inframe .main_ttl,
section#plan .frame .inframe .main_ttl .in_ttl {
	font-size: 14px;
	height: auto;
	min-height: 10px;
}

section#plan .frame .inframe .main_ttl .in_ttl br {
	display: none;
}

section#plan .frame .inframe .main_ttl .im {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

section#plan .frame .inframe .main_ttl .price {
	font-size: 18px;
	padding: 0;
	margin: 0;
}

section#plan .frame .inframe .main_ttl .txt {
	font-size: 10px;
}

section#plan .frame .inframe .main_ttl .price .btext {
	font-size: 20px;
}

section#plan .frame .inframe .muryoBox {
	position: relative;
}

section#plan .frame .inframe .muryo {
	position: absolute;
	top: 0;
	margin-top: -48px;
	display: block;
	text-align: center;
	width: 100%;
}

section#plan .frame .height-kekka {
	height: auto;
}

section#plan .frame .height-sakusei {
	height: auto;
}

section#plan .frame .inframe .in_cmt.security {
	height: auto;
}

section#plan .frame .inframe .in_cmt.height.anq {
	border-top: #d6d6d6 1px solid;
	height: 220px;
}

section#plan .frame .inframe .parts.last {
	display: none;
}

section#plan .frame .inframe .recIcon {
	top: 5px;
	right: 10px;
}

section#plan .frame .inframe .recIcon img {
	width: 63px;
}

section#plan .frame .inframe .btn {
	margin-top: 30px;
}

section#plan .frame .inframe .btn a {
	padding: 19px 0;
	width: 90%;
	height: auto;
	line-height: 1.5;
	background: none;
	background-color: #dc0b04;
	font-size: 16px;
	border-radius: 5px;
}

section#plan .frame .inframe p.btn a:hover {
	background-image: none;
	background-color: #ea2326;
}

section#plan .frame .inframe .plan_detail2 a {
	display: block;
	padding: 5px 3% 20px 3%;
	border: #d6d6d6 1px solid;
	border-radius: 0 0 5px 5px;
	color: #595757;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background: #dbdbdb url(../img/price/arrow2.png) center 90% no-repeat;
	background-size: 13px 7px;
	font-size: 14px;
}

section#plan .frame .inframe .plan_detail2 .closetxt {
	display: none;
}

section#plan .frame .inframe .plan_detail2.close a {
	background: #dbdbdb url(../img/price/arrow3.png) center 90% no-repeat;
	background-size: 13px 7px;
}

section#plan .frame .inframe .plan_detail2.close .open {
	display: none;
}

section#plan .frame .inframe .plan_detail2.close .closetxt {
	display: inline;
}

section#plan .frame .inframe .Add-Detail-Box2 {
	display: block;
}

section#plan .frame .inframe strong {
	display: inline;
}

section#plan .frame .inframe .box .addtext,
section#plan .frame .inframe .box .addtext2 {
	width: 100%;
	margin-top: -55px;
}

section#plan .frame .inframe .box {
	margin-bottom: 40px;
}

}

/*parallax
----------------------------------------------------------------------*/

#para-area09 .item01 {
	margin-left: 197px;
	position: absolute;
	z-index:0;
	width: 188px;
}

#para-area09 .item01 img {
	width: 100%;
}

/*Tablet
********************************************************************************************************/
@media screen and (max-width: 980px) {

#para-area09 {
	display: none;
}

}