@charset "UTF-8";

#plan .cate_title {
	padding: 0;
	}
#plan .cate_title > img {
	width: 100%;
	}


#plan .summery{
    margin: 2rem 0;
    line-height: 1.5;
    border:3px solid #efefef;
    padding: 2rem;
}

#plan #content .content_main {
	clear: both;
	margin: 0;
	padding: 0;
	}


#plan .price em {
	display: inline-block;
	margin: auto 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	}

#plan .banner {
	text-align: center;
	border-style: solid;
	background-color: #fff;
	}

#plan .-plus {
	position: relative;
	padding-top: 3em;
	}
#plan .-plus:before {
	content: '＋';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 1em;
	border-radius: 0.5em;
	color: #FFF;
	font-size: 2em;
	text-align: center;
	background-color: #777;
	}


/* plan_banner */
#plan .plan_banner {
	margin: 3rem auto;
	}
#plan .plan_banner .banner {
	border-width: 0.5rem 0;
	}
#plan .banner .price {
	margin: auto auto 30%;
	padding: 0.2em 0;
	width: 90%;
	border-radius: 1em;
	color: #fff;
	font-size: 0.6em;
	line-height: 1;
	}
#plan .banner .price > em {
	font-size: 1.5em;
	}
#plan .plan_rental.banner,
#plan .plan_purchase.banner {
	margin: 0.2em auto 1.5rem;
	padding: 1em 4% 0 36%;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	}
#plan .plan_rental.banner {
	background-image: url(images/plan_rental-bnr_bg.jpg);
	}
#plan .plan_purchase.banner {
	background-image: url(images/plan_purchase-bnr_bg.jpg);
	}
#plan .plan_rental.banner:before,
#plan .plan_purchase.banner:before {
	content: '';
	display: block;
	margin: auto;
	width: 1.1em;
	height: 1.1em;
	background: url(images/plan_bnr_icn.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	}

@media screen and (min-width: 768px) {
	#plan .plan_banner .banner_list > li:nth-child(-n+2) {
		float: left;
		width: 50%;
		}
	#plan .plan_rental.banner,
	#plan .plan_purchase.banner {
		padding: 1.5rem 4% 20rem 42%;
		}
	#plan .plan_rental.banner {
		margin-right: 0.1em;
		}
	#plan .plan_purchase.banner {
		margin-left: 0.1em;
		}
	#plan .banner .price {
		margin-bottom: auto;
		}

}

/* plan_special banner */
#plan .plan_special.banner {
	clear: both;
	padding: 1.5rem;
	background: url(images/plan_special-bnr_bg.jpg) center center no-repeat;
	border-width: 0.125em;
	border-color: #693;
	line-height: 1.25;
	}
#plan .plan_special.banner:before, 
#plan .plan_special.banner:after {
	content: '';
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	margin: auto;
	line-height: 1;
	}
#plan .plan_special.banner:before {
	width: 1.2em;
	height: 1.2em;
	border-radius: 0.6em;
	background-color: #777;
	} 
#plan .plan_special.banner:after {
	margin-bottom: 0.4em;
	margin-right: 0.5em;
	width: 0.4em;
	height: 0.4em;
	border-style: solid;
	border-width: 0.1em;
	border-color: #FFF #FFF transparent transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

#plan .plan_special.banner ._lead {
	color: #666;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
#plan .plan_special.banner ._title {
	margin: 0.5rem auto;
	}
#plan .plan_special.banner .price {
	margin: auto;
	color: #693;
	font-size: 0.9em;
	}
#plan .plan_special.banner .price > strong {
	font-size: 1.5em;
	}
#plan .plan_special.banner .price > strong > em {
	display: inline-block;
	margin: 0 0.1em;
	padding: 0.2em 0;
	width: 1.4em;
	border-radius: 50%;
	background-color: #693;
	color: #fff;
	line-height: 1;
	}
@media screen and (min-width: 768px) {
	#plan .plan_special.banner {
	-webkit-background-size: cover;
	background-size: cover;
		}
	#plan .plan_special.banner > ._title {
		width: 48%;
		}
	#plan .plan_special.banner:before, 
	#plan .plan_special.banner:after {
		top: 0;
		bottom: 0;
		}
	#plan .plan_special.banner:after {
		margin-bottom: auto;
		}
}


/* plan_block */
#plan .plan_block {
	margin: 3rem auto;
	padding: 1rem 0 2rem;
	background-color: #f0ede3;
	border-style: solid;
	border-width: 0.5rem 0 0;
	}
#plan .plan_block .section_title {
	margin: auto;
	padding: 0 25% 1em;
	text-align: center;
	line-height: 0;
	background-repeat: no-repeat;
	-webkit-background-size: 40% auto;
	background-size: 40% auto;
	}
