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

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6;
	color:#333;
	background:#fff;
}

/*Main Visual*/

#containerMV{
  width: 100%;
  height: 0;
  padding-top: calc(420 / 1620 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background:url(../../images_common/mainVisual_nomad.jpg) center center / cover no-repeat;
  position:relative;
  border-top:3px solid #3399cc;
  border-bottom:3px solid #3399cc;
  
}

#title_MV{
	width:800px;
	background:rgba( 51,153,204,0.70);
	line-height:55px;
	color:#fff;
	font-size:34px;
	position:absolute;
	top: 95px;
	left: 0px;
	padding:0px 2px;
	text-align:center;
}
#logo_MV{
	position:absolute;
	bottom:10%;
	right:7%;
}


/*共通*/

.box_contents{
	width:1340px;
	margin:0 auto;

}
.contents_main{
	width:970px;
	margin:70px 70px 40px 0px;
	float:left;
}

.photo_450{
	float:left;
	width:450px;
	margin-bottom:40px;
}
.photo_450 p{
	text-align:center;
}
.explain_photo{
	width:450px;
	padding:0 3px 0;
	font-size:14px;
}
.subtitle{
	width:960px;
	border-bottom:3px solid #3399cc;
	font-size:26px;
	line-height:30px;
	margin:30px 0 30px 0;
}
.subtitle_bfAD{
	width:960px;
	border-bottom:3px solid #3399cc;
	font-size:26px;
	line-height:30px;
	margin:150px 0 30px 0;
}
.subtitle h2{
	font-size:24px;
	
}

/*ガイド会社紹介*/


.about_guideCompany{
	width:970px;
	float:left;
	margin-bottom:20px;
}
.about_guideCompany img{
	float:left;
}
.explain_guide_450{
	width:450px;
	float:left;
	margin:0 0 30px 60px;
	line-height:2.3;
}


/*体験レポート共通*/

.one_line_photo_left{
	width:960px;
	float:left;
	margin-bottom:30px;
	}
.one_line_photo_right{
	width:960px;
	float:left;
	margin-bottom:30px;
	}

.explain_subtitle{
	font-size:20px;
	line-height:1.5
}
.explain_subtitle_border{
	font-size:20px;
	line-height:1.5;
	border-bottom:2px solid #666;
	margin-bottom:7px;
}
.photo_450_left{
	width:450px;
	float:left;
}
.photo_450_left p{
	text-align:center;
}
.explain_450_right{
	width:450px;
	margin-left:60px;
	line-height:2.3;
	float:left;
}

.photo_450_right{
	width:450px;
	float:left;
}
.photo_450_right p{
	text-align:center;
}
.explain_450_left{
	width:450px;
	margin-right:60px;
	line-height:2.3;
	float:left;
}
.scdl_right{
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
}

.time{
	line-height:1.0;
	padding:10px 0 5px;
}
.explain_960{
	width:960px;
	line-height:2.3;
	float:left;
	margin-bottom:50px;
}


/*基本情報*/

.contact{
	width:450px;
	float:left;
	margin-right:60px;
}

/*side_link*/
.side_link{
	width:300px;
	float:left;
	margin:100px 0 100px 0px;
}

.box_topics{
	width:300px;
	background:#fff;
	position:relative;
	margin:10px 0px 50px;
	float:left;
}

.box_topics{
	color:#333;
}
.box_topics a{
	text-decoration:none;
	color:#333cc;
}

.box_title{
	width:250px;
	position:absolute;
	top: 90px;
	left: 0px;
	background:rgba(248,255,14,0.84);
	font-size:16px;
	line-height:30px;
	padding-left:10px;
}

.explain_box{
	font-size:12px;
	padding:5px 5px;
}

.box_topics{
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out
}
.box_topics:hover{
	opacity: 0.4;  
	filter: alpha(opacity=60); 
}




/*メディアクエリ設定（※widthが480px以下の場合にCSSを適用する）*/
@media screen and (max-width:480px){
	
#breadcrumbs{
	display:none;
}	

