@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/
.contents li, .contents dt, .contents dd {
        font-size: 0px;
        line-height: 0px;
    }
.contents{ background:url(../images/bg.gif); padding-bottom:20px; margin-bottom:40px; width:960px; margin:0 auto;}
.Mt10{margin-top:10px;}

/*	タイトル
----------------------------------*/
@media screen and (min-width: 960px) {
  ._smp {
    display: none;
  }
}


  .ttl{
	width:960px;
	height:290px;
	position:relative;
	text-align:center;
	background:url(../images/ttl_bg.gif) top no-repeat;
}
.ttl .cap{ padding-top: 60px;}
.ttl .cap img{ width: auto;}
._pc img{ width: auto;}
h1._pc {
	margin-top: -7px;
}
.ttl .txt{
	position:absolute;
	width:500px;
	height:auto;
	top:160px;
	left:230px;
	text-align:center;
	font-size:14px;
	line-height:15px;
	line-height:1.5;
	letter-spacing: 0px;
}

.MenuHelp {
	width:960px;
	height:60px;
	overflow:hidden;
	z-index:1;
  transform: translate3d(0, 0, 0);
}
.MenuHelp li{float:left;}
.fixed {
    position: relative !important;
    top: 0;
	}
*:first-child+html .fixed {
    position: relative !important;
    top: 0;
	}
.MemberBox{
	width:890px;
	height:auto;
	margin:20px 0 20px 70px;
	overflow:hidden;
	/*background:url(../images/bg1.gif) no-repeat bottom right;*/
}
.MemberBox li{float:left; margin:0 15px 20px 0;background:#fff1c8;}
.TourBox{
	width:890px;
	height:auto;
	margin:20px 0 20px 70px;
	overflow:hidden;
}
.TourBox li{float:left; margin:0 15px 20px 0;background:#fff1c8;}
.TourBox .Tour01{
	width:260px;
	height:360px;
	position:relative;
}
.TourBox .Tour01 div{position:absolute;top:95px; left:25px;}
.TourBox .Tour01 div p{	margin-bottom:5px;}
.TourBox .Tour05{
	width:260px;
	height:170px;
	position:relative;
}
.TourBox .Tour05 div{position:absolute;top:120px; left:15px; overflow:hidden;}
.TourBox .Tour05 div p{	margin-right:5px; float:left;}
.NetBox{
	width:890px;
	height:auto;
	margin:15px 0 0 70px;
	overflow:hidden;
	background:url(../images/bg2.gif) no-repeat bottom right;
}
.NetBox li{float:left; margin:0 15px 20px 0;background:#fff1c8;}


/*	下地写真
----------------------------------*/

/*	スマホ用
----------------------------------*/
@media print,screen and (max-width: 959px) {
  .contents {
    width: 100%;
  }
  .contents img {
    width: 100%;
  }

  ._pc {
    display: none;
  }

  .ttl {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .ttl .txt {
    width: 80%;
    top: 43%;
    left: 10%;
    height: auto;
    text-align: center;
    font-size: 3.4vw !important;
    line-height: 1.4;
  }
  .MenuHelp {
  	width:100%;
  	height:auto;
  	overflow:hidden;
  	z-index:1;
  }
  .MenuHelp li{
    float:left;
    width: 50%;
  }
  .fixed {
    position: relative !important;
    top: 0;
    will-change: transform;
  }
  *:first-child+html .fixed {
      position: relative !important;
      top: 0;
  }

  .MemberBox{
    width:100%;
    margin:0 auto 3%;
    background-size: 50% auto;
  }
  .MemberBox li{
    float:left;
    width: 46%;
    margin:2%;
    background:#fff1c8;
  }
  .TourBox{
  	width:100%;
    margin:0 auto;
  }
  .TourBox li{
    float:left;
    width: 46%;
    margin:2%;
  }
  .TourBox .Tour01{
  	width:98%;
  	height:auto;
  }
  .TourBox .Tour01 img{
    width: 98%;
  }
  .TourBox .Tour01 div {
    position:absolute;
    top:35%;
    left:3%;
  }
  .TourBox .Tour01 div p {
    width: 47%;
    float: left;
    margin-bottom:3%;
    margin-right:2%;
  }
  .TourBox .Tour05{
  	width:46%;
  	height:auto;
  }
  .TourBox .Tour05 div{
    position:absolute;
    top:70%;
    left:8%;
    width: 95%;
  }
  .TourBox .Tour05 div p {
    margin-right:3%;
    width: 45%;
  }
  .NetBox{
  	width:100%;
    margin:0 auto 3%;
    background: none;
  }
  .NetBox li {
    float:left;
    width: 46%;
    margin:2%;
  }

}
@media screen and (max-width: 960px) {
  .ttl .txt {
    font-size: 1.4vw;
  }
	.ttl .cap {
		padding-top: 5vw;
	}
}

@media screen and (max-width: 768px) {
  .ttl .txt {
    top: 42%;
    font-size: 3.3vw;
    line-height: 1.5;
  }
}