@media screen and (max-width: 710px){

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-text-size-adjust: none;
}


body{
	width: 100%;
	margin: 0;
	/*-webkit-transform: translate3d(0,0,0);*/
	background:url(../images/sp/bg.jpg);
	/*-webkit-text-size-adjust: 100%;*/
}
/*
#wrap{
	width:320px;
	margin:0 auto;
}*/

li{
	list-style: none;
	float: none;
}

a{
	color: #1D78A3;
	display: block;
}

.inline{
	display: inline;
}

p{
	font-size: 13px;
	line-height: 1.5em;
}

img{
	vertical-align:top;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;

}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-----avoid menu bug-------*/
.relativeOff{
	position: static !important;
}
/*----------general part-----------*/
.ovHidden{
	overflow: hidden;
}

.alignC{
	text-align: center !important;
}
.alignL{
	text-align: left !important;
}
.alignR{
	text-align: right !important;
}

.floatL{
	float: left;
}
.floatR{
	float: right;
}

/*---------------------------*/
.m10{
	margin: 10px !important;
}

.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px !important;
}
.mt15{
	margin-top: 15px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt30{
	margin-top: 30px !important;
}
.mb5{
	margin-bottom: 5px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb15{
	margin-bottom: 15px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb25{
	margin-bottom: 25px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mtb10{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mtb15{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mtb20{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mtb30{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.ml0{
	margin-left: 0px !important;
}
.ml10{
	margin-left: 10px !important;
}
.ml20{
	margin-left: 20px !important;
}
.mr0{
	margin-right: 0px !important;
}
.mr10{
	margin-right: 10px !important;
}
.mr20{
	margin-right: 20px !important;
}
.mlr10{
	margin-left:10px !important;
	margin-right:10px !important;
}

.pl3{
	padding-left: 3px !important;
}
.pl5{
	padding-left: 5px !important;
}
.pl0{
	padding-left: 0 !important;
}
.pl10{
	padding-left: 10px !important;
}
.pr3{
	padding-right: 3px !important;
}
.pr5{
	padding-right: 5px !important;
}
.pr10{
	padding-right: 10px !important;
}
.pt0{
	padding-top: 0px !important;
}
.pt5{
	padding-top: 5px !important;
}
.pt10{
	padding-top: 10px !important;
}
.pt20{
	padding-top: 20px !important;
}
.pt30{
	padding-top: 30px !important;
}
.pt40{
	padding-top: 40px !important;
}
.pb5{
	padding-bottom: 5px !important;
}
.pb10{
	padding-bottom: 10px !important;
}
.pb20{
	padding-bottom: 20px !important;
}
.pb30{
	padding-bottom: 30px !important;
}
.pb40{
	padding-bottom: 40px !important;
}

.font17{
	font-size: 107%;
}

h3.ttl1{
	background:url(../images/sp/ttl_bg.gif) no-repeat top left;
	background-size:contain;
	padding:10px;
	text-align:left;
}
.header03_02 h3 img{
	max-width: 330px;
	width: 100%;
}
/*---------------------------*/
.btnBlue{
	border-radius:8px;
	background: -webkit-gradient(linear, center top, center bottom, from(#1c98db),to(#0186cd));
	background: -moz-linear-gradient(top, #1c98db 0%, #0186cd 100%);
	display:block;
	margin:10px 10px 20px 10px;
	padding:10px 15px 10px 15px;
	text-align:center;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
}
.btnBlue.mLR{
	margin:0 30px 0 30px;
}
.iconBlank{
	background:url(../images/sp/icon_blank.png) no-repeat left center;
	padding:5px 0 5px 23px;
	background-size:17px 17px;
	
}
.iconBlank2{
	background:url(../images/sp/icon_blank2.png) no-repeat left top;
	padding:0px 0 0px 23px;
	background-size:17px 17px;
	
}


/****/
#zoomBlock{
	text-align:center;
	margin:10px;
	padding-bottom:20px;
}
#zoomBlock .manga{
	position:relative;
	width:300px;
	height:180px;
	margin:0 auto;
}
#zoomBlock .manga a{
	display: block;
	position: absolute;
	border: none;
	right: 0px;
	bottom: 18px;
	width: 56px;
	height: 57px;
	margin: 0px;
	padding: 0px;
}
#zoomBlock a{
	border-radius:8px;
	padding:10px;
	text-align:center;
	display:block;
	margin:20px;	
	border:2px solid #098cd2;
	text-decoration:none;

}
#zoomBlock a span{
	background:url(../images/sp/btn_close.gif) no-repeat left center;
	background-size:18px;
	padding-left:25px;
}


/*---------------------------*/
#mainWrap{
}

header{
	background: #FFFFFF;
	border-bottom:2px solid #e6e6e6;
}

header #logoArea{
	overflow: hidden;
	height: 56px;
}

header #logoArea > h1{
	margin-left: 6px;
	float: left;
}

header #logoArea > ul{
	overflow: hidden;
	float: right;
}
	header #logoArea > ul >li{
		float: left;
		height: 54px;
	}

.btnBack{
	display: block;
}
.btnBack a{
	display:block;
	position: absolute;
	width: 38px;
	margin: 0 0 0 7px;
	color: #FFFFFF;
	font-size: 75%;/*12px*/
	text-align: center;
	text-decoration: none;
	z-index: 5;
	line-height: 26px;
}
/*---------------------------*/

table#delay{
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #005AAD;
	border-spacing: 0;
}

