@charset "utf-8";

/* hanyou.css */

/*-----------------------------------------------
 __title
-----------------------------------------------*/

.maintitle-main {
	margin-top: 1em;
	padding: 10px 0;
	background: #f6f6f5;
}

.snsicon2 {
	display: none;
}

.snsforsp .snsicon2 {
	display: block;
}


/*-----------------------------------------------
 __left column
-----------------------------------------------*/

.maincolumn h3 {
	width: 95%;
	margin: 0 auto 1em auto;
}

.txtbox {
	width: 85%;
	margin: 0 auto 2em auto;
}

.txtbox img {
	text-align: center;
	margin: 0 auto 1em auto;
	display: block;
	max-width: 90%;
}

.row-btm {
	width: 100%;
}

.maincolumn {
	width: 100%;
	margin: 0 auto;
}

.nav_lineup {
	display: block;
	margin: 2em auto;
	padding: 1em;
	font-size: 110%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color: #000;
	border: 1px solid #323232;
	background: #fff;
	position: relative;
	text-align: center;
	width: 90%;
}

.nav_lineup:after {
	content: "\f138";
	color: #107bb8;
	margin-right: 7px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 40px;
	font-size: 30px;
	font-family: FontAwesome;
}

.slick-dots li button:before {
	font-size: 25px;
	content: '●';
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #107bb8;
}

.hanyouslider img {
	width: 100%;
}

.slick-next,
.slick-prev {
	width: 25px;
	height: 25px;
}

.slick-next {
	right: 10px;
	background: url(../../images/event/arrow_right_event.png) no-repeat;
	background-size: contain;
}
	
.slick-prev {
	left: 10px;
	background: url(../../images/event/arrow_left_event.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
	
.slick-next:before {
	content: "";
	margin-right: 7px;
	display: block;
	opacity: 100;
}
	
.slick-prev:before {
	content: "";
	margin-right: 7px;
	display: block;
	opacity: 100;
}

/*-----------------------------------------------
 __right column
-----------------------------------------------*/

.rightcolumn img {
	width: 90%;
	display: block;
	text-align: center;
	margin: 0 auto 15px auto;
}

/*-----------------------------------------------
 __breakpoint
-----------------------------------------------*/

@media (min-width: 1024px) {
	
	/* title */
	
	.maintitle-wrapper {
　		position: relative;
		height: 92px;
	}
	
	.maintitle-main {
		padding: 0 0 0 0;
		height: 92px;
	}
	
	.maintitle-main h2 {
		display: table-cell;
		vertical-align: middle;
		width: 880px;
		height: 92px;
	}
	
	.snsicon2 {
		display: table-cell;
		vertical-align: middle;
		padding: 0;
	}
	
	.snsforsp .snsicon2 {
		display: none;
	}
	
	/* left column */

	.slick-dots {
		bottom: -50px;
	}

	.maincolumn {
		width: 1000px;
		margin: 0 auto;
	}
	
	.maincolumn h3 {
		width: 95%;
		margin: 0 auto 1em auto;
	}
	
	.maincolumn > .hanyouslider +h3 {
		margin-top: 4em;
	}	

	.maincolumn p {
		width: 100%;
		margin: 0 auto 3em auto;
	}
	
	.txtbox {
		margin: 0 auto 2em auto;
		padding: 0;
		width: 85%;
	}
	
	.txtbox:after {
		content: "."; 
  		display: block; 
  		height: 0; 
  		font-size:0;	
  		clear: both; 
  		visibility:hidden;
	}

	.txtbox img {
		display: block;
		margin-bottom: 1em;
		float: right;
		clear: both;
		padding: 0 0 0 1.5em;
	}
	
	.nav_lineup {
		width: 250px;
	}
	
	.slick-next {
		right: 25px;
	}
		
	.slick-prev {
		left: 25px;	
	}
	
	/* right column */
	
	.rightcolumn img {
		width: 100%;
		margin: 0 0 15px 0;
	}	
	
}