@charset "utf-8";
/* CSS Document */

html {
	margin:0;
	padding:0;
	}
body {
	margin:0 auto;
	padding:0;
	font-size:13px !important;
	*font-size:small;
	*font:x-small;
	line-height:130%;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

/* iPad背景切れ対策 */
@media screen and (min-width:641px){
body{
		min-width:828px;
	}
}

.container {
	margin:0 auto;
	padding:0;
	font-size:inherit;
}

header, footer, section, aside, nav, article , main {
	display:block;
}

/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;	
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* IE6 */
* html .clearfix { zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
p {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
	}
a , a:link , a:visited {
	text-decoration:none;
	color:#222222;
	}
a:hover {
	text-decoration:none;

	-webkit-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
a img:hover {
	text-decoration:underline;

	-webkit-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


.pc_br {
	display:block;
	}

@media screen and (max-width: 640px) {
.pc_br {
	display:inline;
	}
}




/*ヘッダ
------------------------------------------------------------------------------------------*/
header {
	margin:0px auto 0px auto;
	width: 100%;
	background: url(../images/bg_hd01.png) repeat-x left top;
	}
@media screen and (max-width: 640px) {
header {
	background: none;
	}
}
#headerTop {
	margin:0px auto 0px auto;
	padding:14px 0px 0px 0px;
	background: url(../images/s_hd_bk.png) repeat-x left bottom ;
	background-size:contain;
	width:798px;
	}
.logo {
	margin:0px 3px 0 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/s_nissei_logo.png) no-repeat left center ;
	background-size:258px;
	float:left;
	height:42px;
	width:258px;
	}
@media screen and (max-width: 640px) {
#headerTop {
	padding:2% 2% 2% 2%;
	width:96%
	}
.logo {
	background: url(../images/logo_head01.png) no-repeat left center ;
	background-size:140px;
	width:140px;
	}
}

.logo a {
	height:100%;
	width:100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
.hd_pcbtn {
	width:88px;
	margin:0px;
	padding:0px;
	float:right;
}
.hd_pcbtn img {
	width:88px;
	margin:0px;
	padding:0px;
}


/* shareボタン */
.shareBox  {
	float:right;
	margin:0px auto 0px auto;
	padding:7px 0px 0px 10px;
	width:150px;
	height:54px;
	background: url(../images/bg_share01.png) no-repeat left top;
	vertical-align:middle;
	}
@media screen and (max-width: 640px) {
.shareBox  {
	background-image:none;
	background-color: #FFFFFF;
	border:solid 1px #C61E4C;
	border-radius: 6px;	
	width:134px;
	height:auto;
	padding-bottom:1%;
	}
}


.shareBox p {
	margin:0px 10px 0px 0px;
	background: url(../images/txt_share01.png) no-repeat left top;
	background-size:63px;
	width:63px;
	height:27px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	font-family: 'Average Sans', sans-serif;
	}
@media screen and (max-width: 640px) {
.shareBox p {
	width:auto;
	height:auto;
	font-size:150%;
	background:none;
	overflow:visible;
	text-indent:0%;
	white-space:normal;
	color:#C61E4C;
	margin:2% 1% 0px 0px;
}
.shareBox p span {
	font-size:78%;
}
}


.shareBox ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/

	}

.shareBox li {
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	width:30px;
	height:30px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}


.shareBox li img {
	width:27px;
	}	

/*メインコンテンツ
------------------------------------------------------------------------------------------*/
#mainOut {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:url("../images/bg_main01_mid.png") repeat center top;
	color:#222222;
	}
@media screen and (max-width: 640px) {
#mainOut {
	padding:0px 0px 14px 0px;
	background:url("../images/bg_main01_mid.png") repeat 10px 8px;
	background-size:7%;

	}
}

/* タイトル部分 */
#mainTitleOut {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:url("../images/bg_index01.png") repeat-x -520px top;
	height:425px;
	}
@media screen and (max-width: 640px) {
#mainTitleOut {
	padding-top:3%;
	-moz-box-shadow: 0px 3px 3px #EDEDED inset;
	-webkit-box-shadow: 0px 3px 3px #EDEDED inset;
	box-shadow: 0px 3px 3px #EDEDED inset;
	height: auto;
	}
}
#mainTitleIn {
	margin:0px auto;
	width:798px;
	height:425px;
	position:relative;
	top:0%;
	}
