@charset "utf-8";

/*
===========================================================================

	Title : visitor.css

===========================================================================
*/


/* *********************************************
*
*	PC view
*	
********************************************* */

/* PC cms area
---------------------------------------------------------------- */
/* --------------------------------
	family 共通
--------------------------------*/　
	
/* --------------------------------
	キッズサブメニュー
--------------------------------　*/

#wrapper .family .subArea{
	display: block;
	width: 100%;
	margin:  10px 0 20px 0;
	border: 1px solid #e95a4d;
	padding: 5px; 
	position: absolute;
}
#wrapper .family .subArea #familymenu{
	background: #e95a4d;
	width: 200px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
#wrapper .family .subArea #familymenu h1{
	display:block;
	color:#fff;
	font-weight: bold;
	font-size: 1.4em;
	height:112px;
	background:url(../images/subttl.jpg) no-repeat;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}
#wrapper .family .subArea ul {
	background-color: #FFF;
	display: block;
	width: 100%;
	padding:0;
/*	border: 1px solid #e95a4d;*/
}

#wrapper .family .subArea ul li {
	display: block;
	width: 100%;
/*	border-bottom: 1px dotted #e95a4d;
*/	font-size: 1.2em;
	line-height: 1.4;
}

#wrapper .family .subArea #familymenu ul li a {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 1.5em;
	text-indent: -0.8em;
	color: #333;
}
#wrapper .family .subArea #familymenu ul li a.parents-link,
#wrapper .family .subArea #familymenu ul li a.current-link,
#wrapper .family .subArea #familymenu ul li a:hover { background-color: #D6DADF; }

#submenu ul li a .icon { color: #2E3F51; }


#wrapper .family .subArea #familymenu ul li a { padding: 0; }

#wrapper .family .subArea #familymenu ul li a.parents-link,
#wrapper .family .subArea #familymenu ul li a.current-link,
#wrapper .family .subArea #familymenu ul li a:hover { background-color: #F3D7D5; }

#wrapper .family .subArea #familymenu ul li a .icon { color: #C2382B; }

#wrapper .family .subArea #familymenu ul li a {
	display: block;
	width: 100%;
	height: 44px;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background: url(../images/subnav.jpg) no-repeat;
}

#wrapper .family .subArea #familymenu li a:hover{
	background: url(../images/subnav_on.jpg) no-repeat;
}


#wrapper .family .subArea #familymenu ul .family-date a,
#wrapper .family .subArea #familymenu ul .family-date a:hover { background-position: 0 0; }
#wrapper .family .subArea #familymenu ul .family-access a,
#wrapper .family .subArea #familymenu ul .family-access a:hover  { background-position: 0 -44px; }
#wrapper .family .subArea #familymenu ul .family-sponsors a ,
#wrapper .family .subArea #familymenu ul .family-sponsors a:hover{ background-position: 0 -88px; }
#wrapper .family .subArea #familymenu ul .family-stage a ,
#wrapper .family .subArea #familymenu ul .family-stage a:hover{ background-position: 0 -132px; }
#wrapper .family .subArea #familymenu ul .family-map a ,
#wrapper .family .subArea #familymenu ul .family-map a:hover{ background-position: 0 -176px; }
#wrapper .family .subArea #familymenu ul .family-wakuwaku a,
#wrapper .family .subArea #familymenu ul .family-wakuwaku a:hover { background-position: 0 -220px; }
#wrapper .family .subArea #familymenu ul .family-coupon a,
#wrapper .family .subArea #familymenu ul .family-coupon a:hover { background-position: 0 -263px; height: 325px; }


.date #wrapper .family .subArea #familymenu ul .family-date a{
	background: url(../images/subnav_on.jpg) no-repeat 0 0;
}
.access #wrapper .family .subArea #familymenu ul .family-access a{
	background: url(../images/subnav_on.jpg) no-repeat 0 -44px;
}
.sponsors #wrapper .family .subArea #familymenu ul .family-sponsors a{
	background: url(../images/subnav_on.jpg) no-repeat 0 -88px;
}
.stage #wrapper .family .subArea #familymenu ul .family-stage a {
	background: url(../images/subnav_on.jpg) no-repeat 0 -132px;
}
.map #wrapper .family .subArea #familymenu ul .family-map a{
	background: url(../images/subnav_on.jpg) no-repeat 0 -176px;
}
.wakuwaku #wrapper .family .subArea #familymenu ul .family-wakuwaku a{
	background: url(../images/subnav_on.jpg) no-repeat 0 -220px;
}	

