/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
	
	#navi_bana {
		overflow: hidden;
	}
	#navi_bana .bana {
		float: left;
		width: 50%;
	}
	#top_info .box:first-child .photo {
		width: 60%;
	}
	#top_info .box:first-child .txt {
		width: 40%;
	}
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.dsp_hp { display: none; }

	/* ヘッダ */
	#header {
		overflow: hidden;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(236,127,133,0.88);
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		z-index: 9997;
	}
	#header h1 {
		padding: 10px;
		text-align: left;
	}
	#header h1 img {
		max-height: 40px;
	}
	/* コンテナ */
	#container {
		padding-bottom: 80px;
	}
	.main {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main {
		clear: both;
		padding: 0 15px 30px;
	}
	#main h2,
	#main h2+.ttl,
	#main .post_ttl {
		font-size: 20px;
	}
	#navi {
		clear: both;
		padding: 10px;
	}
	#navi_bana li {
		margin-bottom: 8px;
	}
	/* フッター */
	#footer {
		padding-bottom: 10px;
	}
	#footer .title {
		width: 300px;
		max-width: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}
	#footer .txt,
	#footer .link {
		margin-bottom: 30px;
	}
	#footer .link > ul > li:nth-child(1),
	#footer .link > ul > li:nth-child(2){
		display: none;
	}
	/* ページトップ */
	#page_top {
		top: -120px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 11px;
	}
	#page_navi::before {
		height: 200px;
	}
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メニューコンテンツ */
	#top_menu dl dt {
		float: left;
		width: 30%;
	}
	#top_menu dl dd {
		padding-top: 20px;
		margin-left: 33%;
	}
/*------------------------------------------------*/
}