@charset "UTF-8";


/* reset */
*{
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
img{
	border:0;
	vertical-align:top;
}
object{
	vertical-align:top;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
form, blockquote
{
	margin:0; padding:0;
	text-align:left;
	display:block;
}
table { margin:0; empty-cells:show;}
li{ list-style: none; }

/* font setting */
body{
	color:#666666;
	font-size: 12px;
	line-height:1.3;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break:break-all;
	word-wrap:break-word;
}
*html body{
	font-size: 75%;
}
*:first-child+html body{
	font-size: 75%;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight:normal;
}
a{
	color:#2288dd;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#2288dd;
	text-decoration:underline;
}
textarea{color:#666666; font-size:100%;}

/* layout */
html{
	height: 100%;
}
body{
	height: 100%;
 margin:0;
 padding:0;
 text-align:center;
 position: relative;
}
#backPC p{
	width:100%;
	text-align:center;
}
#backPC a{
	text-decoration:underline;
	font-size:54px;
}

/* #wp ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wp{
	width:950px;
	margin:0 auto;
	position:relative;
	padding:11px 0 0 0;
}
/* 一つの場合 */
#wp #rBnr{
	position:absolute;
	right:-136px;
	top:16px;
}
/* ２つの場合 */
#wp #rBnr1{
	position:absolute;
	right:-136px;
	top:16px;
}
#wp #rBnr2{
	position:absolute;
	right:-136px;
	top:321px;
}
/* /#wp +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* general setting ++++++++++++++++++++++++++++++++++++++++++++++++ */
.displayNone {
  display:none;
}
.invisible {
  display:none;
}
.hideTxt{
	position:absolute;
	left:0;
	top:-10000px;
}
.modal-fixed{
	position: fixed;
	left: 0;
	right: 0;
}
/* /general setting +++++++++++++++++++++++++++++++++++++++++++++++ */


/* pager ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pager{
	text-align:center;
	padding:4px 8px 6px 8px;
	background:#ffffff;
}
.pager span{
	margin:0 5px;
}
.pager .current{
	font-weight:bold;
}
.pager a{
}

/* /pager +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* paging +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.paging{
	text-align:center;
	padding:10px 0;
	clear:both;
}
.paging:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.paging{display:inline-block;}
/*¥*/
*html .paging{height:1%;}
*:first-child+html .paging{height:auto;}
.paging{display:block;}
/**/

.paging li{
	display:inline-block;
	*display:inline;
	*zoom: 1;
}
.paging li.number{
	border-right:1px solid #cccccc;
}
.paging li.number.last{
	border-right:none;
}
.paging li a,
.paging li span{
	margin:0 9px 0 6px;
	font-weight:bold;
}
/* /paging ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* paging2021 * ======================================================== */
#contents .paging2021{
	padding:20px 0;
	height: 29px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
#contents .paging2021 .btn-paging{
	display: inline-block;
	vertical-align: top;
	width: 29px;
	height: 29px;
	margin: 0 5px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #efefef;
	text-align: center;
	font-size: 12px;
	color: #606060;
	line-height: 29px;
}
#contents .paging2021 .btn-paging:hover{
	opacity: 0.75;
}
#contents .paging2021 .btn-paging.ellipsis{
	pointer-events: none;
}
#contents .paging2021 .btn-paging.current{
	background-color: #c10505;
	color: #ffffff;
	pointer-events: none;
}
#contents .paging2021 .btn-paging-prev{
	display: inline-block;
	width: 29px;
	height: 29px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../../img/common/btn/btn_paging_back.png);
	-webkit-background-size: 10px auto;
	     -o-background-size: 10px auto;
	        background-size: 10px auto;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
	text-align: left;
}
#contents .paging2021 .btn-paging-next{
	display: inline-block;
	width: 29px;
	height: 29px;
	margin: 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../../img/common/btn/btn_paging_next.png);
	-webkit-background-size: 10px auto;
	     -o-background-size: 10px auto;
	        background-size: 10px auto;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
	text-align: left;
}
#contents .paging2021 .btn-paging-prev.disable,
#contents .paging2021 .btn-paging-next.disable{
	pointer-events: none;
	opacity: 0.25;
}
/* /paging2021 * ======================================================== */


/* alert +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wp .topAlert{
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#cc0000;
	padding:.7em 0 0 0;
}
#wp .topAlert a{
	color:#cc0000;
}
/* /alert +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* #jackMask ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#jackMask {
	width:100%;
	height:100%;
	position:fixed;
  left:0;
  top:0;
  z-index:11000;
  background-color:#000;
  display:none;
}
  #jackBoxes{
	width:100%;
	height:100%;
}
#jackBoxes .jackWindow {
  position:fixed;
  display:none;
  z-index:11001;
}
#jackBoxes #jackDialog {
  width:574px;
		background:#ffffff;
		border:1px solid #d4d4d4;
}
#jackBoxes #jackDialog h1{
	width:100%;
}
#jackBoxes #jackDialog .jackBannerArea{
	padding:12px 0 8px 0;
	text-align:center;
}
#jackBoxes #jackDialog .jackBannerBottom{
	width:100%;
	height:37px;
	text-align:left;
	position:relative;
}
#jackBoxes #jackDialog .jackBannerBottom .closeBtn{
	position:absolute;
	left:224px;
	top:0;
	width:126px;
	height:28px;
}
#jackBoxes #jackDialog .jackBannerBottom .cookieCheck{
	position:absolute;
	left:366px;
	top:0;
	line-height:28px;
	font-size:14px;
}
#jackBoxes #jackDialog .jackBannerBottom .cookieCheck input{
	margin-right:4px
}
/* /#jackMask +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* clear float ********************************************** */
.clearfix{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*¥*/
*html .clearfix{height:1%;}
*:first-child+html .clearfix{height:auto;}
.clearfix{display:block;}
/**/
/* /clear float ********************************************* */


/* ++++++++ font size conf; ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
【親ブロック	100%(12px)	】

(20px) -> 166.6%
(19px) -> 158.3%
(18px) -> 150%
(17px) -> 141.6%
(16px) -> 133.3%
(15px) -> 125%
(14px) -> 116.6%
(13px) -> 108.3%
(11px) -> 91.6%
(10px) -> 83.3%
(9px)	-> 75%
(8px)	-> 66.6%

*/