/*font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',monospace;*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 
table, tbody, tfoot, thead, tr, th, td,
.shadow_frame, .out_period,#entry_button_area_before, #entry_button_area_after{
	/**font-family: "kozuka-gothic-pro", sans-serif;
	font-style: normal;
	*/
}
#testmode{
	margin:0 auto;
}
#main_box {
    margin: 0 auto;
    padding: 0;
}
#container{
	margin:0 auto;
	padding:0;
}
#wrap{
	margin:0 auto;
}
#other_events_link{
	_z-index: 9;
	_position: relative;
}
#an_header{
	border-bottom: none;
}
#push{
	height: auto;
}
.not_affiliated{
	display: none;
}
#footer{
	height: 240px;
	margin:0 auto;
}
#footer .footerLink a:nth-child(3){
	display: none;
}
#page-top{
	display: none !important;
}
#footerIN{
	width: auto;
}
/*
.headerLink_Login{
	display: table;
    text-align: right;
    right: 0;
    top: 25px;
    position: relative;
    position: absolute;
}
*/
/*
.headerLink_Login a{
	display: table;
	margin:0 auto;
	background-color: #007130;
	color: #fff;
	border-radius: 30px;
	padding:5px 20px;
}
*/
.overlay_text_background{
	display: block;
    position: relative;
    top: 0;
    left: auto;
    transform: none;
    width: 100%;
    background: #717171;
    color: white;
    font-size: 4rem;
    padding: 6.8% 0;
    border-radius: 0;
    opacity: 0.95;
    line-height: 1;
    text-align: center;
    margin: -20% auto auto;
}
.overlay_text_content {
    background: transparent;
    color: white;
    font-size: 100%;
    padding: 0;
    border-radius: 0;
    line-height: 1;
}

.mountrainie2025_container{
    background-color:#f6eee3;
	background-image:url(./images/bgk.jpg);
	background-size: 400px;
	background-repeat: repeat;
	background-position: top center;
	margin:0 auto;
	padding:0px;
}

.mountrainie2025_box{
	display:block;
	margin:0 auto;
	padding:0;
	max-width: 980px;
	width: 100%;
	box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.5);
	background-color: #f4ece1;
}
.mainmv-box img{
	margin:0 auto;
	padding:0;
	display:block;
	width: 100%;
}

.mileage_event_box{

}

.mileage_event_list_container{
    background-image:url('./images/mileage_event_list_end.jpg');
    background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	margin:0 auto;
	padding:466% 0 0 0;
	width: 100%;
	display: block;
	line-height: 1;
}

.mileage_event_list_container .mileage_event{
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0 auto;
	position:relative;
	width: 100%;
	display: block;
	text-align: center;
}
.mileage_event_list_container .mileage_event:nth-child(1){
	margin: -290% 0 0 0;
}
.mileage_event_list_container .mileage_event:nth-child(2){
	margin: 210% 0 0 0;
}
.mileage_event_list_container .mileage_event .catch_image_base{
	display: block;
	margin:0 auto;
	padding:0;
	width: auto;
}

.mileage_event_list_container .mileage_event .catch_image_base a{
	display: block;
	margin:0 auto;
	padding:0;
	width: 70%;
}
.mileage_event_list_container .mileage_event .catch_image_base a img{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}
.mileage_event_list_container .mileage_event .catch_image_base a:hover img{
	opacity: .85;
}

.inactive_filter{}
.inactive_filter img.close_inactive{
	opacity: .5;
	width: 50%;
}
.mileage_event_list_container .mileage_event .catch_image_base .inactive_filter{
	background-color: transparent;
	min-height: auto;
}
.mileage_event_list_container .mileage_event .filter_alert_text{
	position: relative;
    font-weight: bold;
    color: #fff;
    z-index: 10;
    margin: 0 auto;
    text-align: center;
    background-color: #333;
    opacity: .6;
    font-size: 3.6rem;
    height: auto;
    line-height: 1;
    padding: 4.5% 0;
    width: 86.2%;
    display: block;
}


.method_box,.product_box,.contact_box,.guide_link_box{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}
.method_box img,.product_box img, .contact_box img{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}
.guide_link_box img.guide_link_box_title{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}

.guide_link_box{
	display: block;
	margin:0 auto;
	padding:0 0 100px 0;
	width: 100%;
	background-color: #fff;
}