table#delay tr{
	border-collapse: collapse;
}

table#delay th{
	background: #005AAD;
	font-size: 88%;
	width: 23%;
	min-width: 56px;
	padding: 4px 0px;
	color: #FFF;
	text-align: center;
	line-height: 14px;
	border-collapse: collapse;
}
table#delay td{
	font-size: 75%;
	padding: 7px 8px;
}

.header01{
	margin: 1px 0 0;
	border-top: 4px solid #005AAD;
	min-height: 25px;
	padding: 13px 12px;
}
	.header01 h1{
		font-size: 107%;
		font-weight: normal;
		min-height: 25px;
	}

	.header01 h1 a{
		background: url("../images/sp/btn_back.gif") left center no-repeat;
		background-size: 48px 25px;
		-webkit-background-size: 48px 25px;
		-moz-background-size: 48px 25px;
		padding: 2px 0 1px 56px;
		text-decoration: none;
		color: #000;
		line-height: 22px;
	}

.header02{
	background: #0B5FBD;
	padding: 8px 10px 7px;
	overflow: hidden;
}
.header02_02{
	background: #0B5FBD;
	width: 100%;
}
	.header02 h2{
		font-size: 107%;
		line-height: 18px;
		min-height: 18px;
		padding: 0px 13px;
		color: #FFFFFF;
		font-weight: normal;
		background-image: url("../images/sp/bg_h2_top.gif"), url("../images/sp/bg_h2_bottom.gif");
		background-repeat: no-repeat, no-repeat;
		background-position: left top, left bottom;
		background-size: 5px 3px, 5px auto;
		-webkit-background-size: 5px 3px, 5px auto;
		-moz-background-size: 5px 3px, 5px auto;
	}

.header02.gr{
	background: #609648 !important;
}
	.header02.gr h2{
		background-image: url("../images/sp/bg_h2gr_top.gif"), url("../images/sp/bg_h2gr_bottom.gif");
	}
.header02.yl{
	background: #0185CF !important;
}
	.header02.yl h2{
		background-image: url("../images/sp/bg_h2yl_top.gif"), url("../images/sp/bg_h2yl_bottom.gif");
	}


/*.header03{
	min-height: 18px;
	line-height: 18px;
	padding: 0 0 6px;
	background-image: url("../images/sp/bg_h3_bottom.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 1px 6px;
	-webkit-background-size: 1px 6px;
	-moz-background-size: 1px 6px;
}
	.header03 h3{
		min-height: 14px;
		line-height: 16px;
		padding: 2px 0 2px 9px;
		font-weight: normal;
		font-size: 100%;
		background-image: url("../images/sp/bg_h3_top.gif");
		background-position: left center;
		background-repeat: no-repeat;
	}*/

