@charset "utf-8";

@import "../../../files/css/layout.css";



@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}

#sp {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#contents {
	background: url(../img/common/bg.png) center top;
	background-size: 40%;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/

#title {
	position: relative;
}
	#title #logo_3ds {
		width: 36%;
		position: absolute;
		top: 1%;
		right: 2%;
	}

	#title .btn_copy {
		position: absolute;
		bottom: -16%;
	}
	#title .txt_link {
		position: absolute;
		bottom: 34%;
	}

	#sec03 {
		margin-top: 10%;
		position: relative;
		z-index: 2;
	}
	#sec03 .notes,
	#sec03 .sitepolicy {
		width: 80%;
		margin: 0 auto;
		padding-left: 1em;
		text-indent: -1em;
		font-weight: bold;
	}
	#sec03 .sitepolicy {
		text-align: center;
		padding: 0.8rem 0 0 1em;
	}
	#sec03 .bnr {
		width: 90%;
		margin: 2rem auto;
	}
	#sec03 #btn_result {
		width: 20%;
		position: fixed;
		right: 0;
		bottom: 4%;
		z-index: 3;
	}


/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/

.footer_navi ul{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -1px;
}
.footer_navi ul li{
	display: table-cell
}

.footer_to_top #pagetop {
    width: 12rem;
    position: relative;
    top: 2rem;
    left: 59%;
}
.footer_to_top .box {
    margin-top: 2%;
    padding: 14% 0 4% 0 !important;
    font-size: 13px;
    text-align: center;
}


#scroller {
    width:auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#scroller #inner img{
    width: 138%;
    position: relative;
}

#thanks #footer,
#error #footer,
#preparation #footer {
	padding-top: 12%;
}

.local_deco {
	position: absolute;
	width: 76px;
	right: 0;
	bottom: 6%;
}

/*------------------------------
modal
-------------------------------*/

#modal-content01 {
    width: 90.625% ;
    position: fixed ;
    display: none ;
    z-index: 2 ;
}
#modal-content01 p img{
    margin: 0 auto;
}
#modal-content01 .adjust{
    height: 23px;
    position: relative;
    top: 0px;
}
#modal-overlay {
    z-index: 1 ;
    display: none ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 120% ;
    background-color: rgba( 0,0,0, 0.5 ) ;
}
#modal-close {
	width: 63.281%;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.button-link {
    color: #00f ;
    text-decoration: underline ;
}
 
.button-link:hover {
    cursor: pointer ;
    color: #f00 ;
}