/* --------------------------------
	共通
--------------------------------　*/
#wrapper .mainCont.family .cntBox .boxInner h3{
    border-bottom: 1px solid #e95a4d !important;
    border-left: 12px solid #e95a4d !important;
	font-size:18px;
	margin-bottom:25px;
}

/* --------------------------------
	わくわくフロア
--------------------------------　*/
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner{
	font-size:18px !important;
	font-weight:bold;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner p,
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner ul{
	padding-left:25px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner ul{
	padding-bottom:20px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner p.bt{
	line-height:2;
	margin-bottom:15px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner ul li{
	line-height:1.5;
}
.wakuwaku #wrapper .mainCont.family .cntBox h2{
	padding: 14px 0 10px 72px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner h3{
	margin-bottom:12px;
}
	
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner h3.rubyttl{
	height:auto;
	padding:0 0 5px 11px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner dl.photo{
	padding-bottom:8px;
	border-top:1px solid #fff;
	box-shadow:0 -1px 0 #eee;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner dl.photo dt{
	color:#e95a4d;
	font-weight:bold;
	padding:16px 0;
}
/* --------------------------------
	開催日時のお知らせ date
--------------------------------　*/
.family #wrapper .boxInner{
	padding-top:0;
}

ruby { font-weight: inherit; }
ruby rp,
ruby rt { font-size: 10px; text-align: center; font-weight: inherit; }
ruby rb { font-weight: inherit; }

#wrapper .main{
	padding-bottom:20px;
}

#wrapper .cntBox h2{
	background-color:#e95a4d;
	padding:8px 0 8px 72px;
	height:auto!important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper .cntBox h2{
		padding-top: 30px;
		height:24px;
	}
}
#wrapper .boxInner table.date{
	font-size:18px;
	font-weight:bold;
	width: 718px;
}
#wrapper .boxInner table.date th,
#wrapper .boxInner table.date td{
	border:2px solid #ccc;
	background:#faf9f9;
}
#wrapper .boxInner table.date th{
	text-align:center;
	width: 157px;
	font-weight:bold;
}
#wrapper .family .boxInner .date tr th p{
	vertical-align:top;
	margin-bottom:0;
}
#wrapper .boxInner table.date td {
	padding-bottom:0;
}
#wrapper .boxInner table.date td span{
   font-size:16px;
   display:block;
   padding:5px 0 0;
}
#wrapper .boxInner table.date rb{
	letter-spacing:0.1em;
}
#wrapper .boxInner table.date td span rt{
	font-size:8px;
}
#wrapper .boxInner table.date td p{
	padding-bottom:16px;
	margin-bottom:0;
}
#wrapper .boxInner .attent{
	font-size:18px;
	line-height:2;
	padding:0 5px;
	margin-left:20px;
	padding-bottom:15px;
}

#wrapper .boxInner .redfont{
		color:#555;	
}
#wrapper .boxInner .attent li{
	text-indent:-1em;
}
#wrapper .boxInner .attent li ul{
	margin-top:-5px;
}

#wrapper .boxInner .attent rt{
	font-size:9px;
}
/* --------------------------------
	会場への行き方　map
--------------------------------　*/

#wrapper .boxInner .map{
	padding:0 0 25px 5px;
}

/* --------------------------------
	参加メーカー　sponsors
--------------------------------　*/
#wrapper .boxInner .ttl{
	padding-bottom:14px;
	font-size:18px;
}
#wrapper .boxInner .ttl,
#wrapper .boxInner .markerList{
	color:#555;
	font-weight:bold;
}
#wrapper .boxInner .markerList{
	border:2px solid #ee867d;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:24px;
	padding:30px 0 5px 40px;
	margin-bottom:75px;
	overflow: hidden;
	_zoom:1;
}

#wrapper .boxInner .markerList ul{
	float:left;
	width:330px;
	
}
#wrapper .boxInner .markerList li{
	width: 330px;
	float:left;
	letter-spacing:-0.05em;
	/*padding-bottom:25px;*/
	height:50px;
}
#wrapper .boxInner .markerList li.rubytxt{
	margin-top:-12px;
	padding-bottom:12px;
}
#wrapper .boxInner .markerList li.txt{
	text-indent:-1em;
	margin-left:24px;
	line-height:1.1;
	padding-bottom:25px;
}
#wrapper .boxInner .markerList li.txt2{
	padding-bottom:25px;
}