.header04{
	min-height: 18px;
	line-height: 18px;
	margin: 20px 0;
}
	.header04 h4{
		min-height: 10px;
		margin-bottom: 1px;
		padding: 2px 0 2px 9px;
		font-size: 100%;
		font-weight: normal;
		background: url("../images/sp/bg_h4.gif") left center no-repeat;
	}
	.header04 h4 p{
		padding-left: 9px;
	}

/*---------------------------*/

#container{
	overflow: hidden;
	margin: 0px auto;
	background:url(../images/sp/bg.jpg);
}

.contInner{
	margin: 20px 10px 30px;
}

.contInner02{
}

	.contColumn{
		margin: 20px auto;
	}

ul.btnArea{
	padding: 20px 10px 20px;
	text-align: center;
}
	ul.btnArea li{
		height: 44px;
		margin: 10px 0 0;
	}
	ul.btnArea li:first-child{
		margin: 0 !important;
	}

.contInner02 +ul.backArea{
	height: 46px !important;
}
.contInner02 +ul.backArea:before{
	height: 0 !important;
}

.btnBlu{
	width: 100%;
	background: #0B5FBD;
	border-radius: 5px;
	min-height: 25px;
	line-height: 25px;
}
	.btnBlu.btnBlu14,
	.btnBlu.btnBlu28{
		height: 44px !important;
		line-height: 44px !important;
	}

.btnBlu.dark{
	background: #86A7CA;
}

ul.btnArea li.btnBlu{
	margin: 5px 0 0;
	max-height: 44px;
}


.btnBlu a span{
	display: block;
	font-size: 88%;
	vertical-align: middle;
	line-height: 19px;
	padding: 3px 0;
}

.clubArea{
	text-align:center;
	padding:10px;
}

ul.backArea{
	background: #FFFFFF;
	overflow: hidden;
	padding: 0;
	border-top:1px solid #0085CD;
}
	ul.backArea li{
		width: 100%;
		min-height: 45px;
		line-height: 45px;
		border-left: 1px solid #CAD5DF;
		font-size: 75%;
		text-align: center;
	}
	ul.backArea li.backToCat{
		border: 0;
	}
	ul.backArea li.backToHome{
		float: right; 
	}

	ul.backArea li a span{
		padding: 0 0 0 25px;
		color: #000000;
		text-decoration: none;
		display: inline-block;
	}
	li.backToCat a span{
		background: url("../images/sp/icon_back_cat.gif") left center no-repeat;
		background-size: 16px 17px;
		-webkit-background-size: 16px 17px;
		-moz-background-size: 16px 17px;
	}
	li.backToHome a span{
		background: url("../images/sp/icon_back_home.gif") left center no-repeat;
		background-size: 19px 16px;
		-webkit-background-size: 19px 16px;
		-moz-background-size: 19px 16px;
	}

/*--------------------*/


.toTop{
	height: 44px;
	background: #0085cd;
	text-align: center;
	margin: 0;
	position: static;
}
	.toTop a{
		text-decoration: none;
	}
	.toTop a span{
		display: inline-block;
		height: 19px;
		line-height: 19px;
		padding: 0 0 0 26px;
		margin: 13px 0 12px;
		color: #FFFFFF;
		background: url("../images/sp/icon_to_top.gif") left center no-repeat;
		background-size: 19px 19px;
		-webkit-background-size: 19px 19px;
		-moz-background-size: 19px 19px;
		vertical-align: middle;
		font-size: 88%;
	}

/*----------footer----------*/
footer{
	padding: 10px !important;
	text-align: center !important;
}

footer ul{
	overflow: hidden;
	display: inline-block;
	margin: 9px auto 19px;
	text-align:center;
	padding-left:5px;
}

