@charset "utf-8";

.tab_area{
	display:flex;
	justify-content:space-between;
}

.tab_area li{
	box-sizing:border-box;
	position:relative;
	width:48%;
	padding:20px 40px 20px 0;
	border:3px solid #ccc;
	color:#ccc;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

.tab_area li:after{
	content:"";
	position:absolute;
	right:20%;
	display:inline-block;
	width:16px;
	height:16px;
	border-right:6px solid #ccc;
	border-bottom:6px solid #ccc;
	transform:rotate(45deg);
}

.tab_area li.select{
	border-color:#5988f3;
	color:#5988f3;
}

.tab_area li.select:before{
	content:"";
	position:absolute;
	top:20%;
	right:20%;
	display:inline-block;
	width:16px;
	height:16px;
	border-right:6px solid #5988f3;
	border-bottom:6px solid #5988f3;
	transform:rotate(45deg);
}

.tab_area li.select:after{
	content:"";
	position:absolute;
	top:40%;
	right:20%;
	display:inline-block;
	width:16px;
	height:16px;
	border-right:6px solid #5988f3;
	border-bottom:6px solid #5988f3;
	transform:rotate(45deg);
}

/*============会員特典===========*/

h3.ttl_reserve{
	margin-top:30px;
	color:#777;
	font-size:30px;
	text-align:center;
}

h3.ttl_reserve span{
	display:block;
	font-size:18px;
}

.tbl_y-point th{
	width:15%;
}

.tbl_y-point td{
	vertical-align:middle;
	padding:5px 10px;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	font-size:24px;
	font-weight:bold;
}

.tbl_y-point td span{
	color:#f00;
	font-weight:bold;
}

.tbl_y-point td a{
	color:#5988f3;
	text-decoration:underline;
}

.tbl_y-point td u{
	color:#5988f3;
}

#about .point{
	margin:10px 0;
	text-align:center;
}

#about .point p{
	text-align:center;
}

#about .rankInfo{
	display:flex;
	flex-wrap:wrap;
}

#about .rankInfo h4{
	margin:20px 0;
	font-size:28px;
	text-align:center;
}

#about .rankInfo h4 span{
	color:#f00;
}

#about .rankInfo .caption{
	width:170px;
	color:#f00;
}

#about .tbl_y-point{
	width:690px;
	margin-left:10px;
}

#about .rankInfo td span{
	font-size:36px;
}

.aboutTitle{
	display:flex;
	flex-wrap:wrap;
}

.aboutTitle h3{
	width:100%;
	margin:10px 0;
}

.aboutTitle .bnr_area{
	width:170px;
}

.aboutTitle table{
	width:700px;
	margin-left:10px;
}

.rankInfo,.aboutTitle,.aboutDiscount,.aboutCoin,.aboutReview{
	margin-bottom:50px;
}

.aboutDiscount .bnr_area p,.aboutCoin .bnr_area p,.aboutReview .bnr_area p{
	margin:5px 0 10px;
}

h3.ttl_reserve03{
	padding:10px 0;
	margin:20px 0;
	background:#5988f3;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

.aboutYsystem .bnr_area{
	text-align:center;
}

.aboutYsystem .bnr_area p{
	font-size:28px;
	line-height:1.5;
	text-align:center;
}

.aboutYsystem .bnr_area p span{
	color:#f00;
}

.aboutYsystem .bnr_area p a{
	color:#5988f3;
}

div[class^="step"]{
	margin-bottom:50px;
}

.bnr_area p{
	margin-bottom:30px;
	text-align:center;
}

.bnr_area p u{
	color:#5988f3;
}

.titleBox{
	display:flex;
	align-items:center;
	margin-bottom:10px;
	font-size:30px;
}

.titleBox .ttl_step{
	padding:12px 15px;
	background:#5988f3;
	border-radius:0 6px 6px 0;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
}

.titleBox .ttl_step span{
	display:inline-block;
	width:40px;
	height:40px;
	background:#fff;
	border-radius:50%;
	line-height:43px;
	color:#5988f3;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}

.stepEx .titleBox .ttl_step{
	padding:12px 55px 12px 15px;
}

.titleBox h4{
	color:#5988f3;
	font-weight:bold;
}

div[class^="step"] a.btn001,div[class^="step"] .modal-open{
	display:block;
	margin-top:10px;
	padding:15px 0;
	background:#5988f3;
	border:3px solid #5988f3;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

div[class^="step"] a.btn001:hover,div[class^="step"] .modal-open:hover{
	background:#fff;
	color:#5988f3;
}

div[class^="step"] .txt{
	margin:20px 0;
	font-size:28px;
}

div[class^="step"] .txt span{
	color:#c80037;
}

.step2 .bnr_area{
	margin-bottom:30px;
}

.step2 p{
	text-align:center;
}

.stepEx{
	background:#fffbc9;
}

.stepEx .bnr_area{
	padding:20px;
	margin:20px 0;
	text-align:center;
}

.stepEx .bnr_area p{
	font-size:16px;
	text-align:center;
}

.stepEx .bnr_area p a{
	color:#00f;
}

.stepEx dl{
	padding:10px;
}

.stepEx dt{
	color:#5988f3;
	font-size:16px;
	font-weight:bold;
}

.stepEx dd{
	padding:0 10px;
}

.comment02{
	padding:20px;
	background:#f00;
	color:#fff;
	text-align:center;
}

/*********** Q&A **********/

.faq dl{
	margin:30px 0;
}

.faq dt,.faq dd{
	display:flex;
	font-size:16px;
}

.faq dt{
	margin-bottom:10px;
	color:#5988f3;
}

.faq dt .faq_area{
	font-weight:bold;
}

.faq dt .q,.faq dd .a{
	width:12%;
}

.faq dt .q span,.faq dd .a span{
	display:inline-block;
	width:50px;
	height:50px;
	line-height:55px;
	border-radius:50%;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.faq dt .q span{
	background:#5988f3;
}

.faq dd .a span{
	background:#c90036;
}

.faq .faq_area{
	box-sizing:border-box;
	width:85%;
	margin-left:3%;
	padding:10px;
	border:3px solid #ccc;
	border-radius:5px;
}

.faq .faq_area span{
	color:#c90036;
}

.faq .faq_area li{
	margin-bottom:10px;
}

.faq .faq_area h5{
	color:#5988f3;
	font-weight:bold;
}

.faq .faq_area li p{
	padding-right:10px;
}