#mainVisual_B{
	width:100%;
}
#mainVisual_B img{
	width:100%;
	height:auto;
}
#title_MV{
	position:absolute;
	top: 18%;
	left: 0px;
	font-size:95%;
	width:95%;
	line-height:160%;
}	
	
.box_contents{
	width:100%;
	overflow:hidden;
}

.contents_main{
	width:100%;
	margin-top:0%;
}
.side_link{
	width:100%;
	margin-bottom:50%;
}

.subtitle{
	width:100%;
	margin-bottom:5%;
	font-size:100%;
   
}

.subtitle_bfAD{
	width:100%;
	margin:90% 0% 5%;
	font-size:100%;
   
}
.subtitle h2{
	line-height:1.6;
	 font-size:100%;
}

/*ガイド会社紹介*/
.about_guideCompany{
	width:100%;
}
.explain_guide_450{
	width:96%;
	font-size:90%;
	line-height:170%;
	margin:3% 2% 5% 2%;

}
.photo_450{
	width:100%;
}
.photo_450 p{
	font-size:80%;
}
.photo_450 img{
	width:100%;
	height:auto;
}



/*レポート*/
.report_contents{
	width:100%;
}
.report_contents .subtitle{
	width:100%;
	font-size:110%;
}

.explain_subtitle{
	width:100%;
	font-size:100%;
	margin-top:3%;
}
.explain_subtitle_border{
	width:100%;
	font-size:100%;
	margin-top:5%;
}
.photo_450{
	margin-bottom:2%;
}

.one_line_photo_left{
	width:100%;
	margin-bottom:0%;
}

.one_line_photo_right{
	width:100%;
	margin-bottom:0%;
}
.photo_450_left{
	width:100%;
}
.photo_450_left img{
	width:100%;
	height:auto;
}
.photo_450_left p{
	font-size:80%;
}
.photo_450_right{
	width:100%;
}
.photo_450_right img{
	width:100%;
	height:auto;
}
.photo_450_right p{
	font-size:80%;
}
.explain_photo{
	width:100%;
	font-size:70%;
	padding:0% 0%;
}

.explain_450_right{
	width:96%;
	margin:3% 2% 5% 2%;
	
}
.explain_450_right p{
	font-size:90%;
	line-height:170%;
}
.explain_450_left{
	width:96%;
	margin:3% 2% 5% 2%;
}
.explain_450_left p{
	font-size:90%;
	line-height:170%;
}
.explain_960{
	width:96%;
	margin:3% 2% 10% 2%;
}
.explain_960{
	font-size:90%;
	line-height:170%;
	padding-top:2%;
	margin-top:0%;
}
.tour_summary{
	margin-top:5%;
}
#subtitle_summary{
	width:100%;
	font-size:100%;
}


/*基本情報*/

.basic_info{
	width:100%;
	margin-bottom:3%;
}
#subtitle_basic_info{
	width:100%;
	font-size:110%;
}
.contact{
	width:100%;
	line-height:200%;
	margin-bottom:5%;
}

/*side_link*/
.side_link{
	width:100%;
	margin:0% 0% 40%;
}
.linked_contents{
    width:100%;
	margin:20% 0% 0% 0%;
}
.box_topics{
	width:95%;
	margin:7% 1%;
}
.box_topics img{
	width:100%;
	height:auto;
}
.box_title{
	width:90%;
	font-size:90%;
	position:absolute;
	top: 20%;
	left: 0%;
	
}
.box_topics .explain_box{
	font-size:80%;
	line-height:180%;
}

/*AD*/



.AD_970{
	width:336px;
	height:250px;
	text-align:center;
	margin-bottom:20%;
	padding-top:10%;
}
.ad_300_250{
	width:100%;
	text-align:center;
	height:250px;
	margin-bottom:10%;
}
.ad_side_resp{
	width:100%;
	text-align:center;
	margin-top:10%;
	margin-bottom:10%;
}

}