#plan #plan_rental .section_title {
	background-image: url(images/rental-title_bg.png);
	background-position: left top;
	}
#plan #plan_purchase .section_title {
	background-image: url(images/purchase-title_bg.png);
	background-position: right top;
	}

#plan .plan_list {
	list-style: none;
	}
#plan .plan_list > li {
	margin-bottom: 1rem;
	}
#plan .plan {
	background-color: #fff;
	text-align: center;
	}
#plan .plan, 
#plan .plan > ._title {
	border-radius: 0.5rem  0.5rem 0 0;
	}
#plan .plan > ._title {
	line-height: 0;
	padding: 0.6em 0;
	}
#plan .plan > ._title > img {
	margin: auto;
	width: 60%;
	}
#plan .plan > ._text {
	padding: 1rem;
	font-weight: 600;
	}
#plan .plan .price {
	color: #e6571a;
	font-size: 1.2em;
	}
#plan .plan .price > em {
	font-size: 1.8em;
	}

/* plan_point */
#plan .plan_point {
	clear: both;
	margin: 1.5rem auto;
	padding: 1.5rem;
	border-style: solid;
	border-width: thin;
	background-color: #fff;
	text-align: center;
	}
#plan .plan_point > ._title {
	margin: 1rem auto;
	padding: 0.5rem 18%;
	border-style: dotted;
	border-width: thin 0;
	line-height: 0;
	}
#plan .plan_point > ._text > p:first-child {
	font-weight: 600;
	}
#plan .item_list {
	clear: both;
	margin-top: 1rem;
	font-size: 0.65em;
	text-align: left;
	}
@media screen and (min-width: 768px) {
	#plan .plan {
		border-radius: 0.5rem;
		}

	#plan .plan_block {
		border-top-width: 0.8rem;
		}
	#plan .plan_block .section_title {
		margin: auto 10%;
		padding: 2em 15%;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		}
	#plan #plan_rental .plan_list > li {
		width: 49%;
		}
	#plan #plan_rental .plan_list > li:first-child {
		float: left;
		}
	#plan #plan_rental .plan_list > li:last-child {
		float: right;
		}
	#plan #plan_purchase .plan {
		display: table;
		width: 100%;
		height: 5em;
		}
	#plan .plan > ._title > img {
		width: auto;
		height: 1.5em;
		}

	#plan #plan_purchase .plan > ._title, 
	#plan #plan_purchase .plan > ._text {
		display: table-cell;
		vertical-align: middle;
		}
	#plan #plan_purchase .plan > ._title {
		width: 34%;
		border-radius: 0.5rem 0 0 0.5rem;
		}

	#plan .plan_point > ._title,
	#plan .plan_point > ._text {
		vertical-align: top;
		}
	#plan .plan_point > ._title {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 1.5rem;
		padding-right: 0;
		padding-left: 0;
		width: 25%;
		}
	#plan .plan_point > ._text  {
		display: inline-block;
		padding-top: 0.5rem;
		padding-left: 1em;
		width: 72%;
		text-align: left;
		}
	#plan .plan_point > ._text > p:first-child:before {
		content: '';
		display: inline-block;
		margin-left: -0.8em;
		margin-right: 0.2em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0.4em 0 0.4em 0.5em;
		border-color: transparent;
		}
	#plan .plan_point > ._text > p {
		margin-top: auto;
		}
}
@media screen and (min-width: 992px) {
	#plan .plan_block .section_title {
		margin: auto 20%;
		padding: 3em 10%;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		}
	}


#plan .plan_banner .plan_rental, 
#plan .plan_banner .plan_rental .price, 
#plan #plan_rental .plan > ._title, 
#plan #plan_rental .-plus:before {
	background-color: #4aa598;
	}
#plan .plan_banner .plan_rental, 
#plan #plan_rental.plan_block, 
#plan #plan_rental .plan_point, 
#plan #plan_rental .plan_point > ._title {
	border-color: #4aa598;
	}

#plan .plan_banner .plan_purchase, 
#plan .plan_banner .plan_purchase .price, 
#plan #plan_purchase .plan > ._title, 
#plan #plan_purchase .-plus:before {
	background-color: #e66873;
	}
#plan .plan_banner .plan_purchase, 
#plan #plan_purchase.plan_block, 
#plan #plan_purchase .plan_point, 
#plan #plan_purchase .plan_point > ._title {
	border-color: #e66873;
	}

@media screen and (max-width: 320px) {
	#plan .item_list figcaption {
		font-size: 0.5em;
		}
	}