footer ul li{
	display: inline-block;
	background: url("../images/sp/ar_r.gif") left 8px no-repeat;
	background-size: 5px 5px;
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	padding-left: 9px;
	margin-right: 10px;
}
	footer ul li a{
		background: url("../images/sp//nav_blnk_bl.gif") right center no-repeat;
		background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		padding-right: 21px;
		font-size: 88%;
		line-height: 22px;
		font-size:13px;
	}

div#btnSP,
div#btnPC{
	float: left;
	height: 44px;
	line-height: 22px;
	font-size: 106%;
	text-align: center;
}

div#btnSP{
	background: #FFFFFF;
	border: 1px solid #0085cd;
	border-radius: 50px 0 0 50px;
	width: 48.5%;
	margin-right:1px;
}

div#btnPC{
	background: linear-gradient(#1d98db, #0185cd);
	background: -moz-linear-gradient(top, #1d98db, #0185cd);
	background: -webkit-gradient(linear, left top, left bottom, from(#1d98db), to(#0185cd));
	border: 1px solid #0085cd;
	border-radius: 0 50px 50px 0;
	width: 48.5%;
	margin-left:1px;
}

	div#btnSP img,
	div#btnPC a{
		display: inline-block;
		color: #FFFFFF;
		text-decoration: none;
		padding: 11px 0;
		height: 22px;
	}

.copy{
	text-align: center;
	margin: 15px 0;
}

/*----menu----*/
#menu{
	cursor: pointer;
}

ul.mobile-nav-0{
	text-align: left;
	font-size: 88%;
}

ul.mobile-nav-0 li{
	background: #0057AB;
	border-bottom: 1px solid #FFF;
	min-height: 25px;
	line-height: 25px;
	overflow: hidden;
}
ul.mobile-nav-0 li.navHead{
	background: #003D90;
	padding: 0 15px 0 0;
}
ul.mobile-nav-0 li.navHead.navPop,
ul.mobile-nav-0 li.navHead.navPc{
	padding: 0 11px 0 0;
}

	ul.mobile-nav-0 li a{
		color: #FFFFFF;
		text-decoration: none;
	}
	ul.mobile-nav-0 li.navHead a{
		background-image:  url("../images/sp/ar_wh_r.gif");
		background-size: 10px 15px;
		-webkit-background-size: 10px 15px;
		-moz-background-size: 10px 15px;
		background-repeat: no-repeat;
		background-position: right center;
		padding: 17px 30px 17px 15px;
		max-height: 34px;
	}
	ul.mobile-nav-0 li.navHead.navPop a{
		background-image:  url("../images/sp/icon_wh_pop.gif");
		background-size: 19px 16px;
		-webkit-background-size: 19px 16px;
		-moz-background-size: 19px 16px;
	}
	ul.mobile-nav-0 li.navHead.navPc a{
		background-image:  url("../images/sp/icon_wh_pc.gif");
		background-size: 18px 16px;
		-webkit-background-size: 18px 16px;
		-moz-background-size: 18px 16px;
	}
		ul.mobile-nav-0 li a img{
			margin: 0 11px 0 0;
		}

	ul.mobile-nav-0 li.gnavi a{
		padding: 9px 15px 10px 15px;
		line-height: 25px;
		background-size: 25px 25px;
		-webkit-background-size: 25px 25px;
		-moz-background-size: 25px 25px;
		background-position: 15px center;
		background-repeat: no-repeat;
	}
	ul.mobile-nav-0 li.gnavi:nth-of-type(2) a { background-image: url("../images/sp/icon_gnavi01.gif");}
	ul.mobile-nav-0 li.gnavi:nth-of-type(3) a { background-image: url("../images/sp/icon_gnavi02.gif");}
	ul.mobile-nav-0 li.gnavi:nth-of-type(4) a { background-image: url("../images/sp/icon_gnavi03.gif");}
	ul.mobile-nav-0 li.gnavi:nth-of-type(5) a { background-image: url("../images/sp/icon_gnavi04.gif");}
	ul.mobile-nav-0 li.gnavi:nth-of-type(6) a { background-image: url("../images/sp/icon_gnavi05.gif");}

		ul.mobile-nav-0 li.gnavi a span{
			background-image: url("../images/sp/ar_wh_r.gif");
			background-size: 10px 15px;
			-webkit-background-size: 10px 15px;
			-moz-background-size: 10px 15px;
			background-repeat: no-repeat;
			background-position: right center;
			padding: 3px 35px;
			line-height: 19px;
			display: block;
		}

#build-menu-page{
	/*box-shadow: 6px 0 10px #002D7E;*/
}
.menuShadow{
	background-image:url(../images/sp/menu_bg.png);
	background-repeat:repeat-y;
	width:10px;
	/*height:100%;*/
	position:fixed;
	left:20%;
	top:0px;
	z-index:9999;
}
/*
#build-menu{
	background-image:url(../images/sp/menu_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
}
#build-menu li{
	background-image:url(../images/sp/menu_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
}*/
body{
	overflow-x: hidden;
}