@media screen and (max-width: 640px) {
#mainTitleIn {
	width:100%;
	height: auto;
	}
}


#mainTitleIn h1 {
	margin:0px auto;
	text-align:left;
	}
@media screen and (max-width: 640px) {
#mainTitleIn h1 img {
	width:98%;
	}
}

.readCopy {
	width:auto;
	}
.readCopy p {
	margin-left:34px;
	font-size:126%;
	line-height:166%;
	font-weight:bold;
	color:#444444;
	text-align:center;
	}


@media screen and (max-width: 640px) {
.readCopy {
	position:relative;
	top:0;
	}
.readCopy p {
	margin:0% 1.5% 0% 34%;
	position:absolute;
	top:0;
	text-align:left;

	font-size:156%;
	-webkit-text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	-moz-text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	}
}
@media screen and (max-width: 620px) {
.readCopy p {
	font-size:156%;
	}
}
@media screen and (max-width: 580px) {
.readCopy p {
	font-size:140%;
	}
}
@media screen and (max-width: 510px) {
.readCopy p {
	font-size:130%;
	}
}

@media screen and (max-width: 480px) {
.readCopy p {
	font-size:118%;
	-webkit-text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	-moz-text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	text-shadow: #FFFFFF 2px 2px 2px, #FFFFFF  -2px 2px 2px, #FFFFFF  2px -2px 2px, #FFFFFF  -2px -2px 2px;
	}
}
@media screen and (max-width: 408px) {
.readCopy p {
	font-size:114%;
	}
}
@media screen and (max-width: 390px) {
.readCopy p {
	font-size:108%;
	}
}
@media screen and (max-width: 380px) {
.readCopy p {
	font-size:96%;
	}
}

@media screen and (max-width: 340px) {
.readCopy p {
	font-size:93%;
	}
}

.readCopy img {
	display:none;	
	}
@media screen and (max-width: 640px) {
.readCopy img {
	position:relative;
	display:block;
	width:100%;
	}
}


.pic_title01 {
	position:absolute;
	top:55px;
	right:16px;
	z-index:100;	
	}
.pic_title02 {
	position:absolute;
	top:199px;
	left:0px;
	z-index:100;	
	}
.pic_title03 {
	position:absolute;
	top:214px;
	right:0px;	
	z-index:100;	
	}
@media screen and (max-width: 640px) {
.pic_title01 {
	display:none;
	}
.pic_title02 {
	display:none;
	}
.pic_title03 {
	display:none;
	}
}


/* エピソードエリア
------------------------------------------------------------------------------------------*/
#mainIn {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:798px;
	background:url("../images/bg_main00_top.png") no-repeat center top;
	}
@media screen and (max-width: 640px) {
#mainIn {
	margin:1% auto 0px auto;
	padding:23% 0px 16px 0px;
	width:96%;
	background:none;
	background-color:#FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;

	position:relative;
	top:3%;
}
}
@media screen and (max-width: 480px) {
#mainIn {
	margin:0% auto 0px auto;
	}
}
@media screen and (max-width: 410px) {
#mainIn {
	margin:3% auto 0px auto;
}
}
@media screen and (max-width: 340px) {
#mainIn {
	margin:6% auto 0px auto;
	}
}

.kidz_epBox {
	margin:0px auto;
	background:url("../images/bg_main02_mid.png") repeat-y center 0px;	
	}
@media screen and (max-width: 640px) {
.kidz_epBox {
	background:none;
}
}

/* エピソードナンバー*/
#mainIn h2 {
	margin:-100px auto 0px 40px;
	padding-top:22px;
	background: url(../images/bg_episodenumber01.png) no-repeat center top;
	height:88px;
	color:#FFFFFF;
	text-align:center;	
	font-family: 'Average Sans', sans-serif;
	font-size:230%;
	position:relative;
	}
@media screen and (max-width: 640px) {
#mainIn h2 {
	margin:-7% auto 0px auto;
	padding-top:4%;
	background-size:100%;
	width:90%;
	height:42%;	
	position:absolute;
	top:0%;
	left:5%;

}
}
@media screen and (max-width: 480px) {
#mainIn h2 {
	padding-top:3.5%;
	font-size:180%;
}
}
@media screen and (max-width: 400px) {
#mainIn h2 {
	padding-top:2.5%;
	font-size:150%;
}
}


