@charset "utf-8";

body {
    -webkit-text-size-adjust: 100%;
}

.sp{
	display: block !important;
}

.pc{
	display: none !important;
}


.inner {
	width: 100%;
}


#header{
	background:none;
}

#g-nav-sp-close{
	padding: 0%;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 100;
}

#g-nav-sp-open{
	width: 100%;
	background-color: rgba(237,74,129,0.9);
	padding: 3% 0px 8%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 100;
	display: none;
}

#g-nav-sp .close{
	text-align: right;
	margin: 0px;
	padding: 0px 3%;
}

#g-nav-sp ul li a{
	display: block;
	margin: 0px;
	padding: 3% 0px;	
}

#info{
	text-align: center;
	padding: 20px 3% 0;
	font-size: .8rem;
}

#modal .container{
	width:100%;
	/*	margin:-275px 0 0 -350px;*/
	margin:0 auto 0;
	background:#FFF;
	padding:60px 20px 20px;
	position:relative;
	box-sizing:border-box;
	
}

.pagetop{
	background: #cbcbcb;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.pagetop a{
	margin: 0px;
	padding: 15px 0px;
	display: block;
}

#footer #ft-nav {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

#footer p.copy {
	width: 100%;
	text-align: center;
    font-size: .7rem;
    line-height: .7rem;
	
}


#modal .container p.fst{
	margin-bottom:5%;
	margin-top:5%;
}

#modal .container p.ct{
	text-align:center;
	margin:5% 0 5%;
	font-size:.8rem;
}
#modal .container dl{
	margin:10px 0 0;
	font-size:.8rem;
}
#modal .container dt{
	margin-bottom:5%;
	display:block;
	vertical-align:top;
}
#modal .container dd{
	display:block;
	vertical-align:top;

margin:0 0 15px;
}
#modal .container ul{
	padding-left:0;
}
#modal .container ul li{
	list-style: none;
	margin:0 0 8px;
}