@media screen and (min-width: 768px) {
	.plan_block {
		border-top-width: 0.8rem;
		}
	#plan #plan_rental .plan_point > ._text > p:first-child:before {
		border-left-color: #4aa598;
		}
	#plan #plan_purchase .plan_point > ._text > p:first-child:before {
		border-left-color: #e66873;
		}
	}





#plan .special_list {
	clear: both;
	counter-reset: special_num;
	}
#plan .special_list .block {
	counter-increment: special_num;
	padding: 1rem;
	height: 100%;
	background: none;
	background-color: #fff;
	font-size: 0.875em;
	}
#plan .special_list .block_title {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: dashed 0.2rem #DDD;
	text-align: center;
	}
#plan .special_list .block_title .special_when {
	display: block;
	position: relative;
	margin-bottom: 1rem;
	padding: 0.5em 0.5em 0.5em 3em;
	border-radius: 0.5rem 0 0 0.5rem;
	background-color: #dcdcdc;
	background-image: -moz-linear-gradient(-45deg, 
		rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 25%, 
		rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 50%, 
		rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 75%, 
		rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(-45deg, 
		rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 25%, 
		rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 50%, 
		rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 75%, 
		rgba(255,255,255,0));
	background-image: -o-linear-gradient(-45deg, 
		rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 25%, 
		rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 50%, 
		rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 75%, 
		rgba(255,255,255,0));
	background-image: -ms-linear-gradient(-45deg, 
		rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 25%, 
		rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 50%, 
		rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 75%, 
		rgba(255,255,255,0));
	background-image: linear-gradient(135deg, 
		rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 25%, 
		rgba(255,255,255,0) 50%,　rgba(255,255,255,0.5) 50%, 
		rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 75%, 
		rgba(255,255,255,0));
	-webkit-background-size: 0.6rem 0.6rem;
	background-size: 0.6rem 0.6rem;
	background-repeat: repeat;
	text-align: left;
	overflow: hidden;
	}
#plan .special_list .block_title .special_when:before {
	content: counter(special_num);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 0.5em 0;
	border-right: solid 0.2em #FFF;
	border-radius: 0.5rem 0 0 0.5rem;
	width: 2.25em;
	color: #FFF;
	text-align: center;
	}
#plan .special_list .block_title .special_when._prior:before {
	background-color: #ffbd33;
	}
#plan .special_list .block_title .special_when._current:before {
	background-color: #e6571a;
	}
#plan .special_list .block_img {
	width: 44%;
	}
@media (max-width: 767px) {
	#plan .special_list .switch_special + .block > dd {
		display: none;
		}
	#plan .special_list .switch_special:checked + .block > dd {
		display: block;
		}
	#plan .special_list .switch_special + .block .btn_switch {
		display: block;
		position: relative;
		}
	#plan .special_list .switch_special + .block .btn_switch:before,
	#plan .special_list .switch_special + .block .btn_switch:after {
		content: '';
		display: block;
		position: absolute;
		top: 1em;
		right: 1em;
		z-index: 10;
		}
	#plan .special_list .switch_special + .block .btn_switch:before {
		margin-top: -0.5em;
		margin-right: -0.5em;
		width: 1em;
		height: 1em;
		background-color: #777;
		border-radius: 0.5em;
		}
	#plan .special_list .switch_special + .block .btn_switch:after {
		margin-top: -0.3em;
		margin-right: -0.2em;
		width: 0.6em;
		height: 0.6em;
		border-style: solid;
		border-width: 0.2em;
		border-color: #FFF #FFF transparent transparent;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		}
}


#plan .special_plan > li {
	}
#plan .special_plan .block:before {
	content: '＋';
	display: block;
	position: absolute;
	top: 1.5em;
	right: 0;
	left: 0;
	margin: auto;
	width: 1em;
	border-radius: 0.5em;
	color: #FFF;
	font-size: 2em;
	text-align: center;
	}
#plan .special_plan .block {
	padding: 0;
	}
#plan .special_plan .block_title {
	margin-bottom: 3em;
	padding: 1rem 0;
	border-bottom: none;
	color: #FFF;
	}
#plan .special_plan .block_img, 
#plan .special_plan .block_text {
	padding: 0.5rem 1rem;
	}

#plan .special_plan .mark_list > li:before {
	background-color: #ccc;
	}
@media screen and (min-width: 768px) {
#plan .special_plan > li {
	padding-top: 5em;
	}
#plan .special_plan .block:before {
	top: -2em;
	}
}


/* color */
.furisode_plan01:before, 
.furisode_plan01 .block_title {
	background-color: #4aa598;
	}
.furisode_plan02:before, 
.furisode_plan02 .block_title {
	background-color: #e66873;
	}