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

@media screen and (min-width:769px)and (max-width: 1100px){
	
	.head_cath{
	    position: absolute;
	    top: 140px;
	    left:30px;
	    z-index: 40;
	    
		}
	h1{
	    font-size: 55px;
	    line-height: 1.1em;
	}
	h2{
	    font-size: 19px;
	    line-height: 1.1em;
	}
	h3{
	    font-size: 18px;
	    line-height: 1em;
	    color: #231302;
	    
	}
	}



@media screen and (min-width:320px)and (max-width: 768px){
	
	.pc{
		
		display: none !important;
	}
	.smp{
		display: block !important;
	}
	
	h1{
	    font-size: 45px;
	    line-height: 1em;
	    padding-bottom: 8px;
	}
	h2{
	    font-size: 17px;
	    line-height: 1.1em;
	}
	h3{
	    font-size: 12px;
	    line-height: 1em;
	    color: #231302;
	    
	}
	h4{
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	
	p{
		margin: 0;
		padding: 0;
	}
	.head_cath{
		display: none;
	}
	
	.smp_cath{
		width: 100%;
		padding: 20px 0 15px 0;
		background-color:#fff9f4; 
	}
	.smp_cath h1,
	.smp_cath h2{
		padding-left: 15px;
		}
	
	a:link{
		text-decoration: none;
		color: #231302;
	}
	
	article{
		margin: 0;
		padding: 0;
	}
	
	header{
	}
	
	#head_contents{
	    position: absolute;
	    top:0;
	    left:0;
	    z-index: 20;
	    width: 100%;
	}
	.head_cath{
	    position: absolute;
	    bottom:50px;
	    left:15px;
	    z-index: 40;
	}
	.head_logo{
		width: 68px;
		height: auto;
	    position: absolute;
	    top:10px;
	    left:15px;
	}
	.head_tel{
	    position: absolute;
	    width: 120px;
	    height: auto;
	    top:5px;
	    right:68px;
	    display: none;
	}
	#finishday{
		width: 100%;
		overflow: hidden;
		text-align: center;
		background-color: #fbed21;
		margin: 0;
		padding: 0px;
		font-size: 18px;
	}	
	#finishday p{
	color: #2c1d02;
	font-size: 100% !important;
	line-height: 1.5em !important;
	padding: 5px;
	}

	.swiper-slide img{
    width: 100%;
    height: auto;
    margin-bottom: -10px;
}
	
	#greeting,
	#menulist,
	#phpto,
	#camp,
	#information,
	#access,
	#contact{
	    width: 96%;
	    margin: 0 auto;
	    padding: 30px 2%;
	    overflow: hidden;
	}
	#greeting{
		padding: 0px 2% 30px 2%;
	}
	.title_left{
	    width: 100%;
	    float: none;
	    display: block;
	    overflow: hidden;
	    text-align: center;
	    
	}
	.read_right{
	    width: 90%;
	    margin: 0 5%;
	    float: none;
	    display: block;
	    overflow: hidden;
	}
	
	
	.camp_detal img{
	    position: relative;
	    width: 100%;
	    margin-bottom: 10px;
	}
	
	#googoleCal_area{
		float: none;
		padding-left: 0px;
	    width: 100%;
	}
	.locale-ja {
		width: 100%;
	}
	#googoleCal_area .cal_wrapper iframe{
		width: 98% !important;
		}
		
	.mv-event-container {
		width: 100% !important;
		}
	
	
	#facebook_area{
		float: none;
		width: 100%;
	}
	
	
	.foot_inn a:link{
		text-decoration: none;
		color: #fff;
	}
	
	
	
	.menu{
	    width: 100%;
	}
	.menu_l{
		float: none;
		clear: both;
		margin-right: 0px;
	}
	.menu_r{
		float: none;
	}
	
	.read_right br{
		display: none;
	}
	
	
	.gc_wrapper {
  max-width: 800px; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 500px;
}



}



@media (max-width: 600px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 150%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    .small-container {
        display: none;
    }
}