/*====================================================================================================
  SUB COMMON
====================================================================================================*/

/* SB LOGO*/
#subpage .maincome { padding:80px 0; text-align: center;}
#subpage .maincome .sblogo { text-align:center;}
#subpage .maincome .sblogo { margin-bottom: 50px;}
#subpage .maincome .come { margin: auto; max-width: 600px;}
#subpage .maincome .come b { font-size:150%;}

/* DOT BOX */
#subpage .dot_box { clear: both; position: relative; margin: 0 5%; padding: 30px 0; border-top:4px dotted #000; border-bottom:4px dotted #000;}
#subpage .dot_box+.dot_box { border-top:none;}
#subpage .dot_box:after { /*float_clear*/ display:block; clear:both; content:"";}
#subpage .dot_box h3 {clear: none;}
#subpage .dot_box .come_l { float: left; margin:0 1%; width:48%;}
#subpage .dot_box .come_r { float: right; margin:0 1%; width:48%;}
#subpage .dot_box .come1 {margin:0 1%;}
#subpage .dot_box .come2 { padding:0 1% 30px 200px;}

/* BG BOX */
#subpage .bg_box { position: relative; margin-top:10%; padding: 5%; background: url(../img/bg5.jpg);}
#subpage .bg_box:after { /*float_clear*/ display:block; clear:both; content:"";}
#subpage .bg_box .come { position: relative; padding:3% 0; text-align:center;}
#subpage .bg_box .dot_box { position: relative; margin: 0; padding:5% 0; border: none;}

/*====================================================================================================
  MANGA KOUSHIEN
====================================================================================================*/
#koushien {
	padding:80px 0;
	background:#ECDC41 url(../img/bg1.jpg) no-repeat top center;
	background-size: 100% auto;
}
#koushien .maincome {
	margin-bottom:10%;
	padding-bottom:350px;
	background:url(../../koushien/img/koushien_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

/* FUKIDASHI */
#koushien .fuki1,
#koushien .fuki2,
#koushien .fuki3 { margin: auto; text-align: center;}
#koushien .fuki1 { 
	position: absolute;
	top: -70px;
	left:-180px;
	padding-top:45px;
	width:162px;
	height:154px;
	color: #FFF;
	background: url(../../koushien/img/fuki1.png) no-repeat;
}
#koushien .fuki2 {
	position: absolute;
	top: -40px;
	left:0;
	right:0;
	padding-top:20px;
	width:315px;
	height:76px;
	background: url(../../koushien/img/fuki2.png) no-repeat;
}
#koushien .fuki3 {
	margin: 0 auto 10px;
	padding-top:20px;
	width:315px;
	height:76px;
	background: url(../../koushien/img/fuki2.png) no-repeat;
}

/**/
#koushien .dot_box dl {}
#koushien .dot_box dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#koushien .dot_box dl dt { float: left; width: 60%; color: #FFF; text-align: center; background: #000;}
#koushien .dot_box dl dd { float: right; width: 38%;}
#koushien .dot_box dl+dl { margin-top: 5px;}

/* SCHEDULE */
#koushien .schedule { padding-left:150px;}
#koushien .schedule .dot_box:before{ 
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top: 0;
	left:-100px;
	width: 14px;
	height: 100%;
	background: #000;
}
#koushien .schedule .dot_box:last-child:before{ display: none;}
#koushien .schedule .dot_box .come_l { float:left; margin:0 3% 0 1%; width:46%;}
#koushien .schedule .dot_box .come_r { float:right; margin:0 1% 0 3%; width:46%;}

/* FUKIDASHI */
#koushien .box { clear: both; margin: 0 1%; padding:80px 0;}


/*====================================================================================================
  KOCHI MANGA FESTIVAL - MANSAI -
====================================================================================================*/
#mansai {
	padding:80px 0;
	background:url(../img/bg2.jpg) ;
	background-size: 100% auto;
}

/* FUKIDASHI */
#mansai .fuki1,
#mansai .fuki2,
#mansai .fuki3 { margin: auto; text-align: center;}
#mansai .fuki1 { 
	position: absolute;
	top: -50px;
	left: -40px;
	padding-top:45px;
	width:173px;
	height:164px;
	background: url(../../mansai/img/mansai_fuki1.png) no-repeat;
}
#mansai .fuki2 {
	position: absolute;
	top: -50px;
	right: -20px;
	padding-top:30px;
	width:196px;
	height:136px;
	background: url(../../mansai/img/mansai_fuki2.png) no-repeat;
}
#mansai .fuki3 { 
	padding-top:35px;
	width:334px;
	height:118px;
	background: url(../../mansai/img/mansai_fuki3.png) no-repeat;
}

/* BGBOX */
#mansai .bg_box .come { margin: auto; max-width: 500px;}
#mansai .bg_box .come:before,
#mansai .bg_box .come:after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 190px;
	height: 150px;
	background: #000;
}
#mansai .bg_box .come:before {top:-100px; left:-200px; background: url(../../mansai/img/hito1.png) no-repeat;}
#mansai .bg_box .come:after {bottom: 0; right:-200px; background: url(../../mansai/img/hito2.png) no-repeat;}


