@charset "utf-8";
/* main
================================================ */
.box-plan ul{
	margin-top: -3.33%;
	margin-left: -3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box-plan li{
	margin-top: 3.33%;
	margin-left: 3%;
	color: #fff;
	-ms-flex-preferred-size: 30.33%;
	flex-basis: 30.33%;
	background-color: #3cba92; /* デフォルト */
}
.box-plan li a{
	color: #3cba92; /* デフォルト */
}
.box-plan li.plan_grn{
	background-color: #159950;
}
.box-plan li.plan_grn a{
	color: #159950;
}
.box-plan li.plan_yel{
	background-color: #E5B420;
}
.box-plan li.plan_yel a{
	color: #E5B420;
}
.box-plan li.plan_brn{
	background-color: #E43820;
}
.box-plan li.plan_brn a{
	color: #E43820;
}
.box-plan li.plan_orn{
	background-color: #EF7921;
}
.box-plan li.plan_orn a{
	color: #EF7921;
}
.box-plan li.plan_blu{
	background-color: #1A73B7;
}
.box-plan li.plan_blu a{
	color: #1A73B7;
}
.box-plan li.plan_vio{
	background-color: #1A24B8;
}
.box-plan li.plan_vio a{
	color: #1A24B8;
}
.box-plan li.plan_pnk{
	background-color: #E9217B;
}
.box-plan li.plan_pnk a{
	color: #E9217B;
}
.box-plan li.plan_trq{
	background-color: #1BC0B3;
}
.box-plan li.plan_trq a{
	color: #1BC0B3;
}
.box-plan li.plan_lim{
	background-color: #8EC31B;
}
.box-plan li.plan_lim a{
	color: #8EC31B;
}
.box-plan li.plan_nvy{
	background-color: #343780;
}
.box-plan li.plan_nvy a{
	color: #343780;
}
.box-plan li.plan_aqu{
	background-color: #4AC0FF;
}
.box-plan li.plan_aqu a{
	color: #4AC0FF;
}
.box-plan li.plan_ppl{
	background-color: #691DCC;
}
.box-plan li.plan_ppl a{
	color: #691DCC;
}
.box-plan li.plan_gld{
	background-color: #A19068;
}

.box-plan li.plan_gld a{
	color: #A19068;
}
.box-plan li.plan_rpl{
	background-color: #b50091;
}
.box-plan li.plan_rpl a{
	color: #b50091;
}
.box-plan li.plan_red{
	background-color: #d41d2c;
}
.box-plan li.plan_red a{
	color: #d41d2c;
}
.box-plan li.plan_ygr{
	background-color: #7fc61b;
}
.box-plan li.plan_ygr a{
	color: #7fc61b;
}
.box-plan li.plan_sky{
	background-color: #3EBBEF;
}
.box-plan li.plan_sky a{
	color: #3EBBEF;
}
#premium .box-plan li{
	background-color: #A19068;
}
#maxcube .box-plan li{
	background-color: #231815;
}
#maxcube .box-plan li.plan_gld{
	background-color: #A19068;
}
.box-plan .box-plan_txt{
	text-align: center;
	padding: 1em 2em 1.5em;
}
.box-plan .plan_txt{
	font-weight: bold;
}
.box-plan .plan_txt_small{
	font-weight: normal;
	margin-top: 0.2em;
}
.box-plan .plan_btn a{
	font-weight: bold;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 100px;
	display: block;
	margin-top: 0.5em;
	padding: 0.5em 2.8em;
	box-shadow: 0.25em 0.4em 0 rgba(0, 0, 0, 0.10);
	cursor: pointer;
}
#premium .plan_btn a{
	font-weight: normal;
	color: #A19068;
}
#maxcube .plan_btn a{
	font-weight: normal;
	color: #231815;
}
.box-plan .plan_btn a:hover{
	color: #fff;
	background-color: transparent;
	opacity: 1;
}
#premium .box-plan .plan_btn a:hover,
#maxcube .box-plan .plan_btn a:hover{
	color: #fff;
}

/* スペシャルplanバナー */
.box-plan .special_plan_bnr{
	margin-bottom: 5%;
}
.box-plan .special_plan_bnr li{
	display: flex;
	align-items: center;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.box-plan .special_plan_bnr li > figure{
	width: 38%;
}
.box-plan .special_plan_bnr .box-plan_txt{
	width: 62%;
}


/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.box-plan .box-plan_txt{
	padding: 0.8em 1.5em 1.3em;
}
.box-plan .plan_btn a{
	padding: 0.5em 1.0em;
}
}

@media screen and (max-width: 673px) {
/* おすすめプラン */
.box-plan li{
	-ms-flex-preferred-size: 46.67%;
	flex-basis: 46.67%;
}
/* スペシャルplanバナー */
.box-plan .special_plan_bnr li > figure{
	width: calc(50% - 0.5em);
}
.box-plan .special_plan_bnr .box-plan_txt{
	width: 50%;
}
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.box-plan li > figure{
	height: auto;
	width: 100%;
}
.box-plan li > .box-plan_txt{
	width: 100%;
	padding: .5em 1em 1em;
}
.box-plan .plan_btn a{
	padding: 0.35em 1em;
}
.box-plan .plan_txt{
	line-height: 1.4;
}
.box-plan .plan_txt_small{
	line-height: 1.4;
}
/* スペシャルplanバナー */
.box-plan .special_plan_bnr{
	margin-bottom: 7%;
}
.box-plan .special_plan_bnr li{
	height: 100%;
	align-items: flex-start;
	flex-wrap: wrap;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	padding-left: 0;
}
.box-plan .special_plan_bnr li > figure{
	width: 100%;
}
.box-plan .special_plan_bnr .box-plan_txt{
	width: 100%;
}
}

@media screen and (max-width: 375px) {
.box-plan li{
	-ms-flex-preferred-size: 96.67%;
	flex-basis: 96.67%;
	width: 100%;
	margin-top: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
/* スペシャルplanバナー */
.box-plan .special_plan_bnr{
	margin-bottom: 5%;
}
.box-plan .special_plan_bnr li{
	-ms-flex-preferred-size: 96.67%;
	flex-basis: 96.67%;
}
}