@charset "utf-8";

body #popup .sp_mode{
	display:none;
}

body #popup *{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
	font-size: medium;
	color: #333;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	line-height: 1.6em;
	letter-spacing:0.1em;
}

body #popup img.index_img:hover{
	opacity:0.8;
}

body #popup p{
	font-size:80%;
	line-height:1.8;
}

body #popup a.kobutu{
	font-size:80%;
	color:#ddd;
	text-decoration:none;
	text-align:center;
	display:block;
}

body #popup .jp_enter a{
	display:block;
	width:100%;
	background:#1570a6;
	text-decoration:none;
	color:#fff;
	font-size:120%;
	padding:12px 0;
	position:relative;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.3;
}

body #popup .jp_enter a span{
	color:#fff;
	font-size:60%;
	font-weight:normal;
}

body #popup .jp_enter a:after{
	content:">>";
	font-size:120%;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:27%;
	right:0;
	-webkit-transform: scaleX(.4);
	transform: scaleX(.4);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

body #popup .com_enter a{
	display:block;
	width:100%;
	background:#00d789;
	text-decoration:none;
	color:#fff;
	font-size:120%;
	padding:12px 0;
	position:relative;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.3;
}

body #popup .com_enter a span{
	color:#fff;
	font-size:60%;
	font-weight:normal;
}

body #popup .com_enter a:after{
	content:">>";
	font-size:120%;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:27%;
	right:0;
	-webkit-transform: scaleX(.4);
	transform: scaleX(.4);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

body #popup .enter ul li{
	float:left;
	width:48%;
}

body #popup .enter{
	overflow:hidden;
	width:600px;
	margin:20px auto;
}

body #popup .main_enter{
	background:#f1f1f1;
	overflow:hidden;
	margin:0;
}

body #popup .enter ul li.jp_enter{
	margin-left:2%;
}

body #popup .enter ul li a{
	border-radius:5px;
}

body #popup .enter ul li a:hover{
	opacity:0.8;
}

body #popup{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	left:0;
	top:0;
	overflow:hidden;
	cursor:pointer;
	z-index:1;
}

body #popup #popup_inner{
	width:56%;
	overflow:hidden;
	top:3%;
	left:22%;
	position:absolute;
	background:#fff;
	z-index:2;
	cursor:auto;
	border-radius:5px;
}

body #popup #popup_inner #close_button{
	position:absolute;
	top:5px;
	right:5px;
	background:#f22;
	width:30px;
	height:30px;
	border-radius:4px;
	padding-left:2px;
	z-index:3;
	content:"";
	color:#fff;
	outline:none;
	font-size:20px;
	cursor:pointer;
}


body #popup #popup_inner .main_visual{
	width:90%;
	margin:0 auto;
	position:relative;
	display:block;
}

#popup_inner .main_visual img{
	width:80%;
	margin:20px auto 80px;
	display:block;
}

body #popup #popup_inner .main_visual p{
	position:absolute;
	top:83%;
	left:11%;
	text-align:left;
	font-size:12px;
	width:65%;
}

body #popup #popup_inner .main_visual p span{
	font-size:70%;
	font-weight:bold;
}

body #popup #popup_inner p{
	text-align:center;
}

body #popup #popup_inner .enter{
	overflow:hidden;
	width:100%;
}

body #popup #popup_inner .enter li{
	width:48%;
	float:left;
}

body #popup #popup_inner .enter li:last-child{
	float:right;
	margin-right:2%;
}

#popup_inner .enter li a img,
#popup_inner .enter li a{
	display:block;
	width:98%;
	margin:auto;
	text-align:center;
}

#popup_inner p.foot_p{
	line-height:1.5;
	font-size:10px;
}
