@charset "utf-8";
@import "common.css";
body{-webkit-text-size-adjust: 100%;}
h3 {font-size:0.9em;color:#ff65ff;padding-left:1px;}

#h-text,#main p{
	font-size:0.75em;
	line-height:1.33;
}
#logo {margin:5px 0 20px 5px;}
#h-text {
	padding-top:6px;
	color:#8a1d46;
	width:690px;
	}

#main {
	position:relative;
	width:765px;
	margin:0 auto;
	padding:10px;
	background:url(../img/adrs.gif) no-repeat 10px 60px;
}
#main p {
	color:#333;
}

#main #notice2 {display:block;padding-left:400px;font-size:11px;}
address {width:355px;text-indent:-9999px;float:left;}
#main address a {left:10px;top:3.7em;width:355px;height:80px;}
@media screen and (max-device-width: 480px) {
	#main #notice2 {height:35px;}
}

#notice {font-size:0.9em;padding:10px 0 0;float:right;width:370px;}
#exit,#enter {display:inline-block;margin-top:10px;}
#exit,#exit img{width:77px;height:91px;}
#enter,#enter img{width:237px;height:91px;}

#exit {background:url(../img/exit_on.gif) no-repeat;margin-right:25px;}
#enter {background:url(../img/enter_on.gif) no-repeat;}
#notice a:hover img{visibility:hidden;}

h4{font-size:0.9em;color:#90f;padding:13px 10px 10px;clear:both;}
.e-text {
	margin:0 0 20px 0;
	padding:0 0 0 5px;
	border-left:5px solid #f3f;
	}
#top-flash {background-color:#dc83e0;text-align:center;padding:10px;clear:both;}
h2,#top-right {float:left;}
#top-right {width:690px;padding:15px 5px 10px 12px;}

#smp-entrance {
	padding: 10px 26px 0 0;
	overflow: hidden;
}
#smp-entrance a {
	width: 237px;
	padding: 8px 0;
	background: #D15BD6;
	float: right;
	letter-spacing: -0.04em;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
#smp-entrance a:hover {background: #FF33FF;}
	
div#mvLink{display:none;}
img#catchImg{display:none;}
div#sp_navi{display:none;}
#sp_right{display:none;}


@media (max-width: 768px) {
body{width: 96.8%;margin:0;background-image: none;overflow-x: hidden;}
#wrapper, #main, #u-text, #u-mobile,#h-text,#notice {width: 100% !important;padding: 0;}
#wrapper {margin: 0px auto;border: none;}
h1 {text-align:left;margin:0;}
h3 {text-align:center;font-size:13px !important;}
h4 {font-size:12px !important;padding: 13px 10px 5px;}
body h2 {text-align:center;float:none;margin:0 auto;width:270px;height:117px;overflow:hidden;}
#logo {margin: 0 auto;}
h2, #top-right {float:none;}
#top-right {width: 90%;}
#exit { margin:0 25px;}
#enter {top: 70px;width: 180px !important; height: 68px;}
#u-menu,#u-mobile,#h-text,div#top-flash { display: none;}
img#catchImg{width:99%;background-color: #dc83e0;padding: 10px 0px;display:block;}
#main{background:none;}
#main address,#main address a {display:none;}
#main p{padding: 5px;}
#enter, #enter img {width: 220px;}
#footer {background: none;padding: 5px 0 20px;position: relative;}
#phone {width: 100%;display: block;border-bottom: 3px solid pink;background-size:100%;background: url(../img/adrs.gif) no-repeat center bottom;padding:15px 0 0px;}
#u-text {background:none;font-size: 0.75em;text-align: left;padding: 0 !important;}
#copy {
    font-style: italic;
    padding-top: 6px;
    font-size: 0.5em;
    text-align: center;
}
}

@media (max-width: 480px) {
#phone {padding-top:5px !important;background-size:88% !important;}
#exit { margin:0 5px 0 0 !important;}
}