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

/*Base*/
main img{
	width:auto !important;
	max-width:100%;
}

/*Layout*/
.section_wrapper{
	background-image: url(/view/img/promotion/bg_white_1300.gif);
	background-position: center top;
	background-repeat: repeat-y;
}
.function_debut_width{
	max-width:932px;
	margin:0 auto;

}

/*button*/
a.bt_pro {
	display:block;
	width:33%;
	height:5%;
	position:absolute;
	bottom:0;
	left:2%;
	background-color:transparent;
	text-indent:-9999px;
	border-radius: 10px;
}
a.bt_ex {
	display:block;
	width:33%;
	height:5%;
	position:absolute;
	bottom:0;
	left:36%;
	background-color:transparent;
	text-indent:-9999px;
	border-radius: 10px;
}

/*table*/
table.type02{
	width:100% !important;
}
table.type02.matrix{
	font-size:80% !important;
}
table.type02 td.debut_color02{
	background-color:#e8f3c9 !important;
}
table.type02 .wid_item{
	width:10em;
}
table.type02 .wid_detail{
	width:8em;
}
table.type02 .wid_day{
	width:12em;
}
.wid_day{
	width:20em;
}
table.type02 .wid_sponsorship{
	width: 10em;
}
table.debut_buyarea td{
	vertical-align:top;
}
table.debut_buyarea td.pkg{
	max-width: 300px;

}
table.debut_buyarea td.button a:hover{
	opacity: 1 !important;
}

/*Margin*/
.mar_right20{margin-right:20px;}
.func_mar_btm10{margin-bottom:10px !important;}
.func_mar_btm15{margin-bottom:15px !important;}
.func_mar_btm19{margin-bottom:19px !important;}
.func_mar_btm20{margin-bottom:20px !important;}
.func_mar_btm30{margin-bottom:30px !important;}
.func_mar_btm40{margin-bottom:40px !important;}
.func_mar_btm50{margin-bottom:50px !important;}
.func_mar_top20{margin-top:20px !important;}
.func_mar_top40{margin-top:40px !important;}
.func_pdd_top20{padding-top:20px !important;}

/*mainvisual*/

.maincopy{
	margin-bottom: 30px;
}
.main_wrap{
	display: flex;
	width: 95%;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 30px;
}

.main_wrap .device{
	flex-basis: 30%;
}
.main_wrap .right_box{
	flex-basis: 68%;
	box-sizing: border-box;
}

.main_wrap .right_box .logo_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.main_wrap .right_box .logo_box img{
	width: 76% !important;
	margin-right: 10px;
}

.main_wrap .right_box .logo_box a{
	width: 150px !important;
}

.main_wrap .right_box .logo_box a img{
	width: 150px !important;
	margin: 0;
}

.main_wrap .right_box p{
	letter-spacing: 1px;
}


.button_box{
	display: flex;
	justify-content: space-between;
	font-feature-settings: "palt";
	align-items:stretch;
	align-content: center;
	margin-top: 10px;
}


.button_box p span{
	display: block;
	font-size: 65%;
}