#mainIn h2 span {
	font-size:80%;
	}
#mainIn h2 em {
	position:absolute;
	top:-20px;
	right:180px;
	}
@media screen and (max-width: 640px) {
#mainIn h2 em {
	position:absolute;
	top:-1%;
	right:10%;
	width:14%;
	}
#mainIn h2 em img {
	width:100%;
	}
}



/* タブ切り替え
------------------------------------------------------------------------------------------*/
.none	 {
	display:none;
}

#area_btnBox {
	margin:0px auto 0px auto;
	padding:16px 0px 0px 0px;
	width: 700px;
	position:relative;
	z-index:100;
}

@media screen and (max-width: 640px) {
#area_btnBox {
	margin:-10% auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 94%;
}
}

#area_btnBox ul {
	list-style-type: none;
	margin:0px -28px 10px auto;
	padding:0px;
	width: 728px;
}
@media screen and (max-width: 640px) {
#area_btnBox ul {
	margin:0px 0% 10px auto;
	width: 100%;
}
}

#area_btnBox02 {
	margin:0px auto 0px auto;
	padding:16px 0px 0px 0px;
	width: 700px;
	position:relative;
	z-index:100;
}

@media screen and (max-width: 640px) {
#area_btnBox02 {
	margin:-10% auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 100%;
}
}

#area_btnBox02 ul {
	list-style-type: none;
	margin:0px -28px 10px auto;
	padding:0px;
	width: 728px;
}

@media screen and (max-width: 640px) {
#area_btnBox02 ul {
	margin:0px auto 10px auto;
	width: 100%;
}
}

#tab {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

#tab li {
	margin:0px 28px 0px 0px;
	float: left;
	height:67px;
	width: 336px;
}

@media screen and (max-width: 640px) {
#tab li {
	margin:0px 2% 0px 0px;
	width: 49%;
	height:auto;
	display:block;
}

#tab li:last-child {
	margin:0px 0% 0px 0px;
}
}

#tab li a {
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
	height:67px;
	display:block;
	overflow:hidden;
	text-indent: 100%;
	white-space:nowrap;
}

@media screen and (max-width: 640px) {
#tab li a {
	margin:0px;
	padding:10px 0px;
	width:100%;
	height:100%;
	line-height:140%;
	display:block;
	overflow:auto;
	text-indent: 0%;
	white-space:normal;
	font-size:114%;
	font-weight:bold;
	color:#FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing:border-box;
	}
}
@media screen and (max-width: 359px) {
#tab li a {
	font-size:100%;
	}
}


#tab li a:hover,
#tab li.present a {
	
}

