@charset "UTF-8";

*{margin:0; padding:0; opacity:1\9 !important;}
html{
	height:100%;
}
body{
	max-width:900px;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family: Meiryo,"MS PGothic",arial,sans-serif;
	color:#2f3336;

}

a{
	opacity:1;
	transition: .30s ease-out;
	-webkit-transition: .30s ease-out;
	-moz-transition: .30s ease-out;
	-o-transition: .30s ease-out;
	-ms-transition: .30s ease-out;
}
a:hover{
	opacity:0.5;
	transition: .30s ease-out;
	-webkit-transition: .30s ease-out;
	-moz-transition: .30s ease-out;
	-o-transition: .30s ease-out;
	-ms-transition: .30s ease-out;
}


#WRAP{
	width:100%;
	min-width:320px;
	margin:0 auto;
	overflow:hidden;
}


img{
	width:100%;
	border:none;
}


/*-----------------------------------------
         topBlock
-----------------------------------------*/
header{
	width:100%;

	overflow:hidden;
	position:relative;
	background:url(../img/bg_circle.png) no-repeat top center,url(../img/top_bg.jpg);
	background-size:216px auto,12px auto;

}
header:after{
	content:" ";
	width:100%;
	height:6px;
	display:block;
	background:url(../img/color_bar.jpg) center;
	background-size:320px auto ;
}
header h1{
	padding:20px 0 5px;
	font-size:16px;
	text-align:center;
}
header p{
	width:150px;
	margin:0 auto 5px;
	border-radius:30px;
	font-size:24px;
	font-weight:600;
	color:#fff;
	text-align:center;
	background:#eb3a81;
}
header h2{
	padding:13px 0 30px;
	margin: 0 0 10px;
	text-align:center;
	font-size:16px;
	background:url(../img/bg_ribbon.png) no-repeat center center;
	background-size:262px auto;
}
header ul:after { content:"."; display:block; height:0em; clear:both; visibility:hidden; }

footer small{
	display:block;
	font-size:12px;
	text-align:center;
}


article section p{
	margin:10px ;
}
article section p.present{
	margin:20px 10px 10px ;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	position:relative;
	border:3px solid #97277d;
	border-radius:10px;
}
article section p.present:after{
	content:" ";
	width:45px;
	height:48px;
	display:block;
	background:url(../img/ico_present.png);
	background-size:45px auto;
	position:absolute;
	top:-20px;
	left:-10px;
}
article section p.search a{
	padding:15px 0;
	text-align:center;
	color:#fff;
	display:block;
	font-size:24px;
	border-radius:10px;
	box-shadow:0 5px 0 rgba(169,37,29,1);
	text-decoration:none;
	background:#d7352c url(../img/ico_find.png) no-repeat center left 10px;
	background-size:42px auto;
}

article section p.attention{
	margin:20px 10px 10px ;
	padding:10px ;
	font-size:14px;
	border-radius:10px;
	background:url(../img/bg_attentuion.jpg);
	background-size:12px auto;
}
article section p.mels{
	border:2px solid #c0c0c0;
	text-align:center;
}
article section p.mels a{
	padding:15px 0 10px;
	display:block;
}
article section p.mels img{
	width:243px;
	height:auto;
}
article section p.attentionBottom{
	font-size:13px;
}
article section dl{
	margin:10px;
	padding:10px;
	border-radius:10px;
	color:#fff;
	text-align:center;
	background:#ea8528;
}
article section dl dd{
	font-size:30px;
}
article section dl dd a{
	color:#fff;
	text-decoration:none;
}
article section dl dd:last-child{
	font-size:13px;
}

article section p.openBtn{
	margin:0;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}
article section p.openBtn a{
	padding:15px 0;
	text-align:center;
	display:block;
	background:url(../img/ico_dots.png) no-repeat center bottom 5px,url(../img/bg_overlay.png);
	background-size:106px auto,20px auto;
}

article section.overlay{
	background:url(../img/bg_overlay.png);
	background-size:20px auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
}
article section.overlay.active{
	display:block;
}
article section.overlay div{
	padding:10px;
	margin:20px 10px;
	border-radius:10px;
	background:#fff;
}
article section.overlay div dl{
	background:none;
}
article section.overlay div dl dt{
	padding-bottom:10px;
	color:#000;
	background:url(../img/color_bar.jpg) center bottom repeat-x;
	background-size:320px auto ;
}
article section.overlay div dl dd{
	padding:10px;
	border-radius:0 0 10px 10px;
	font-size:18px;
	background:#ececec;
	color:#000;
}
article section.overlay p.closeBtn{
	padding-top:40px;
	text-align:center;
	position:relative;
}
article section.overlay p.closeBtn:after{
	content:" ";
	width:40px;
	height:3px;
	margin-left:-20px;
	display:block;
	border-radius:10px;
	background:#2b2b2b;
	position:absolute;
	top:10px;
	left:50%;
	transform:rotate(45deg);
}
article section.overlay p.closeBtn:before{
	content:" ";
	width:40px;
	height:3px;
	margin-left:-20px;
	display:block;
	border-radius:10px;
	background:#2b2b2b;
	position:absolute;
	top:10px;
	left:50%;
	transform:rotate(-45deg);
}

footer{
	padding-bottom:60px;
}