.button_box a{
	flex-basis: 48%;
	border-radius: 10px;
	border: 1px solid #f26729 ;
	color: #ffffff;
	font-size: 120%;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	padding: 20px 5px 30px;
	background: linear-gradient(to bottom,#ffa854 0%,#ff5111 100%);
	height: auto;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}

.button_box a.anchor-a{
	border: 2px solid #a9d12d ;
	color: #757779;
	background: inherit;
}

.button_box a:after{
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top: 9px solid #ffffff;
}

.button_box .anchor-a:after{
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top: 9px solid #757779;
}

/*contents*/

.serif{
}

.cspd_cntents{
	display: block;
	position: relative;
	width: 95%;
	margin: 0 auto;
}

h2{
	color: #515151;
	font-size: 200%;
	letter-spacing: 0px;
	line-height: 1;
	background-color: #f7f9fa;
	padding: 20px;
	margin-bottom: 20px;
	display: block;
	margin-top: 30px;
}

h2 span{
	color: #a9d12d!important;
	display: inline!important;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 2.25em!important;
	line-height: 0;
}

.cspd_cntents p{
	margin-top: 20px;
}

.cspd_cntents .serif{
	font-size: 120%;
	color: #515151;
	letter-spacing: 0px;
}

.cspd_cntents .serif span{
	color: #a9d12d;
	font-size: 150%;
	line-height: 1.5;
	font-weight: bold;
}

.cspd_cntents .gif_box{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}

.cspd_cntents .gif_box img{
	width: 100%;
	max-width: 50%;
}

.cspd_cntents .flex_box{
	display: flex;
	justify-content: space-between;
	margin: 0;
}

.cspd_cntents .flex_box p{
	flex-basis: 80%;
}

.flex_box .text4_box{
    flex-basis: 80%;
}
.flex_box .text7_box{
    flex-basis: 90%;
}

.cspd_cntents  p a{
	font-size: 100%;
	margin-top:20px;
	color: #0B96E3;
}
.cspd_cntents .flex_box{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.cspd_cntents .flex_box .text5_box {
	width: 60%;
}
.cspd_cntents .flex_box .img_box {
	margin-top: 20px;
	width: 38%;
}

h2#get{
	background-color:#a9d12d;
	color: #ffffff;
	padding: 20px 10px;
	text-align: center;
	margin-bottom: 30px!important;
	display: block;
}

.get_title span{
	color: #ffffff!important;
	display: inline!important;
	font-size: inherit!important;
	letter-spacing: inherit!important;
	margin: 0!important;
}

h3{
	font-size: 180%!important;
}

h3 span{
	margin-right: 10px;
	border:1px solid #a9d12d;
	color: #a9d12d;
	width: 2rem;
	height: 2rem;
	display: inline-block;
	text-align: center;
	line-height: 2rem;

}

.pctab_tokuten{
	display: block;
}

.pctab_tokuten div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.pctab_tokuten div a{
	display: block;
}
.compare_box {
	text-align: center;
	border:1px solid #a9d12d;
	padding:40px;
}

h3.compare_title{
	background:linear-gradient(90deg, rgba(194,213,0,1) 0%, rgba(125,205,216,1) 20%, rgba(73,142,204,1) 100%);
	padding: 10px;
	color: #ffffff;
	text-align: center;
	font-size: 150%!important;
	display:block;
	margin: 0;
}

.compare_box img{
	margin:0;
}

.compare_box a{
	display: inline-block;
	margin: 40px auto 35px;
	text-decoration: none;
	background-color: #a9d12d;
	border-radius:50px;
	color: #ffffff;
	padding: 15px;
	font-weight: bold;
	width: 90%;
	max-width: 400px;
}

.button_wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
}

.button_wrap .button_box{
	flex-basis: 48%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #E7FCFF;
	padding: 10px 30px;
	box-sizing: border-box;
}

.button_wrap .ex{background-color: #EEF7FF;}

.button_wrap .button_box img{
	width: 100% !important;
	max-width: 40%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.button_wrap .button_box div{
	text-align: center;
}

.button_wrap .button_box p{
	font-size: 150%;
	font-weight: bold;
	color: #00BDD4;
	margin: 0 auto 10px;
}

.button_wrap .ex p{color: #498ECC;}

.button_wrap .button_box a{
	border: none;
	background:#00BDD4;
	padding: 15px 30px;
	border-radius: 40px;
	margin: 0;
	width: 100%;
}

.button_wrap .ex a{background:#498ECC;}

.button_wrap .button_box a:after {
	content: none;
}


/* IE10・11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.button_box a{
		flex-basis: 45%;
	}
	.cspd_cntents .gif_box img{
		width: 100% !important;
		max-width: 48%;
	}
	.button_wrap .button_box{
		flex-basis: 40%;
	}
}