#tab li a.toTokyo {
	background: url(../images/tab_tokyo_off.png) no-repeat center top;
	position: relative;
}
@media screen and (max-width: 640px) {
#tab li a.toTokyo {
	background: -moz-linear-gradient(#FF9C26, #FF8000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9C26), to(#FF8000)); 
	background: linear-gradient(#FF9C26, #FF8000);
}
}

#tab li a.toTokyo:hover,
#tab li.present a.toTokyo {
	background: url(../images/tab_tokyo_active.png) no-repeat center top;
}
@media screen and (max-width: 640px) {
#tab li a.toTokyo:hover,
#tab li.present a.toTokyo {
	background: -moz-linear-gradient(#FF9C26, #FF8000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9C26), to(#FF8000)); 
	background: linear-gradient(#FF9C26, #FF8000);
}
}

#tab li a.toKoshien {
	background: url(../images/tab_koshien_off.png) no-repeat center top;
}
@media screen and (max-width: 640px) {
#tab li a.toKoshien {
	background: -moz-linear-gradient(#94DB23, #78D100);
	background: -webkit-gradient(linear, left top, left bottom, from(#94DB23), to(#78D100)); 
	background: linear-gradient(#94DB23, #78D100);
}
}

#tab li a.toKoshien:hover,
#tab li.present a.toKoshien {
	background: url(../images/tab_koshien_active.png) no-repeat center top;
}
@media screen and (max-width: 640px) {
#tab li a.toKoshien:hover,
#tab li.present a.toKoshien {
	background: -moz-linear-gradient(#94DB23, #78D100);
	background: -webkit-gradient(linear, left top, left bottom, from(#94DB23), to(#78D100)); 
	background: linear-gradient(#94DB23, #78D100);
}
}

#page1 , #page2 {
	margin:0px auto 0px auto;
	width: 700px;	
	position:relative;
}
.pageIn {
	margin:0px 0px 0px auto;
	padding:20px 4px 0px 24px;
}

#page1 .pageIn {
	border:2px solid #FF9F00;
}
#page2 .pageIn {
	border:2px solid #80CE00;
}

.epDetailsBox {
	margin:0px -18px 0px auto;
	padding-top:20px;
}


@media screen and (max-width: 640px) {
#page1 , #page2 {
	width: 94%;	
}
.pageIn {
	padding:4% 4%;
	width: auto;
}
#page1 .pageIn  {
	border:2px solid #FF9F00;
	box-sizing:content-box;
	width: auto;
}
#page2 .pageIn {
	border:2px solid #80CE00;
	box-sizing:content-box;
	width: auto;
}
#page1:before{
	content: "";
	position: absolute;
	top: 38px;
	left: 22%;
	border: 12px solid transparent;
	border-top: 12px solid #FF9F00;
}
#page2:before {
	content: "";
	position: absolute;
	top: 38px;
	right: 22%;
	border: 12px solid transparent;
	border-top: 12px solid #78D100;
}

.epDetailsBox {
	margin:0px auto 0px auto;
	padding-top:6px;
}

}


.pageIn h3 {
	font-size:142%;
	font-weight:bold;
	line-height:142%;
	padding:3px 0px 3px 10px;
	margin:0px 20px 10px 0px;
	color:#434343;
}

#page1 .pageIn h3 {
	border-bottom:2px dotted #FF9F00;
}

#page2 .pageIn h3 {
	border-bottom:2px dotted #80CE00;
}


@media screen and (max-width: 640px) {
.pageIn h3 {
	font-size:106%;
	margin:0px 0 0px 0px;
	padding:3px 0px 3px 5px;
	border-bottom:none;
}

#page1 .pageIn h3 {
	border-bottom:none;
}

#page2 .pageIn h3 {
	border-bottom:none;
}
}

#page1 .pageIn h3 {
	border-left:6px solid #FF8300;
}
#page2 .pageIn h3 {
	border-left:6px solid #80CE00;
}


/* 記事1つ分*/

.epDetails {
	width:315px;
	margin:0px 20px 20px 0px;
	float:left;
	background:url(../images/bg_mid01.png);
	background-repeat:repeat-y;
	position:relative;
	bottom:0px;
}

@media screen and (max-width: 640px) {
.epDetails {
	width:auto;
	margin:0px auto 20px 0px;
	float:none;
	background:none;
	position:static;
}

#page1 .epDetails {
	border-top:2px dotted #FF9F00;
	padding:18px 0px;
}

#page2 .epDetails {
	border-top:2px dotted #80CE00;
	padding:18px 0px;
}
}

.epDetails:before {
	visibility:visible;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 45px;
}

.epDetails:after {
	visibility:visible;
	display: block;	
	font-size: 0;
	content: " ";
	clear: both;
	height: 40px;
	position:relative;
	bottom:0px;
}

@media screen and (max-width: 640px) {
.epDetails:before {
	display:none;
}

.epDetails:after {
	display: none;	
}
}

.green:before {
	background:url(../images/bg_before01.png) no-repeat center top;
}
.green:after {
	background:url(../images/bg_after01.png) no-repeat center bottom;
}

.pink:before {
	background:url(../images/bg_before02.png) no-repeat center top;
}
.pink:after {
	background:url(../images/bg_after02.png) no-repeat center bottom;
}

.skyblue:before {
	background:url(../images/bg_before03.png) no-repeat center top;
}
.skyblue:after {
	background:url(../images/bg_after03.png) no-repeat center bottom;
}

.orange:before {
	background:url(../images/bg_before04.png) no-repeat center top;
}
.orange:after {
	background:url(../images/bg_after04.png) no-repeat center bottom;
}

