@charset "utf-8";

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

□NAME : index.css

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


 .flexslider .clone{
	 display:block !important;
 }

/*----------------------------------------------------

    ★index
	
----------------------------------------------------*/

.pbtnleft{
	width:100%;
}
.pbtnright{
	width:100%;
}
.hdRight{
	float:right;
}
/*
header ul:after{
	content:"";
	clear:both;
	display:block;
}
header ul{
	float:right;
	width:100%;
}
header ul li{
	float:right;
	margin-left:1%;
} */
#pageA .prev{
	display:none;
}
#pageB .next{
	display:none;
}
/* ul.btnMr{
	float:left;
	width:100%;
}
ul.btnMr {
	margin-top:15px;
}
*/
ul.btnMr li{
	float:left;
}
ul.btnMr li a{
	background:#fff;
	border:#eb6699 3px solid;
	border-radius:2px;
	padding:7px 10px;
	color:#eb6699;
	display:block;
	font-size:11px;
}
.flR.hdBnr {
    width: 100%;
    margin-right: 55px;
}
.flR.hdBnr p.brn_left {
    display: inline-block;
    float: left;
    width: 40%;
}
.flR.hdBnr p.brn_right {
    display: inline-block;
    float: right;
    width: 40%;
}
#pageA .p1 a{
	background:#eb6699;
	color:#fff;
}
#pageB .p2 a{
	background:#eb6699;
	color:#fff;
}
footer ul.btnMr{
	margin:20px auto 0;
	float:none;
}
footer ul.btnMr li{
	margin-left:7px;
}


@media screen and (max-width: 768px) {
	.hdRight{
		float:none;
		width:100%;
	}
	header ul:after{
		content:"";
		clear:both;
		display:block;
	}
	header ul{
		float:none;
		width:100%;
	}
	header ul li{
		float:left;
		margin-left:7px;
	}
	ul.btnMr{
		float:none;
		margin:0 auto 20px;
	}
	ul.btnMr li a {
		padding: 4px 6px;
	}
}


#index{
	color:#e54280;
	font-size:20px;
}
#index #mv{
	margin-bottom:0;
	overflow:hidden;
}
#index #mv ul.nav{
	background:#eb6699;
	padding:20px;
}
#index #mv ul.nav li a{
	float:left;
	width:24%;
	display:block;
	background:#e24481;
	color:#fff;
	font-size:24px;
	text-decoration:none;
	padding:25px 0;
	border-radius:3px;
	margin-right:1%;
}
#index #mv ul.nav li:last-of-type{
	margin-right:0;
}
#index #mvFt .txt01{
	margin-bottom:50px;
}
#index #contents{
	text-align:center;
}
#index a:link,
#index a:visited,
#index a:active{
	color:#e54280;
	text-decoration:underline;
	font-weight:bold;
}
#indNews{
	background:url(../../img/index_news_bg.gif) repeat;
	padding:70px 50px;
	text-align:center;
}
#indNews h2{
	margin-bottom:30px;
}
#index .btnList li{
	float:left;
	width:32%;
	margin-right:2%;
	text-align:center;
}
#index .btnList li a{
	display:block;
	padding:40px 0;
	border-radius:3px;
	text-align:center;
	background:#e54280;
	color:#fff;
	font-size:22px;
	text-decoration:none;
}
#index .btnList li:last-of-type{
	margin-right:0;
}
#index .btnList02 {
	margin-top:25px;
}
#index .btnList02 li{
	margin-bottom:5px;
}
#index .btnList02 li a{
	display:block;
	padding:10px;
	border-radius:3px;
	color:#e54280 !important;
	text-align:center;
	background:#fce4ee;
	font-size:10px;
	text-decoration:none;
	line-height:1;
}
#index #contents #indVol01 h2{
	margin-bottom:40px;
}
#index #contents section {
    max-width: 1300px;
    width: 100%;
}
#index #contents .mapWrap img{
	width:100%;
}
#index #indMovie{
	background:url(../../img/index_movie_bg.gif) no-repeat;
	width:1006px !important;
	max-width:1006px !important;
	height:595px !important;
	padding:50px 80px !important;
	margin:0 auto !important;
	text-align:left !important;
}


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

	#index #indMovie{
		background:#fce4ee;
		border-radius:20px;
		width:100% !important;
		max-width:100% !important;
		height:460px !important;
		padding:30px 30px !important;
	}
	#index #indMovie object{
		width:100% !important;
		height:400px !important;
	}
}

@media screen and (max-width: 768px) {
	
	 .pc{
		 display:none !important;}
		 
		 .sp{
		 display:block !important;
	 }
	header ul{
		float:none;
		width:100%;
	}
	header ul li{
		float:left !important;
		width:50%;
		margin-left:0;
	}
	
	header ul li.hd_left {
    float: left !important;
    width: 50%;
    margin-left: 0;
}
	
	header ul.btnMr li{
		float:left;
		width:auto;
		margin-left:4px;
	}
	header ul.btnMr li a{
		padding:4px 6px;
	}
	ul.btnMr {
		width: 110px;
	}s


	#index #mvFt{
		margin-bottom:0;
	}
	#index{
		font-size:11px;
	}
	#index #mv img{
		width:140%;
		max-width:140%;
		margin-left:-45px;
	}
	#index .btnList li a{
		padding:20px 0;
		font-size:11px;
		letter-spacing:0.02em;
	}
	#indNews h2{
		margin-bottom:15px;
	}
	#index #mvFt .txt01{
		margin-bottom:20px;
	}
	#indNews{
		padding:35px 30px;
	}
	#indNews h2 img{
		height:30px;
	}
	#index #contents {
		padding: 30px 20px !important;
	}
	#index #contents section {
		margin-bottom: 40px !important;
	}
	#index #contents #indVol01 h2{
		margin-bottom:20px;
	}
	#index #contents #indVol01 h2 img{
		height:60px;
	}
	#index #mv ul.nav{
		padding:10px;
	}
	#index #mv ul.nav li a{
		font-size:12px;
		padding:20px 0;
	}
	
	
	#index #indMovie{
		background:#fce4ee;
		border-radius:20px;
		width:100% !important;
		max-width:100% !important;
		height:230px !important;
		padding:20px 30px !important;
	}
	#index #indMovie video{
		width:100% !important;
		height:200px !important;
	}
}



/*----------------------------------------------------

    vol02 MAP
	
----------------------------------------------------*/




@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(-4deg); }
  100% {
    -webkit-transform: rotate(4deg); } }
@-moz-keyframes shake {
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }
@-o-keyframes shake {a
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }
@keyframes shake {
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }