@charset "UTF-8";
/* ==================================================
	Main
================================================== */

#main_img{
text-align:center;
margin:0px auto 0px;
}



/* ==================================================
	#update
================================================== */

#update{
  width:90%;
  margin:0 auto 70px;
  border:solid 1px #959595;
}

#update h3 {
  float:left;
  width:20%;
  padding-top:20px;
  text-align:center;
}

#update h3 img{
  width:95px;
}
#update h3 span img {
  width:67px;
  display:block;
  margin:10px auto 0;
}
#update .update_body {
  max-height: 135px;
  overflow-y: auto;
  float:right;
  width:80%;
  padding:10px 0;
}
#update .update_body li {
  margin-top: 0;
  padding: 10px 0 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 1.4rem;
}

#update .update_body li a{
  color:#000;
  text-decoration:none;
}

#update .update_body li time {
  margin-bottom: 5px;
  color:#000;
  float:left;
  width:18%;
}


/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 1023px) {


#update{
  width:99%;
  margin:0 auto 30px;
}

#update .update_body {
  max-height: 250px;
  overflow-y: auto;
  float:right;
  width:70%;
}

#update h3 {
  width:30%;
  padding-top:20px;
}

#update .update_body li time {
  margin-bottom: 5px;
  display:block;
  float:none;
  width:100%;
}

#update h3 img{
  width:75px;
}
#update h3 span img {
  width:55px;
}

}

/* ==================================================
	#btn_area
================================================== */
#btn_area{
  background:#eff2f4 url(../images/bg_01_pc.png) no-repeat center 30px;
}

.btn_tt{
width:1064px;
margin:0 auto;
}

.bo_t_01{border-top:solid 1px #e2e2e1;border-left:solid 1px #e2e2e1;border-bottom:solid 1px #e2e2e1;}
.bo_t_02{border-top:solid 1px #e2e2e1;border-left:solid 1px #e2e2e1;border-bottom:solid 1px #e2e2e1;}

.bo_t_03{border-top:solid 1px #e2e2e1;border-right:solid 1px #e2e2e1;border-left:solid 1px #e2e2e1;border-bottom:solid 1px #e2e2e1;}

.btn_top{
float:left;
width:33.33%;
}

.btn_top img{
width:40%;
margin:15px auto;
}

.t_bg01:hover::after {background: #93cddd;}
.t_bg02:hover::after {background: #fac090;}
.t_bg03:hover::after {background: #b3a2c7;}
.t_bg04:hover::after {background: #ffdd71;}
.t_bg05:hover::after {background: #c3d69b;}
.t_bg06:hover::after {background: #95b3d7;}
.t_bg07:hover::after {background: #ff71af;}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.button {
	text-align: center;
	text-decoration: none!important;
	font-size:200%;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	display:block;
	padding:15px 0;
}

.button span{
	font-size:70%;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.button:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}



/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 924px) {
  #btn_area{
    padding:20px 20px;
    background-color:#eff2f4;
    background-image:none;
  }


.btn_tt{
width:180%;
}

.button {
	font-size:140%;
}

.button img{
	width:60%;
}


}

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

.btn_top{
float:none;
width:98%;
margin:auto;
}

.btn_top img{
width:70%;
}

.bo_t_01{border:#e2e2e1 solid 1px;}
.bo_t_02{border:#e2e2e1 solid 1px;}

.bo_t_03{border:#e2e2e1 solid 1px;}
.bo_t_04{border:#e2e2e1 solid 1px;}

}

/* ========== end △ */

/* ▽ PC layout ========== */
@media print, screen and (min-width: 1024px) {

  #btn_area{
    padding:30px 0;
  }

}



/* ==================================================
	#季節のおすすめスポットから探す！
================================================== */

#siki{
margin:50px auto;
width:1064px;
padding:30px 0 20px; 
background:url(../images/bg_04.png) no-repeat center 0,url(../images/bg_05.png) no-repeat center bottom,url(../images/bg_06.png) repeat-y center 0;
}

.siki_tt{
width:1064px;
margin:0 auto;
}

.siki_img{
text-align:center;
margin:auto;
width:920px;
}
.siki_img img{
width:60%;
}

.siki_img img:hover{
opacity:0.8;
}

.siki_dl{
width:520px;
margin:40px auto;
text-align:center;
}

.siki_dl dt{
font-weight:bold;
font-size:120%;
line-height:2.0;
}

.siki_dl dd{
width:430px;
margin:40px auto;
text-align:center;
}

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


.siki_tt{
width:180%;
}

#siki{
width:100%;
background-size:100%;
}

.siki_img{
width:90%;
}

.siki_dl{
width:80%;
margin:20px auto 0;
text-align:center;
}

.siki_dl dt{
font-size:105%;
}

.siki_dl dd{
width:100%;
margin:20px auto;
}

.siki_dl dt br{
display:none;
}

}

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

.siki_img{
width:80%;
}

.siki_img img{
width:50%;
}

.siki_img img.t_r{-webkit-border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; border-radius: 0px 5px 0 0; }
.siki_img img.d_l{-webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; }

}

.video{
  position:relative;
  width:60%;
  margin:30px auto 0;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

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

.video{
  width:80%;
}
}