@charset "utf-8";

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

	Title : family.css

===========================================================================
*/
/* *********************************************
*
*	PC view
*	
********************************************* */
	
/* --------------------------------
	キッズサブメニュー
--------------------------------　*/

#wrapper .mainCont .subArea{
	width: 210px;
	float: right;
	display: block;
	}
#wrapper .mainCont #submenu{
	box-shadow: 0px 0px 0px 0 rgba(221,221,221,0)!important;
	}
#wrapper .mainCont #familymenu{
	width: 206px;
	padding-top:10px;
	background: #e95a4d;
	box-shadow: 5px 5px 0px 0 rgba(221,221,221,1);
	margin-bottom:20px;
}
#wrapper #familymenu h1{
	display:block;
	width: 200px;
	height:138px;
	padding:15px 0px 0px;
	background:url(../images/subttl.jpg) no-repeat center top;
    text-indent: -9999px; 
	border:none;
}
#wrapper .family .subArea #familymenu ul{
	width: 206px;
	overflow: hidden;
	}
#wrapper .family .subArea #familymenu ul li{
	background: #fff;
	border-right:4px solid #e95a4d;
	border-bottom:4px solid #e95a4d;
	border-left:4px solid #e95a4d;
	font-size:15px;
	font-weight: bold;
	/*line-height:1.1;*/
	}
#wrapper .family .subArea #familymenu li a{
	padding:15px 10px;
	color:#e95a4d;
	font-weight: bold;
	text-decoration:none;
	display: block;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper .family .subArea #familymenu li a{
	padding:25px 10px 10px;
	}
	}
#wrapper .family .subArea #familymenu ul li.family-wakuwaku a,
#wrapper .family .subArea #familymenu ul li.family-plus a{
	padding:20px 10px;
	}
#wrapper .family .subArea #familymenu ul li a:hover,
#wrapper .family .subArea #familymenu ul li.act a{
	background: #fbe1df;
	}
#wrapper #familymenu p{
	width:198px;
	margin:5px auto 0;
	padding:5px 0px 10px;
	text-align: center;
	border-top:2px dotted #fff;
	}
#wrapper #familymenu p a:hover{
	filter: alpha(opacity=90);
	opacity:0.9;
	}

/* --------------------------------
	共通
--------------------------------　*/
#wrapper .mainCont{
	padding-bottom:0;
	font-size:18px;
	}
#wrapper .cntBox{
	min-height:812px;
	}
#wrapper .cntBox h2{
	margin:0px 0 20px;
	background-color:#e95a4d;
	padding:4px 15px 8px 15px;
	height:auto!important;
	color:#fff;
}
/*ルビなしの見出し*/
#wrapper .cntBox h2.noruby{
	padding:8px 15px 12px 15px;
	}
#wrapper .mainCont.family .cntBox .boxInner h3{
	font-size:18px;
	margin-bottom:25px;
	padding-bottom:0;
	background: url(../images/ico_h3.gif) no-repeat;
	background-position: left bottom 2px;
	background-position: left bottom\9;
	color:#e95a4d;
	border-bottom: solid 2px #e95a4d;
}
ruby { font-weight: inherit; }
ruby rp,
ruby rt { font-size: 10px; text-align: center; font-weight: inherit; padding:0; letter-spacing:-0.5px;}
ruby rb { font-weight: inherit; }
ruby rt {
	position: relative;
	top:5px;
	}
#wrapper .boxInner a img{
	transition:opacity .3s;
	}
#wrapper .boxInner a img:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	}
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrapper .cntBox h2{
		padding-top: 15px;
	}
	/*ルビなしの見出し*/
	#wrapper .cntBox h2.noruby{
		padding-top: 8px 15px 5px;
	}
}
/*IE11*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #wrapper .family .subArea #familymenu ul li{
	font-size:14px;
	}
  *::-ms-backdrop, #wrapper .cntBox h2{
	padding:3px 15px 12px 18px;
	}
 /*ルビなしの見出し*/
  *::-ms-backdrop, #wrapper .cntBox h2.noruby {
   padding: 10px 15px 10px!important;
  }
  *::-ms-backdrop, ruby rt {
	position: relative;
	top:0px;
	}
}
/*IE10*/
@media all and (-ms-high-contrast:none){
  #wrapper .family .subArea #familymenu ul li{
	font-size:14px;
	}
  #wrapper .cntBox h2{
	padding-bottom:5px;
	}
 /*ルビなしの見出し*/
  #wrapper .cntBox h2.noruby { 
	padding: 10px 15px 10px!important;
  }
  ruby rt {
	position: relative;
	top:0px;
	}
}

