@charset "UTF-8";

/* ▼▼▼ ミオクラブプレミアム会員制度
=====================================*/
section{
    max-width: 1000px;
    margin: 0 auto;
	padding: 0 20px 50px;
    }
.bg_title{
	margin: 0 0 50px;
	}
.bg_txt{
	background: #F7F7F7;
	border-radius: 10px;
	padding: 30px 20px;
	}
.kome{
	color: #A25E5E;
	padding: 0;
	}
.desc{
	margin: 0 0 25px;
	}
div.line{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
.read_redtxt{
	margin:0 0 20px 0;
	color:#A25E5E;
	font-size:24px;
	text-align: center;
	}
.redtxt{
	color:#A25E5E;	
	}
	
.boldtext{
	margin:0 0 10px 0;
	font-size:14px;
	font-weight: bold;
	}	
.boldred{
	margin:0 0 10px 0;
	color:#A25E5E;	
	font-size:18px;
	font-weight: bold;
	text-align: center;
	}
.read_txt{
	margin:0 0 10px 0;
	color:#A25E5E;	
	font-size:22px;
	}

.rankup_table{
	width:80%;
	}
.list_area {
	font-weight: bold;
	margin: 0 auto 20px;
	}
	
.goldtxt{
	color:#C7AC67;
	}
	
section.card_bonus ul li,.attention_list li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	}
	section.card_bonus ul li:first-child{
		margin-bottom: 20px;
		}
	section.card_bonus ul li:before{
		content: "■";
		color: #A25E5E;
		padding-right: .5em;
		}
	.attention_list li:before{
		content: "・";
		padding-right: .5em;
		}
#rank_up .scroll{
	margin-bottom: 40px;
	}
	#rank_up h3.title_square{
		margin-bottom: 10px;
		}

.number_img{
	text-align: center;
	margin-bottom: 40px;
	}

.bg_max{
	background: #FAF7F7;
	padding: 50px 20px 0;
	margin-bottom: 50px;
	}
section.inquiry img{
	width:100%;
	}
	section.inquiry .point_btn{
		width: 32%;
		margin: 0 auto 40px;
		}	

/* Q&A */
.bg_txt_yellow{
	background: #FDFAF2;
	border-radius: 10px;
    margin: 20px 0;
    padding: 20px 20px;
	}

.small_font{
	color:#B1A9A9;
	font-size:11px;
	font-weight: normal;
	}
.premium_faq > ul{
	border-top:1px solid #ccc;
	}
	.premium_faq > ul > li{
		border-bottom:1px solid #ccc;
		}
	.premium_faq > ul > li > div{
		padding:0 40px 0 0;
		margin:20px 0;
		}
		.premium_faq > ul > li > div > span{
			padding: 0 10px 0 0;
			font-size: 18px;
			font-weight: bold;
			}

	.premium_faq > ul > li > div .counter li {
		text-indent: -2.8em;
		padding-left: 2.5em;
		}
	
	.premium_faq .bg_txt_yellow > p{
		margin:0 0 10px 0;
		font-weight:bold;
		text-indent: 0;
		}
	.premium_faq .bg_txt_yellow > ul{
		margin:0 0 10px 0;
		}
	.premium_faq .bg_txt_yellow > ul:last-of-type{
		margin:0;
		}

	.premium_faq .credit_point {
		overflow-x:scroll;
		padding: 20px 0;
		}
	.premium_faq .credit_point table{
		width:100%;
		table-layout: fixed;
		text-indent:0;
		}
	.premium_faq .credit_point table .gray_cell{
		background:#ddd;
		}
	
	.premium_faq .credit_point table tr th,
	.premium_faq .credit_point table tr td{
		text-align: center;
		padding:5px 0;
		}
	
	.premium_faq .credit_point table tr th{
		font-weight: bold;
		}
	.premium_faq .credit_point table tr:first-of-type td:first-of-type{
		width:150px;
		}
	.premium_faq .credit_point table tr:nth-of-type(3) td:first-of-type{
		width:100px;
		background: #f2f2f2!important;
		color:#666;
		}
	.premium_faq .credit_point table tr:nth-of-type(4) td:first-of-type{
		background: #888!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr:nth-of-type(5) td:first-of-type{
		background: #555!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr:nth-of-type(6) td:first-of-type{
		background: #222!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr.colored td:nth-of-type(2n+1){
		background: #FFF7ED;
		}
	.premium_faq .credit_point table tr.colored td:nth-of-type(2n){
		background: #EBECCE;
		}
	
/* フッター上　コンタクト */
#other_contact .desc_txt{
	letter-spacing: -0.05em;
	}