.guide_agreement_message{
	display: none;
}
#entry_button_area, #guide_link, #cancel_button_area, #confirm_button_area{
	min-width: auto;
}
#guide_link a {
    display: block;
    border: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    width: 600px;
    line-height: 1;
    text-align: center;
    margin: auto;
}

.morinaga_box{
	display: block;
	margin:0 auto;
	padding:3% 0;
	width: 100%;
	position: relative;
	z-index: 9;
	background-color: #fff;
}
.morinaga_box img{
	display: block;
	margin:0 auto;
	padding:0;
	max-width: 600px;
	width: 70%;
}
.morinaga_box a:hover img{
	opacity: .85;
}



.banner_container{
	background-color: rgba(102, 102, 102, 0.8);
	margin:0 auto;
	padding:20px 0;
	display:block;
	position: fixed;
	bottom:0;
	width:100%;
	z-index: 99;
}
.out_period_text{
	color: #fff;
    font-size: 25.5px;
    font-weight: normal;
    width: 920px;
    max-width: none;
    margin: auto;
}
/*まだログイン -> regist*/
.banner_follow_not_login{
	display:block;
	margin:0 auto;
	padding:0;
	width:300px;
}
.banner_follow_not_login img{
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
}
/*receipt is close -> login*/
.login_button_box{
	display:block;
	margin:0 auto;
	padding:0;
	width:300px;
}
.login_button_box img{
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
}

/*login -> regist*/ 
.banner_follow_register{}
.banner_follow_register ul,
.banner_follow_register_close ul{
	display:block;
	width: 780px;
	margin:0 auto;
}
.banner_follow_register ul li,
.banner_follow_register_close ul li{
	display:inline-table;
	width:48%;
	margin:0 auto;
	padding:0;
	vertical-align: top;
}
.banner_follow_register ul li:nth-child(1),
.banner_follow_register_close ul li:nth-child(1){
	width:200px;
}
.banner_follow_register ul li:nth-child(2),
.banner_follow_register_close ul li:nth-child(2){
	width:500px;
}
.point_status_area{
	display: block;
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 10px;
	padding:15px 0;
}
.available_point_title{
	display: table;
    margin: auto;
	font-size:24px;
	line-height: 1;
}
.available_point_value {
    font-size: 78px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 0;
    margin: 10px auto 0 auto;
}
.point_log_link{
	margin:10px auto 0 0;
	text-align: left;
}
.point_log_link a{
	border-bottom:0;
	width: 80%;
	margin:0;
	text-align: left;
}
.banner_follow_register ul li{}
.btn_register{
	display:block;
	margin:0 auto;
	padding:0;
}
.btn_register a{
	display:inline-block;
	width:49%;
	margin:0;
	padding:0;
}

img.btn_point_register,
img.btn_course_register,
img.btn_point_confirm{
	margin:0;
	padding:0;
	display:block;
	width:100%;
}
img.btn_point_register,
img.btn_course_register{
	float: right;
	text-align: right;
	width: 96%;
}
img.btn_point_register_close{
	display:inline-block;
	width:48%;
	margin:0 auto;
	padding:0;
}

.banner_follow_register_close{}
.banner_follow_register_close_all{}


.not_affiliated{
	margin:4vh auto auto;
	display:none;
}