/* --------------------------------
	開催日時のお知らせ date index.html
--------------------------------　*/
.family #wrapper .boxInner{
	padding-top:0;
}
#wrapper .main{
	padding-bottom:20px;
}
#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:#fcfcfc;
}
#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;
}

/*index.html※ファミリーコーナープラス追加*/
.family h4{
	margin-bottom: 20px;
	border-left:none!important;
	padding:0!important;
	}
.family dl.gry_bg{
	margin-bottom: 20px;
	padding:10px;
	background: #eee;
	}
.family dl dt{
	font-weight: bold;
	}
.family dl dt,
.family dl dd{
	margin-bottom:15px;
	}
.family .flt{
	overflow: hidden;
	}
.family .box{
	width:50%;
	float:left;
	}
.family .box .btn1{
	margin-top: 20px;
	}	
.family .box .btn2{
	margin-top: 40px;
	}	
.family .box p{
	text-align: center;
	}
.family .font-rd{
	color:#e95a4d;
	}
.family .font-nv{
	color:#152e91;
	}

/* --------------------------------
	会場への行き方　map
--------------------------------　*/
#wrapper .boxInner .map{
	padding:0 0 25px 5px;
}

/* --------------------------------
	わくわくフロア
--------------------------------　*/
.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:0 25px 10px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner ul{
	padding-bottom:20px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner p.bt{
	line-height:2;
	margin-bottom:30px;
}
.wakuwaku #wrapper .mainCont.family .cntBox .boxInner ul li{
	line-height:1.5;
}
.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;
}

/* --------------------------------
	クーポン　coupon
--------------------------------　*/
#wrapper .boxInner .coupon{
	overflow: hidden;
	_zoom:1;
	padding:18px 0 18px 0px;
	margin:0 0 10px 0px;
}
#wrapper .boxInner .coupon p{
	/*width:50%;*/
	padding:0;
	float:left;
}
#wrapper .boxInner .coupon .poster{
	width:405px;
	padding:0!important;
}
#wrapper .boxInner .coupon .print{
	width:286px;
	padding:0 0 0 1%!important;
	float:right;
	}

/* --------------------------------
	ステージショウ　stage
--------------------------------　*/
.stage .ttl{
	border-radius:5px;
	border:1px solid #e95a4d;
	font-size:18px;
	height:auto;
	padding:7px 10px 0px;
	margin-bottom:20px;
	text-align:center;
	line-height:1.4;
	background: #fdeeed;
}
.stage h3 span{
	font-size:14px;
	}
.stage .lead{
	padding:0px 0 20px 0px;
	margin-bottom:0;
	border-top:none;
}
.stage .chara{
	padding-left:32px;
	margin-bottom:0;
}
.stage .stageShow{
	width:100%;
	border:none;
	margin-top:30px!important;
	text-align:center;
}
.stage .stageShow th{
	text-align:center;
}
.stage .stageShow td{
	width:49%;
	padding:0;
	border-right:2px solid #fff;
	border-top:none;
	border-bottom:none;
	border-left:none;
	}
.stage .stageShow td img{
	width:100%;
	height:auto;
	}
.stage .stageShow td:nth-child(2){
	padding:0;
	border-right:none;
	}
.stage .kome li{
	width:100%;
	font-size:14px;
	text-indent:-3em;
	padding-left:3em;
	text-align: left;
}
.stage p img{
	width:100%;
	height:auto;
	}

/* --------------------------------
	参加メーカー　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;
	font-size:22px;
	padding:20px 30px 40px;
	margin-bottom:75px;
	overflow: hidden;
	_zoom:1;
	line-height:1.1;
}
#wrapper .boxInner .markerList ul{
	float:left;
}
#wrapper .boxInner .markerList ul.listL{
	width:250px;
	}
#wrapper .boxInner .markerList ul.listR{
	width:400px;
	}
#wrapper .boxInner .markerList li{
	margin:20px 0 0;
	padding-left:1em;
	text-indent:-1em;
}
#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;
}

/* --------------------------------
	会場マップ　map
--------------------------------　*/
#wrapper .boxInner .mapImg img{
	width:100%;
	height:auto;
	}

/* --------------------------------
	family pagetop
--------------------------------　*/
.common_pagetop {
	width: 1000px;
	padding:0 20px 20px 0;
	background: rgba(255, 255, 255, 0.9);
	text-align: right;
	margin: 0px auto 0;
	clear: both;
}
.common_pagetop a:hover{
	filter: alpha(opacity=50);
	opacity:0.5;
	}