/* --------------------------------
	クーポン　coupon
--------------------------------　*/
.coupon #wrapper .cntBox h2{
	padding: 14px 0 10px 72px;
}

#wrapper .boxInner .coupon{
	overflow: hidden;
	_zoom:1;
	border:2px solid #ee867d;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width: 684px;
	padding:18px 0 18px 30px;
	margin:0 0 10px 4px;
}
#wrapper .boxInner .coupon p{
	float:left;
}
#wrapper .boxInner .coupon .poster{
	padding-right:24px;
}

/* --------------------------------
	ステージショウ　stage
--------------------------------　*/
.stage #wrapper .cntBox h2{
	padding: 14px 0 10px 72px;
}

.stage #wrapper .boxInner .ttl{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:2px solid #e95a4d;
	font-size:18px;
	height:auto;
	padding:7px 11px 7px;
	margin-bottom:20px;
	text-align:center;
	line-height:1.4;
}
.stage #wrapper .cntBox h3 span{
	font-size:14px;
	}

.stage  #wrapper .boxInner .lead{
	padding:0px 0 22px 10px;
	margin-bottom:0;
	border-top:none;
}
.stage  #wrapper .boxInner .chara{
	padding-left:32px;
	margin-bottom:0;
}

.stage  #wrapper .boxInner .stageShow{
	text-align:center;
	width:730px;
	margin-bottom:12px;
}
.stage  #wrapper .boxInner table.stageShow{
	width:100%;
	border:none;
	margin-bottom:0;
}
.stage  #wrapper .boxInner .stageShow th{
	text-align:center;
}
.stage  #wrapper .boxInner .stageShow td{
	width:49%;
	padding:0;
	border-right:2px solid #fff;
	border-top:none;
	border-bottom:none;
	border-left:none;
	}
.stage  #wrapper .boxInner .stageShow td:nth-child(2){
	padding:0;
	border-right:none;
	}
.stage  #wrapper .boxInner ul{
	overflow: hidden;
	_zoom:1;
	text-align:center;
	padding:5px 0 0 84px;
}
.stage  #wrapper .boxInner .kome{
	font-size:11px;
}

/* *********************************************
*
*	SP view
*	
********************************************* 
*/

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


/* sp .subArea .submenu
---------------------------------------------------------------- */

#wrapper .family .subArea #familymenu { position: static; width: auto; margin: 0 0 20px 0; padding:5px;margin:10px 13px;}

#wrapper .family .subArea #familymenu h1 {
		padding: 10px 0 10px 5px;
		font-size: 1.4em;
		text-indent: 0;
		overflow: auto;
		height: auto;
		text-indent:0;
}

#wrapper .family .subArea #familymenu ul li {
	border-bottom: 1px dotted #e95a4d;
}
#wrapper .family .subArea #familymenu ul li:last-child{
	border-bottom:none;
}
	
#wrapper .family .subArea #familymenu ul li a { padding: 10px 5px 10px 1.5em !important;text-decoration:none; }	
	
#wrapper .family .subArea #familymenu ul li a,
#wrapper .family .subArea #familymenu ul .family-coupon a ,
#wrapper .family .subArea #familymenu ul li a:hover,
#wrapper .family .subArea #familymenu ul .family-coupon a:hover{
		display: block;
		width: auto;
	    height:auto;
		overflow: auto;
		text-indent:1em;
		padding: 10px 5px 10px 1.5em;
		text-indent: -0.8em;
}
.date #wrapper .family .subArea #familymenu ul .family-date a,
.access #wrapper .family .subArea #familymenu ul .family-access a,
.sponsors #wrapper .family .subArea #familymenu ul .family-sponsors a,
.stage #wrapper .family .subArea #familymenu ul .family-stage a ,
.map #wrapper .family .subArea #familymenu ul .family-map a,
.wakuwaku #wrapper .family .subArea #familymenu ul .family-wakuwaku a,
#wrapper .family .subArea #familymenu h1,
#wrapper .family .subArea #familymenu ul li a,
#wrapper .family .subArea #familymenu ul li a:hover{
		background-image: none;
}
#wrapper .family .subArea #familymenu ul li.act{
	background-color: #F3D7D5;
}


/* sp .cntBox table
---------------------------------------------------------------- */

#wrapper .cntBox .boxInner {
	padding:0 13px;
}
#wrapper .cntBox h2{
	padding: 8px 0 8px 46px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper .cntBox h2{
		padding: 22px 0 6px 46px;
		height:22px;
	}
}
#wrapper .cntBox h2 rt{
	font-size:9px;
}
#wrapper .boxInner table.date{
	width:100%;
	border-bottom:1px solid #eee;
}
#wrapper .boxInner table.date th,
#wrapper .boxInner table.date td{
	display:block;
	border:none;
    font-size:14px;
}	
#wrapper .boxInner table.date th{
	width:auto;
	text-align:left;
	background:#eee;
	padding-left:16px;
}
#wrapper .boxInner table.date td span{
   font-size:14px;
   display:block;
   padding:5px 0 0;
}
#wrapper .boxInner .attent{
	font-size:14px;
	margin-left:0;
	line-height:1.5;
	padding:0 0 10px 5px;
}
#wrapper .boxInner .attent li{
	text-indent: 0;
	padding-bottom:15px;
}

#wrapper .boxInner rt{
	font-size:9px;
}

#wrapper .main {
    padding-bottom: 0;
}
/* sp .wakuwaku
---------------------------------------------------------------- */
.wakuwaku #wrapper .mainCont.family .cntBox h2{
	padding: 14px 0 10px 46px;
}
/* sp .sponsors
---------------------------------------------------------------- */
#wrapper .boxInner .ttl{
	padding-bottom:20px;
}
#wrapper .boxInner .markerList{
	font-size:19px;
	border:none;
	padding:0 0 10px 0;
	margin-bottom:0;
}
#wrapper .boxInner .markerList li{
	float:none;
	height:19px;
	padding-bottom:17px;
}
#wrapper .boxInner .markerList li.rubytxt{
	height:29px;
	margin-top:-7px;
	padding-bottom:17px;
}
#wrapper .boxInner .markerList li.txt{
    margin-left:19px;
	line-height:18px;
	padding-bottom:0;
}
#wrapper .boxInner .markerList li.txt,
#wrapper .boxInner .markerList li.txt2{
    margin-bottom:17px;
}
/* sp .coupon
---------------------------------------------------------------- */
.coupon #wrapper .cntBox h2{
	padding: 14px 0 10px 46px;
}

#wrapper .boxInner .coupon{
	border:none;
	width:auto;
	padding:0;
	margin:0;
	text-align:center;
}

#wrapper .boxInner .coupon .poster{
	padding-right:0;
}
#wrapper .boxInner .coupon p{
	float:none;
	text-align:center;
}
#wrapper .boxInner .coupon .print{
	padding:15px 0 20px 0;
}

/* sp .stage
---------------------------------------------------------------- */
.stage #wrapper .cntBox h2{
	padding: 14px 0 10px 46px;
}
.stage #wrapper .boxInner h3.ttl{
	width:auto;
	height:auto;
	border:none;
	font-size:16px;
	padding-bottom:10px;
	padding-bottom:0;
}
.stage #wrapper .boxInner h3 span{
	display:inline-block;
	text-align:left;
	margin-top:5px;
	margin-left:0;
	padding:0 0 0 1em;
	text-indent:-1em;
}
.stage #wrapper .boxInner .lead{
	font-size:14px;
	line-height:1.5;
	border-top:none;
}
.stage #wrapper .boxInner .chara{
	padding:2px 0 0;
}
.stage #wrapper .boxInner .stageShow th{
	display:none;
}
.stage #wrapper .boxInner table.date td{
	width:100%;
	border-right:none;
}
.stage #wrapper .boxInner .stageShow td{
	width:100%;
	padding:0;
	margin-bottom:5%;
	border-right:2px solid #fff;
	border-top:none;
	border-bottom:none;
	border-left:none;
	}
.stage #wrapper .boxInner .stageShow td img{
	width:100%;
	height:auto;
}
/* sp .map
---------------------------------------------------------------- */
.map #wrapper .cntBox h2{
	padding: 22px 0 10px 46px;
	letter-spacing:-0.1em;
}


}