/*====================================================================================================
  MANGAKA DAIKAIGI
====================================================================================================*/
#daikaigi {
	padding:80px 0;
	background:#E44B2A url(../img/bg3_sb.png) no-repeat top center;
	background-size: 100% auto;
}

/* FUKIDASHI */
#daikaigi .fuki1,
#daikaigi .fuki2,
#daikaigi .fuki3,
#daikaigi .fuki4,
#daikaigi .fuki5,
#daikaigi .fuki6 { margin: auto; text-align: center;}
#daikaigi .fuki1 { 
	position: absolute;
	top: -50px;
	left: -20px;
	padding-top:25px;
	width:196px;
	height:136px;
	background: url(../../daikaigi/img/fuki1.png) no-repeat;
}
#daikaigi .fuki2 {
	position: absolute;
	top: -50px;
	right: -20px;
	padding-top:45px;
	width:186px;
	height:139px;
	background: url(../../daikaigi/img/fuki2.png) no-repeat;
}
#daikaigi .fuki3 { 
	position: absolute;
	top: -50px;
	left: -20px;
	padding-top:40px;
	width:173px;
	height:164px;
	background: url(../../daikaigi/img/fuki3.png) no-repeat;
}
#daikaigi .fuki4 {
	margin: auto;
	padding-top:20px;
	width:284px;
	height:107px;
	background: url(../../daikaigi/img/fuki4.png) no-repeat;
}
#daikaigi .fuki5 { 
	margin: auto;
	padding-top:35px;
	width:334px;
	height:118px;
	background: url(../../daikaigi/img/fuki5.png) no-repeat;
        position: relative;
}
#daikaigi .fuki6 { 
	position: absolute;
	top: -50px;
	left: -20px;
	padding-top:45px;
	width:184px;
	height:154px;
	background: url(../../daikaigi/img/fuki6.png) no-repeat;
}

/* BGBOX */
/*#daikaigi .bg_box .come:before,
#daikaigi .bg_box .come:after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 190px;
	height: 150px;
	background: #000;
}
#daikaigi .bg_box .come:before {top:-100px; left:0; background: url(../../daikaigi/img/hito1.png) no-repeat;}
#daikaigi .bg_box .come:after {bottom: 0; right: 0; background: url(../../daikaigi/img/hito2.png) no-repeat;}*/


#daikaigi .fuki5:before,
#daikaigi .fuki5:after { 
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 190px;
	height: 150px;
}
#daikaigi .fuki5:before {bottom:0; left: -160px; background: url(../../daikaigi/img/hito1.png) no-repeat;}
#daikaigi .fuki5:after {bottom: 0; right: -190px; background: url(../../daikaigi/img/hito2.png) no-repeat;}

/*====================================================================================================
  TOURIST SPOT
====================================================================================================*/
#spot {
	padding:80px 0;
	background:#E9E9E9 url(../img/bg4_sb.jpg) no-repeat top center;
	background-size: 100% auto;
}

/* AREA */
#spot .area { position: relative; margin:30px 50px; height:600px;}
#spot .area .mid {
	position: absolute;
	top:50px;
	font-family: 'Barlow', sans-serif;
	font-size:65px;
	font-weight:bold;
	line-height:100%;
	color:#606060;
}
#spot .area .map {}
#spot .area .come { position: absolute; right: 0; bottom:30px; width: 60%;}


/* TAB */
#spot ul#tab {
	margin: 0;
	padding: 0 50px;
	width:100%;
	height:74px;
	border-bottom: 14px solid #000;
	list-style: none;
}
#spot ul#tab li {
	cursor: pointer;
	float: left;
	position: relative;
	top:0;
	margin: 0;
	padding:25px 0 0;
	width: 33.3%;
	height: 60px;
	text-align: center;
	color: #FFF;
	font-family: 'Barlow', sans-serif;
	font-size: 35px;
	list-style: none;
	transition: all 0.3s;
}
#spot ul#tab li:hover { position: relative; top:-20px; height:100px;}
#spot #tab li:nth-child(1) { background: url(../../spot/img/tab1.png) no-repeat;}
#spot #tab li:nth-child(2) { background: url(../../spot/img/tab2.png) no-repeat;}
#spot #tab li:nth-child(3) { background: url(../../spot/img/tab3.png) no-repeat;}
#spot #tab li.select {height: 100px;}
#spot .disnon { display: none;}
#spot .content_area { padding: 5%;}
#spot .content_area:after { /*float_clear*/ display:block; clear:both; content:"";}

/* LIST */
#spot .box { float:left; margin:3%; width:44%;}
#spot .box:nth-child(2n+1) { clear: both;}
#spot .box .photo img { width: 100%; height: auto;}
#spot .box h3 { padding:20px 10px 10px;}
#spot .box .come { padding:0 10px;}