@charset "Shift_JIS";

.top_caption{
	max-height : 100% ;
	font-size:10px;
	padding-top:10px;
	margin-top : 10px ;
	margin-bottom:20px;
	margin-left : 20px ;
	margin-right : 20px ; 
	color:#888;
	text-align: left;
	line-height : 15px ;
}

.indexcaptionicon{
	margin : 0px 1px 2px 1px;
	display: inline;
}


#top_contents {
	width:960px;
	margin:0px auto;
	padding:0px 0px 30px 0px;
}



#merit01,
#online{
	margin-top:10px;
}

#merit02{
	padding:10px 0px 0px 0px;
}

#b_merit {
	margin-top:10px;
}


#b_merit li{
	margin-bottom:10px;
}

#b_merit li.long{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#b_merit li.finish{
	float:left;
	margin-right:0px;
	margin-bottom:10px;
}


#info_body{
	padding:10px 0px 0px 0px;
}

#bana1, #bana2, #bana3{
	width:316px;
	float:right;
}

#bana1 li, #bana2 li, #bana3 li{
	margin-bottom:7px;
}

#main{
	margin-top : 10px ;
}

.wideMain{
	position: relative;
	width: 100%;
	max-width: 1280px;
	min-width: 960px;
	height: auto;
	margin: 10px auto 0 auto;
}

.wideMain img{
	width:100%;
}

/******************************************************
 information/inquiry
******************************************************/
#information{
	width:600px;
	float:left;
	min-height:400px;
}

#topics,#topicsSp{
	word-wrap: break-word;
}

#information img{
	margin:0px;
}
h3.information {
	width:100%;
	margin:10px 0px 0px 0px;
	overflow:hidden;
}

h3.information {
    display:block;
    cursor:pointer;
}

h3.inquiry {
	display: block;
	width: 100%;
	overflow: hidden;
}


/******************************************************
 bana_bord
******************************************************/

#bana_bord{
	margin-top:15px;
}

#bana_bord table{
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

#bana_bord table td{
	width:33%;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:20px 0px 20px 0px;
	text-align:center;
}

#bana_bord_sp {
	display:none;
}

#bana_bord img{
	margin-left : auto ;
	margin-right : auto ;
}

/******************************************************
 pickupContents
******************************************************/
h3.pickup_contents{
	display:none;
}

/******************************************************
 clear fix
******************************************************/
#info_body:after {
  display : block;
  clear : both;
  content : '';
}
#info_body {
  zoom : 1;
}


/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {

#info_body{ }


#top_contents {
	width:100%!important;
}

#merit01 img{
	width:100%;
}



#bana1{
	width:100%;
	margin-bottom: 10px;
}

#bana1 li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
}

#bana2{
	margin-top:10px;
	width:100%;
}
#bana3{
	margin-bottom:10px;
	width:100%;
}
#bana2 li,#bana3 li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
}
#bana2 .bnr_spFull,#bana3 .bnr_spFull{
  width: 100%;
}

#bana2 .bnr_spFull img,#bana3 .bnr_spFull img{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

  
#b_merit li{
	margin-right:0;
	margin-bottom:0;
	padding:0.5%;
	width:49%;
}

#b_merit li.long{
	margin-right:0;
	margin-bottom:0;
	padding:0.5%;
	width:99%;
}

#b_merit li.finish{
	margin-right:0;
	margin-bottom:0;
}


#b_merit li img{
	width:100%;
}
	
#panoBtnSpTop{
	position:fixed;
	right:10px;
	top:50%;
	width:30%;
	z-index:100;
}
	
#panoBtnSpTop a{
	display: block;
	margin-bottom:5px;
}


/******************************************************
 information/inquiry
******************************************************/

#information_area{ display:none; }

h3.information {
	width:100%;
	overflow:hidden;
    display:block;
    cursor:pointer;
    background-size: 100%!important;
}
h3.information.active{
	background: url(../images/top/h3_information_on.jpg) left top no-repeat;
}

div.information{
    background:#f2f2f2;
    width:100%;
    height:300px;
    text-align:center;
    display:none;
    overflow: auto;
}

#information-waku{
	width:95%;
	-webkit-overflow-scrolling: touch;
}

iframe.spframe{
	transform:scale(0.65);
	-o-transform:scale(0.65);
	-webkit-transform:scale(0.65);
	-moz-transform:scale(0.65);
	-ms-transform:scale(0.65);
	transform-origin:0 0;
	-o-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
}


/******************************************************
 bana_bord
******************************************************/
#bana_bord{
	display:none;
}
#bana_bord_sp {
	display: block;
	padding: 0px 50px;
	margin: 10px auto;
}
#bana_bord_sp img {
	width: 100%;
}

/******************************************************
 caption
******************************************************/

#caption {
margin: 0px 0px 0px 0px;
padding: 20px 20px;
font-size: 12px;
line-height: 1.4;
}

/******************************************************
 pickupContents
******************************************************/
h3.pickup_contents{
	display:block;
	width:100%;
	overflow:hidden;
}
.flex-viewport{
	margin-bottom:20px;
}

.flex-direction-nav .flex-next{
	right:-15px!important;
	top:35px;
}

.flex-direction-nav .flex-prev{
	left:-15px!important;
	top:35px;
}


#main{
	margin-top : 0px ;
}

.wideMain{
	width:100%;
	min-width:auto;
	min-width:initial;
	margin : 0 auto 0 auto;
}
	
	.sakumovie .floatLeft,.sakumovie .floatRight{
		width:50%;
	}
	
	.sakumovie .floatLeft img,.sakumovie .floatRight img{
		width:100%;
	}


}

.bnr_camp{
	width:801px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 640px) {
	.bnr_camp{
		max-width:100%;
	}
	
	.bnr_camp img{
		width:100%;
	}
}

/******************************************************
 スライドアニメーション
******************************************************/
.fixedBadge {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 150px;
  height: 150px;
  z-index: 10; /* ← これ重要 */
  pointer-events: none; /* ← クリック邪魔しない */
}

.fixedBadge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.copy {
  position: absolute;
  z-index: 10;
}

.copy img {
  display: block;
  width: auto;
}

/* 左下 */
.leftBottom {
  bottom: 10%;
  left: 5%;
}

/* 右上 */
.rightTop {
  top: 10%;
  right: 5%;
}

/* ★ slide03専用調整 */
.fix03 {
  display: block;
  top: 10%;
  right: 45%; /* ←少し内側へ */
}

.slidecaptxt {
    font-size: 10px;
    line-height: 1.5em;
}
.slidecaption{
	position: absolute;
    bottom: 10px;
    right: 10px;
	color: #ffffff;
    font-feature-settings: "palt" 1;
    text-shadow: 0 0 10px black, 0 0 10px black;
}
.swiper-slide {
	position: relative;
  overflow: hidden;
}

.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* SP */
@media screen and (max-width:768px){
  .copy img{
    max-width: 300px;
  }
  .fix03 {
   display: block;
   top: 10%;
   right: 75%; /* ←少し内側へ */
}

  .fixedBadge {
	top: 10px;
    left: 10px;  
    width: 80px;
    height: 80px;
  }
  .slide01 .copy img {
  display: block;
  width: 70%;
}
	
}