/* タブレット向けレイアウト */
@media only screen and (max-width: 798px) {
	/*メイン*/
	.main {
		justify-content: center;
	}
	/*ナビゲーションメニュー*/
	.navi {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		padding-right: 3px;
		padding-bottom: 5px;
		justify-content: center;
	}
	.navibot {
		width: auto;
		height: 40px;
		font-size: 13.5px;
	    letter-spacing: -0.1em;
	}
	/*インフォメーション*/
	.infomation {
		width: auto;
	}
	.infotitle {
		width: auto;
		height: 41px;
	}
	.bodyText {
		width: auto;
	}
	/*サイドバー*/
	.sidebar {
		width: 300px;
	}
	/*番　組*/
	.prog {
		width: 80%;
		min-width: 300px;
		display: flex; 
		-webkit-flex-direction : column;
		flex-direction: column;
	}
	.progtitle {
		text-align: center;
	}
	.progimg {
		padding-top: 10px;
		text-align: center;		
	}
  	/* フォーム */
  	.contact-text {
    	width: 100%;
    	padding: 45px 20px;
  	}
  	form {
  	/* フォームエリア */
    	width: 80%;
		margin: 0 auto;
  	}
  	label {
		/* 項目名 */
		font-size: 12px;
	}
  	input,
  	textarea {
    	width: 90%;
  	/* 入力エリアサイズ */
    	box-sizing: border-box;
  	}
}

/* スマホ向けレイアウト */
@media only screen and (max-width: 500px) {
	/*メイン*/
	.main {
		justify-content: center;
	}
	/*ナビゲーションメニュー*/
	.navibot {
		height: 25px;
		padding-top: 8px;
	}
	.navibot a {
		font-size: 10px
	}
	/*インフォメーション*/
	.infomation {
		width: 300px;
		flex-grow: initial;
		flex-shrink: initial;
		padding-left: initial;
	}
	.infotitle {
		width: 300px;
		height: 41px;
		font-size: 12px;
	}
	.bodyText {
		width: 300px;
		font-size: 8px;
	}
	.subHeader {
		font-size: 11px;
	}
	.date {
		font-size: 8px;
	}
	.abouttitle {
		font-size: 12px;
	}
	.aboutText {
		font-size: 8px;
	}
	.aboutHeader {
		font-size: 12px;
	}
	.gallerytitle {
		font-size: 12px;		
	}
	/* フォーム */
  	.contact-text {
    	padding: 45px 10px;
  	}
}