.blue:before {
	background:url(../images/bg_before06.png) no-repeat center top;
}
.blue:after {
	background:url(../images/bg_after06.png) no-repeat center bottom;
}

.lime:before {
	background:url(../images/bg_before07.png) no-repeat center top;
}
.lime:after {
	background:url(../images/bg_after07.png) no-repeat center bottom;
}



.long {
	width:642px;
	background:url(../images/bg_mid05.png);
	background-repeat:repeat-y;
}

@media screen and (max-width: 640px) {
.long {
	width:auto;
	background:none;
}
}

.purple:before {
	background:url(../images/bg_before05.png) no-repeat center top;
}
.purple:after {
	background:url(../images/bg_after05.png) no-repeat center bottom;
}

.peach:before {
	background:url(../images/bg_before08.png) no-repeat center top;
}
.peach:after {
	background:url(../images/bg_after08.png) no-repeat center bottom;
}


.epDetails span {
	margin:0px 20px;
	font-size:94%;
	font-weight:bold;
	line-height:160%;
	color:#DA1248;
}

@media screen and (max-width: 640px) {
.epDetails span {
	margin:0px auto;
}
}

/* #page1 .epDetails {
	border-top:2px dotted #FF9F00;
}
#page2 .epDetails {
	border-top:2px dotted #80CE00;
} */

.epDetails h4 {
	font-size:142%;
	margin:0px 20px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:126%;
}

@media screen and (max-width: 640px) {
.epDetails h4 {
	margin:0px auto 10px 0px;
}
}

.green h4 {
	color:#00A42D;
}
.pink h4 {
	color:#F998CA;
}
.skyblue h4 {
	color:#38cbf5;
}
.orange h4 {
	color:#EB9667;
}
.purple h4 {
	color:#9B7AE4;
}
.blue h4 {
	color:#6C99DC;
}
.lime h4 {
	color:#A5E157;
}
.peach h4 {
	color:#E572DA;
}

.epDetails p {
	font-size:116%;
	line-height:164%;
	text-align:justify;
}
.epDetails p.imgNo {
	margin:0px 20px;
}

@media screen and (max-width: 640px) {
.epDetails p.imgNo {
	margin:0px auto;
}
}

.epDetails p img {
	max-width:280px;
	height: auto;
	margin:15px auto 0px auto;
	display:block;
	margin-left:auto;
	text-align:center;
}

@media screen and (max-width: 640px) {
.epDetails p img {
	max-width:100%;
	width:auto;
	height:auto;
	display:block;
	margin:15px auto 0px auto;
}
}

.miniImg {
	float:right;
}


.epDetails p.imgYes {
	width:315px;
}

@media screen and (max-width: 640px) {
.epDetails p.imgYes {
	margin:auto;
	width:auto;
	float:none;
}
}


/* 東京・甲子園行き来き*/
.btn_epOther {
	margin:28px auto 10px auto;
	width:336px;
}
.btn_epOther img {
	width:100%;
}
@media screen and (max-width: 640px) {
.btn_epOther {
	margin:20px auto 15px auto;
	width:88%;
}

}




/* バックナンバー
------------------------------------------------------------------------------------------*/
.kidz_backNumber {
	width:700px;
	margin:0px auto;
	padding:0px;

	}
@media screen and (max-width: 640px) {
.kidz_backNumber {
	width:auto;
	}
}

.kidz_backNumber h3 {
	margin:0px auto 0px auto;
	background: url(../images/txt_backumber01.png) no-repeat left center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height:65px;
}
@media screen and (max-width: 640px) {
.kidz_backNumber h3 {
	background: url(../images/sp_txt_backumber01.png) no-repeat left center;	background-size:100%;
	color:#FFFFFF;
	width:94%;
	height:auto;
	padding-top:11%;
	}
}

.kidz_backNumber ul {
	margin-left:-40px;
	}

.kidz_backNumber ul li {
	margin-bottom:16px;
	list-style:none;
	background: url(../images/btn_backnumber01.png) no-repeat left top;
	padding:0px 0px 20px 20px;
	vertical-align:middle;
	font-size:108%;
	border-bottom:1px dotted #666666;
	}
.kidz_backNumber ul li span {
	color:#DA1248;
	font-weight:bold;
	}