/*--------------blue shadow------------*/

.bluBack{
	background: #C2DBF6;
}
.bluShadowT:before{
	content: "";
	display: block;
	height: 7px;
	background: linear-gradient(#C2DBF6, #94B0D1);/**/
	background: -moz-linear-gradient(top, #C2DBF6, #94B0D1);
	background: -webkit-gradient(linear, left top, left bottom, from(#C2DBF6), to(#94B0D1));
}

.bluShadowB:after{
	content: "";
	display: block;
	height: 7px;
	background: linear-gradient(#94B0D1, #C2DBF6);/**/
	background: -moz-linear-gradient(top, #94B0D1, #C2DBF6);
	background: -webkit-gradient(linear, left top, left bottom, from(#94B0D1), to(#C2DBF6));
}


/*----------accordion-------------*/
dt.ui-accordion-header{
	background: #0185d0;
	background-size:25px 10px;
	cursor: pointer;
	border-bottom: 1px solid #FFFFFF;
	min-height: 20px;
	line-height: 20px;
	padding: 12px 40px 12px 10px;
	position: relative;
	z-index: 0;
	text-align:left;
	color:#FFFFFF;
}

dt.ui-accordion-header.ui-state-active{
	color:#0185d0;
	background:#fef105;
	background-size:25px 10px;
}

dt.ui-accordion-header.ui-state-active.last{
	border-radius:0px !important;
}

dt span.ui-icon-active{
	position: absolute;
	right: 0;
	top: 0;
	background:url(../images/sp/icon_close.png) no-repeat right center;
	background-size: 30px 12px;
	-webkit-background-size: 30px 12px;
	-moz-background-size: 30px 12px;
	width: 30px;
	height: 100%;
	display: block;
}
span.ui-icon-normal{
	position: absolute;
	right: 0;
	top: 0;
	background:  url(../images/sp/icon_open.png) no-repeat right center;
	background-size: 30px 12px;
	-webkit-background-size: 30px 12px;
	-moz-background-size: 30px 12px;
	width: 30px;
	height: 100%;
	display: block;
}

dd.ui-accordion-content{
	border-bottom: 1px solid #CAD5DF;
}

dd.ui-accordion-content ul li{
	border-top: 1px solid #CAD5DF;
	min-height: 20px;
	line-height: 20px;
	padding: 0 15px 0 0;
}

dd.ui-accordion-content ul li a{
	vertical-align: middle;
	background-size: 10px 15px !important;
	-webkit-background-size: 10px 15px !important;
	-moz-background-size: 10px 15px !important;
	background-image: url("/sp/common/images/ar_gr_r.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right center;
	text-decoration: none;
	font-size: 88%;
	color: #000000;
	padding: 12px 17px 12px 10px
}

	dl.accordion02 dd ul li a,
	dl.accordion03 dd ul li a{
		position: relative;
	}

dd.ui-accordion-content ul li a img{
	vertical-align: middle;
	margin: 0 17px 0 7px;
}

/*--------------keep it last-----------------*/
#linemapArea02{
	display: none !important;
	width: 0;
	height: 0;
}

}