@charset "UTF-8";

@media screen and (max-width: 1130px) {
	
	
.image-vw1{
		  width: 18vw;
  height: auto;
	}		

.image-vw2{
		  width: 53vw;
  height: auto;
	}	

/*メニューボタンのレスポンシブ*/		
.image-vw5 {
	width: auto;
	max-height: 35px;
}	
	
/*メニューボタン 間隔設定*/
.flex a{
	padding:5px;	
	}		
	
}	


@media screen and (max-width: 900px) {
	
	
/*背景のブルー*/	
.background-gray {
	margin-top: 10px;
}
	
.image-vw6 {
	width: auto;
	max-height: 50px;
}	
	

	
.inline-block{
        padding:10px;  /* 余白指定 */
}		
	
	
	}	

@media screen and (max-width: 730px) {	
	
/*ハンバーガーメニュー表示*/	
header	{
		display:block ;
	}		

	
/*ロゴとコカコーラ非表示*/		
.inline-block{
	display:none;
}

/*メニューボタン非表示*/		
.flex	{
		display:none ;
	}		
	
/*背景のブルー*/	
.background-gray {
	position: relative;
	top: -30px;
}
	
	.wrapper1{
		margin-top: 0px;
	}	
	
	.wrapper1 img{
		width: 20vw;
  height: auto;
	}	
	
	.wrapper2 h1{
		font-size: 0.9em;
	}
	
	
/*メイン画像下の文字表示*/	
	.mainp{
	display: block;
	padding: 20px;	
	}		

	/*ラムネちゃん非表示*/
	.ramune	{
		display:none ;
	}	
	
	.wrapper2 {
	margin:0px 20px;
  }

}

@media screen and (max-width: 600px) {		
	
.zentai{
	margin: 0px auto  ;
	}	

	
/*スクロールのやつのフォントサイズ指定*/		
inline_box time {
		font-size: 13px;
		}
	
#accordion dt{
	font-size: 0.8em;
		}	
	
#accordion dd{
	font-size: 0.7em;
		}
	
/*ページ下の情報*/
.wrapper3 {	
	margin: 20px 50px;
 }	
	
.wrapper3 p2{
		font-size: 0.6em;
	}	
	
}