.kidz_backNumber ul li a {
	background-color:#FFFFFF;
	color:#FFFFFF;
	margin-right:2%;
	margin-bottom:2%;
	padding:1% 1%;
	font-size:90%;
	}

.kidz_backNumber ul li a.bkT {
	border-radius: 6px;
	border:2px solid #FF8300;
	color:#FF8300;
	font-weight:bold;
	}
.kidz_backNumber ul li a.bkK {
	border-radius: 6px;
	border:2px solid #78D100;
	color:#78D100;
	font-weight:bold;
	}

@media screen and (max-width: 640px) {
.kidz_backNumber ul {
	background: none;
	margin-left:-30px;
	width:92%;
	}
.kidz_backNumber ul li {
	background: none;
	margin:2% 0px 0px 0px;
	padding:3% 0px 3% 1%;
	width:auto;
	vertical-align:left;
	box-sizing:border-box;
	}
.kidz_backNumber ul li a {
	display:block;
	margin:1% 0%;
	}
}

.close {
	font-size:158%;
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: center;
	background: url(../images/btn_close01.png) no-repeat center top;
	color: #FFFFFF;
	width: 141px;
	height:36px;
	/*border:solid 1px #8A8A7B;
	border-radius: 6px;	*/
}

@media screen and (max-width: 640px) {
.close {
	background-image:none;
	background-color: #8A8A7B;
	border:solid 1px #8A8A7B;
	border-radius: 6px;
	box-sizing:border-box;
}
}

.close a {
	display:block;
	width: 100%;
	height:100%;
	color: #FFFFFF;
	text-decoration: none;
	padding:2% 1%;
}

/*フッタ
------------------------------------------------------------------------------------------*/
#footerOut {
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	background-color: #A90D49;
	}
@media screen and (max-width: 640px) {
#footerOut {
	margin:0px auto 0px auto;
}
}

#footerIn {
	margin:0px auto 0px auto;
	padding:68px 0px 0px 0px;
	width:798px;
	color:#FFFFFF;
	background:url("../images/bg_ft01.png") no-repeat center top;
	}

@media screen and (max-width: 640px) {
#footerIn {
	padding:15px 0px 0px 0px;
	width:96%;
	background:none;
}
}

#footerIn a {
	color:#FFFFFF;
	}

/* ロゴ */
.footerLogo {
	text-align: left;
	font-size:100%;
	width:50%;
	float:left;
	margin:0px auto 12px auto;
}
@media screen and (max-width: 640px) {
.footerLogo {
	margin:0px auto 6% auto;
	}
}

.footerLogo img {
	margin-right:10px;
	vertical-align:middle;
	width:154px;
}

/* フッタナビ */
.footerNavi {
	float:right;
	width:50%;
	}
@media screen and (max-width: 640px) {
.footerNavi {
	float:left;
	width:100%;
	text-align:left;
	}
}

#footerTopNavi {
	margin:0px 0px 18px 0px;
	padding:0px;
	height:15px;
	float:right;
	vertical-align:middle;
	}
@media screen and (max-width: 640px) {
#footerTopNavi {
	font-size:142%;
	float:none;
	height:auto;
	}
}

#footerTopNavi li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	font-size:93%;
	background:url("../images/btn_ft01.png") no-repeat left top;
	background-size:14px;
	line-height:14px;
	}
@media screen and (max-width: 640px) {
#footerTopNavi li {
	margin:0px 0px 4% 0px;
	}
}


#footerBtmNavi {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:18px;
	float:right;
	}
@media screen and (max-width: 640px) {
#footerBtmNavi {
	margin:0px 0px 6% 0px;
	float:none;
	height:auto;
	font-size:130%;	
	}
}

#footerBtmNavi li {
	margin:0px 0px 0px 7px;
	padding:0px 0px 0px 7px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	font-size:93%;
	border-left:1px solid #FFFFFF;
	}
@media screen and (max-width: 640px) {
#footerBtmNavi li {
	margin:0px 0px 3% 0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:none;
	border-left:none;
	text-decoration:underline;
	}
}


/* コピーライト */
#copyRight {
	clear:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:93%;
	}
@media screen and (max-width: 640px) {
#copyRight {
	clear:both;
	}
}