/* ---------------------------------------
	plus/index.html 参加メーカー　sponsors
------------------------------------------　*/
.plus .markerList ul.listL{
	width:50%!important;
	}
.plus .markerList ul.listR{
	width:50%!important;
	}


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

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

/* --------------------------------
	SP キッズサブメニュー
--------------------------------　*/
#wrapper .mainCont .subArea {
	width: 100%;
	margin: 5% 0;
	float: none;
	display: block;
	position: static !important;
}
#wrapper .mainCont .subArea #familymenu {
	width: 90%;
	margin: 0 auto;
	float: none;
	display: block;
	top: 0px;
	left: 0px;
}
#wrapper #familymenu h1{
	width: 100%;
	height:auto;
	padding:10px;
	background:none;
    text-indent: 1px; 
	font-size:17px;
}
#wrapper .family .subArea #familymenu ul{
	width: 100%;
	 overflow: hidden;
	}

/* --------------------------------
	SP共通
--------------------------------　*/
#wrapper .cntBox{
	min-height:auto;
	}
#wrapper .cntBox .boxInner {
	padding:20px 13px;
}
/*@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 .mainCont.family .cntBox .boxInner h3{
	background: url(../images/sp_ico_h3.gif) no-repeat 0px bottom 2px;
	background-size: 34px 18px;
}
#wrapper .boxInner rt{
	font-size:9px;
}
#wrapper .main {
    padding-bottom: 0;
}

/* --------------------------------
	SP 開催日時のお知らせ date
--------------------------------　*/
#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;
}

/* --------------------------------
	SP クーポン　coupon
--------------------------------　*/
#wrapper .boxInner .coupon{
	border:none;
	width:100%;
	padding:0;
	margin:30px 0 0;
	text-align:center;
}
#wrapper .boxInner .coupon p{
	/*float:none;*/
	text-align:center;
}
#wrapper .boxInner .coupon .poster{
	width:48%;
	padding-left:0px!important;
	padding-right:2%;
}
#wrapper .boxInner .coupon .print{
	width:50%;
	padding:0px 0 20px 0!important;
}

/* --------------------------------
	SP ステージショウ　stage
--------------------------------　*/

.stage h3{
	background-position: left 7px!important;
}
.stage h3.ttl{
	width:auto;
	height:auto;
	border:none;
	font-size:16px;
	padding-bottom:10px;
	padding-bottom:0;
}
.stage h3 span{
	display:inline-block;
	text-align:left;
	margin-top:5px;
	margin-left:0;
	padding:0 0 0 1em;
	text-indent:-1em;
}
.stage .lead{
	font-size:14px;
	line-height:1.5;
	border-top:none;
}
.stage .chara{
	padding:2px 0 0;
}
.stage .stageShow th{
	display:none;
}
.stage table.date td{
	width:100%!important;
	border-right:none;
}
.stage .stageShow td{
	width:90%;
	padding:0;
	margin:0 auto 5%;
	border-right:2px solid #fff;
	border-top:none;
	border-bottom:none;
	border-left:none;
	}
.stage .stageShow td img{
	width:100%;
	max-width:auto;
	height:auto;
}
.stage .kome{
	margin-bottom: 30px;
	}
.stage .kome li{
	padding-left:20px;
	}

/* --------------------------------
	SP  参加メーカー　sponsors
--------------------------------　*/
#wrapper .boxInner .ttl{
	padding-bottom:0px;
}
#wrapper .boxInner .markerList{
	font-size:19px;
	border:none;
	padding:0 10px 10px;
	margin-bottom:0;
}
#wrapper .boxInner .markerList ul{
	float:left;
}
#wrapper .boxInner .markerList ul.listL{
	width:250px;
	}
#wrapper .boxInner .markerList ul.listR{
	width:400px;
	}
#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;
}
/* ---------------------------------------
	plus/index.html 参加メーカー　sponsors
------------------------------------------　*/
.plus .markerList ul.listL{
	width:100%!important;
	}
.plus .markerList ul.listR{
	width:100%!important;
	}
	
}

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

/* --------------------------------
	SP クーポン　coupon
--------------------------------　*/	
#wrapper .boxInner .coupon .poster{
	width:100%;
	padding-left:0px!important;
	padding-right:0;
}
#wrapper .boxInner .coupon .print{
	width:100%;
	padding:0px 0 20px 0!important;
}

/* --------------------------------
	SP 参加メーカー　sponsors
--------------------------------　*/
#wrapper .boxInner .markerList ul.listL{
	width:100%;
	}
#wrapper .boxInner .markerList ul.listR{
	width:100%;
	}
	
/* --------------------------------
	SP ステージショウ　stage
--------------------------------　*/	
	
	}