#other_contact p{
	text-align: center;
}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {
section{
	padding: 0 20px 30px;
    }

.bg_title{
	margin: 0 0 20px;
	}

.read_redtxt{
	margin:0 0 20px 0;
	color:#A25E5E;
	font-size:24px;
	text-align: center;
	}

.redtxt{
	color:#A25E5E;	
	}
	
.boldtext{
	margin:0 0 10px 0;
	font-size:14px;
	font-weight: bold;
	}
	
.boldred{
	margin:0 0 10px 0;
	color:#A25E5E;	
	font-size:18px;
	font-weight: bold;
	}

.rankup_table{
	width:100%;
	overflow-x:scroll;
	}
	.rankup_table img{
		max-width:  920px;
		}
	
/*スクロールバーカスタム*/
.scroll::-webkit-scrollbar {
	height: 15px;
	}
	.scroll::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #ccc;
		}
	.scroll::-webkit-scrollbar-thumb {
		background-color: #A09696;
		border-radius: 10px;
		}

.goldtxt{
	color:#C7AC67;
	}
	
section.card_bonus .bg_txt{
	margin:30px 0 0 0;
	}
	section.card_bonus .bg_txt ul.counter:first-of-type{
	margin:0 0 10px 0;
	}

	.number_img{
		margin:0 0 10px;
		text-align: center;
	}
	
section.premium_bonus .boldred{
	text-align: center;
	}

.bg_max{
	padding:30px 20px 0;
	margin-bottom: 30px;
	}

section.inquiry img{
	width:100%;
	}


.bg_max .container{
	padding: 30px 20px;
	}
section.inquiry .point_btn{
	width: 100%;
	margin-bottom: 20px
	}
	

/* Q&A */
.bg_txt_yellow{
	background: #FDFAF2;
	border-radius: 10px;
    margin: 20px 0;
    padding: 20px 20px;
	}
.small_font{
	color:#B1A9A9;
	font-size:11px;
	font-weight: normal;
	}
.premium_faq > ul{
	border-top:1px solid #ccc;
	}
	.premium_faq > ul > li{
		border-bottom:1px solid #ccc;
		}
	.premium_faq > ul > li > div{
		padding:0 40px 0 0;
		margin:20px 0;
		}
		.premium_faq > ul > li > div.open_sp + div{
			display: none;
			}
		.premium_faq > ul > li > div.open_sp,
		.premium_faq > ul > li > div.open_sp.close{
			position: relative;
			}
			.premium_faq > ul > li > div.open_sp:before {
				content: "";
				background: #000;
				border-radius: 10px;
				width: 16px;
				height: 2px;
				position: absolute;
				top: 15px;
				right: 20px;
				transform:rotate(90deg);
				-webkit-transform:rotate(90deg);
				}
			.premium_faq > ul > li > div.open_sp.close:before {
				display: none;
				}
			.premium_faq > ul > li > div.open_sp:after {
				content: "";
				background: #000;
				border-radius: 10px;
				width: 16px;
				height: 2px;
				position: absolute;
				top: 15px;
				right: 20px;
				}
		.premium_faq > ul > li > div > span{
			padding: 0 10px 0 0;
			font-size: 18px;
			font-weight: bold;
			}

	.premium_faq > ul > li > div .counter li {
		text-indent: -2.8em;
		padding-left: 2.5em;
		}
	
	.premium_faq .bg_txt_yellow > p{
		margin:0 0 10px 0;
		font-weight:bold;
		text-indent: 0;
		}
	.premium_faq .bg_txt_yellow > ul{
		margin:0 0 10px 0;
		}
	.premium_faq .bg_txt_yellow > ul:last-of-type{
		margin:0;
		}

	.premium_faq .credit_point {
		overflow-x:scroll;
		padding: 20px 0;
		}
	.premium_faq .credit_point table{
		width:100%;
		table-layout: fixed;
		width:600px;
		text-indent:0;
		}
	.premium_faq .credit_point table .gray_cell{
		background:#ddd;
		}
	
	.premium_faq .credit_point table tr th,
	.premium_faq .credit_point table tr td{
		text-align: center;
		padding:5px 0;
		}
	
	.premium_faq .credit_point table tr th{
		font-weight: bold;
		}
	.premium_faq .credit_point table tr:first-of-type td:first-of-type{
		width:150px;
		}
	.premium_faq .credit_point table tr:nth-of-type(3) td:first-of-type{
		width:100px;
		background: #f2f2f2!important;
		color:#666;
		}
	.premium_faq .credit_point table tr:nth-of-type(4) td:first-of-type{
		background: #888!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr:nth-of-type(5) td:first-of-type{
		background: #555!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr:nth-of-type(6) td:first-of-type{
		background: #222!important;
		color:#fff;
		}
	.premium_faq .credit_point table tr.colored td:nth-of-type(2n+1){
		background: #FFF7ED;
		}
	.premium_faq .credit_point table tr.colored td:nth-of-type(2n){
		background: #EBECCE;
		}
	
/* フッター上　コンタクト */
#other_contact .desc_txt{
	letter-spacing: -0.05em;
	}
#other_contact p{
	text-align: center;
}
	

}

#premium .more_btn{
		width: 350px;
		margin-top: 40px;
		font-weight: bold;
		}