/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
	
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.dsp_hp { display: none; }

	/* ヘッダ */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 52px;
		padding-top: 18px;
		z-index: 999;
	}
	/* コンテナ */
	#wrap {
		padding-top: 70px;
	}
	#container {
		padding: 0 15px;
	}
	#page_sub #container {
		padding-bottom: 30px;
	}
	#main, #navi {
		clear: both;
	}
	#main {
		padding-bottom: 50px;
	}
	#navi ul {
		overflow: hidden;
		margin-bottom: 10px;
	}
	#navi .bana li {
		float: left;
		width: 48.5%;
	}
	#navi .bana li:nth-child(2n) {
		float: right;
	}
	#navi .info li {
		display: inline-table;
		width: 47%;
		margin: 5px 1%;
	}
	/*
	#navi .info li {
		float: left;
		width: 32%;
	}
	#navi .info li+li {
		margin-left: 2%;
	}
	*/
	/* ページ内リンク */
	#page_link {
		margin-bottom: 30px;
	}
	#page_link li {
		margin: 0 10px 15px;
	}
	/* ページトップ */
	#page_top {
		bottom: 0;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 15px;
		padding-top: 10px;
		font-size: 11px;
	}
	/*--------------------------------------------------
		スライドショー
	--------------------------------------------------*/
	.sp-thumbnails-container {
		padding: 15px 0 130px;
		background: no-repeat center bottom 15px;
	}
	.sp-thumbnails {
		margin: auto;
	}
	/*--------------------------------------------------
		製品共通
	--------------------------------------------------*/
	.products .bg {
		margin-bottom: 20px;
		padding-top: 20px;
		background-size: 45% auto;
		-webkit-background-size: 45% auto;
	}
	.products .bg h2 {
		margin-bottom: 40px;
		text-align: center;
	}
	.products .bg p {
		text-align: center;
	}
	.products .link {
		overflow: hidden;
		width: 210px;
		margin: 0 auto 30px;
	}
	/* 施工事例 */
	#works_list {
		margin-bottom: 10px;
	}
	/*--------------------------------------------------
		キッチン
	--------------------------------------------------*/
	#kitchen_slider .sp-thumbnails-container {
		background-image: url("../img/kitchen/title_sp.png");
	}
	/* タイプで選ぶ */
	#kitchen_type {
		padding-top: 20px;
	}
	#kitchen_type h2 {
		margin-bottom: 40px;
	}
	#kitchen_type h3,
	#kitchen_type h4 {
		font-size: 30px;
	}
	#kitchen_type .mb {
		margin-bottom: 50px;
	}
	#kitchen_type .mincho {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 25px;
	}
	#kitchen_type .title img {
		width: 200px;
	}
	#kitchen_type .fl {
		float: left;
		width: 48%;
	}
	#kitchen_type .img_rit {
		width: 48%;
		margin-left: 0;
	}
	/*--------------------------------------------------
		ウォッシュスタンド
	--------------------------------------------------*/
	#washstand_slider .sp-thumbnails-container {
		background-image: url("../img/washstand/title_sp.png");
	}
	/*--------------------------------------------------
		ストレージ
	--------------------------------------------------*/
	#storage_slider .sp-thumbnails-container {
		background-image: url("../img/storage/title_sp.png");
	}

	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#company h2 {
		margin-bottom: 20px;
		font-size: 40px;
	}
	#company h3 {
		font-size: 24px;
	}
	#company .mb {
		padding-top: 60px;
	}
	/* 店舗・ショールーム */
	#company_shop dl {
		margin-bottom: 30px;
	}
	#company_shop dt {
		font-size: 18px;
	}
	/* 事業内容 */
	#company_service p.cen {
		margin: 20px 0;
	}
	/* 個人情報保護方針 */
	#company_policy dt {
		font-size: 18px;
	}
	/*--------------------------------------------------
		店舗情報
	--------------------------------------------------*/
	#store div.mb {
		padding: 100px 0 50px;
	}
	#store p.mb {
		margin: 0 0 30px;
	}
	#store p.fl {
		margin-bottom: 40px;
	}
	/*--------------------------------------------------
		ショールームご来店予約・お問い合わせ
	--------------------------------------------------*/
	#contact dt {
		font-size: 110%;
	}
	#contact dt:before{
		top: 0;
	}
	#contact dd label {
		display: block;
	}
	#contact dd label+label {
		margin-left: 0;
	}
/*------------------------------------------------*/
}