@media screen and (max-width:900px) {
	.headerLink_Login{
	    top: 25%;
	    right: 3%;
	}
	.headerLink_Login a{
	}
	#footer{
		height: 42vw;
	}
	.overlay_text_background{
	    /*top: 70.4%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        font-size: 7vw;
        padding: 7% 0;*/
	}
	.overlay_text_content {
	    background: transparent;
	    color: white;
	    font-size: 6.2vw;
        padding: 0.2% 0;
	    border-radius: 0;
	    line-height: 1;
	}

	.mountrainie2025_container{
		background-image:none;
		background-size: auto;
	}

	.mountrainie2025_box{
		padding:0;
		width: 100%;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
	}
	.mainmv-box img{
		margin:0 auto;
		padding:0;
		display:block;
		width: 100%;
	}


	.mileage_event_list_container{
	    
	}

	.mileage_event_list_container .mileage_event{
	}
	.mileage_event_list_container .mileage_event:nth-child(1){
		margin: -290% 0 0 0;
	}
	.mileage_event_list_container .mileage_event:nth-child(2){
		margin: 210% 0 0 0;
	}

	.mileage_event_list_container .mileage_event .catch_image_base{
		display: block;
		margin:0 auto;
		padding:0;
		width: auto;
	}

	.mileage_event_list_container .mileage_event .catch_image_base a{
		width: 70%;
	}
	.mileage_event_list_container .mileage_event .catch_image_base a img{
		
	}
	.mileage_event_list_container .mileage_event .catch_image_base a:hover img{
		opacity: 1;
	}

	.inactive_filter{}
	.inactive_filter img.close_inactive{
		opacity: .5;
		width: 70%;
		margin:0 auto;
		text-align: center;
		display: block;
	}
	.mileage_event_list_container .mileage_event .catch_image_base .inactive_filter{
		background-color: transparent;
		min-height: auto;
	}
	

	.mileage_event_list_container .mileage_event .filter_alert_text{
		font-size: 5vw;
        padding: 4.8% 0;
        width: 86.2%;
        font-weight: normal;
	}

	.method_box,.product_box,.contact_box,.guide_link_box{
		
	}
	.method_box img,.product_box img, .contact_box img{
		
	}
	.guide_link_box img.guide_link_box_title{
		
	}

	.guide_link_box{
		padding:0 0 10% 0;
	}

	
	#guide_link a {
	    width: 60%;
	}

	.morigana_box{
	}
	.morigana_box img{
		width: 60%;
	}




	.banner_container{
		padding:3vw 0;
	}
	.out_period_text{
	    font-size: 4.6vw;
        width: 98%;
        text-align: center;
        margin:3vw auto;
	}
	/*まだログイン -> regist*/
	.banner_follow_not_login{
		display:block;
		margin:0 auto;
		padding:0;
		width:80%;
	}
	.banner_follow_not_login img{
		display:block;
		margin:0 auto;
		padding:0;
		width:100%;
	}
	/*receipt is close -> login*/
	.login_button_box{
		display:block;
		margin:0 auto;
		padding:0;
		width:80%;
	}
	.login_button_box img{
		display:block;
		margin:0 auto;
		padding:0;
		width:100%;
	}

	/*login -> regist*/ 
	.banner_follow_register{}
	.banner_follow_register ul,
	.banner_follow_register_close ul{
		display:block;
		width: 98%;
		margin:0 auto;
	}
	.banner_follow_register ul li,
	.banner_follow_register_close ul li{
		display:inline-table;
		width:48%;
		margin:0 auto;
		padding:0;
		vertical-align: top;
	}
	.banner_follow_register ul li:nth-child(1),
	.banner_follow_register_close ul li:nth-child(1){
		width:30%;
	}
	.banner_follow_register ul li:nth-child(2),
	.banner_follow_register_close ul li:nth-child(2){
		width:68%;
	}
	.point_status_area{
	    border: 1px solid #000;
	    border-radius: 3%;
		padding:10% 0 5% 0;
	}
	.available_point_title{
		font-size:3.6vw;
		text-align: center;
	}
	.available_point_value {
	    font-size: 12vw;
	    margin: 5% auto 0 auto;
	    text-align: center;
	}
	.point_log_link{
		margin:4% auto 0 0;
		text-align: left;
	}
	.point_log_link a{
		width: 90%;
	}
	.banner_follow_register ul li{
		vertical-align: top;
	}
	.btn_register{
		display:block;
		margin:0 auto;
		padding:0;
	}
	.btn_register a{
		display:inline-block;
		width:49%;
		margin:0;
		padding:0;
		vertical-align: text-top;
	}

	img.btn_point_register,
	img.btn_course_register,
	img.btn_point_confirm{
		margin:0;
		padding:0;
		display:block;
		width:100%;
	}
	img.btn_point_register,
	img.btn_course_register{
		float: none;
		text-align: center;
		width: 99%;
		
	}
	img.btn_point_register_close{
		display:inline-block;
		width:48%;
		margin:0 auto;
		padding:0;
	}
	img.btn_point_login{
		margin:4vw auto;
	}

	.banner_follow_register_close{}
	.banner_follow_register_close_all{}


	.not_affiliated{
		margin:4vh auto auto;
		display:none;
	}

}