/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header p.title img {
		max-width: 220px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 360px;
	}
	#main {
		padding-bottom: 30px;
	}
	/* ページ内リンク */
	#page_link {
		margin-bottom: 20px;
	}
	/*--------------------------------------------------
		スライドショー
	--------------------------------------------------*/
	.sp-thumbnails-container {
		padding: 10px 0 110px;
		background-size: auto 80px;
		-webkit-background-size: auto 80px;
	}
	/*--------------------------------------------------
		製品共通
	--------------------------------------------------*/
	.products h2.sub {
		padding: 40px 0 20px;
	}
	.products h2.sub img {
		width: auto;
		height: 38px;
	}
	.products h2.sub::before {
		height: 140px;
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
	}
	/**/
	.products .bg {
		background-size: 60% auto;
		-webkit-background-size: 60% auto;
		font-size: 100%;
	}
	.products .bg h2 img {
		width: auto;
		height: 30px;
	}
	.products .bg p.fm {
		font-size: 20px;
	}
	.products .bg p.fm+p {
		text-align: left;
	}
	.products .link {
		overflow: hidden;
		width: 210px;
		margin: 0 auto 30px;
	}
	/* 施工事例 */
	#works_list dl {
		width: 47.5%;
	}
	#works_list dl+dl {
		margin-left: 0;
	}
	#works_list dl:nth-child(2n) {
		float: right;
	}
	#works_list dl:nth-child(2n+1) {
		clear: both;
	}
	/*--------------------------------------------------
		キッチン
	--------------------------------------------------*/
	#kitchen .flow li {
		width: calc(50% - 28px);
		margin-bottom: 20px;
	}
	/* タイプで選ぶ */
	#kitchen_type {
		padding-top: 10px;
	}
	#kitchen_type h2 {
		margin-bottom: 20px;
	}
	#kitchen_type h3,
	#kitchen_type h4 {
		font-size: 22px;
	}
	#kitchen_type .mincho {
		font-size: 22px;
		line-height: 1.5;
	}
	#kitchen_type .ico {
		padding: 4px 10px;
		font-size: 18px;
	}
	#kitchen_type .b {
		font-size: 26px;
	}
	#kitchen_type .title img {
		width: 150px;
	}
	#kitchen_type .fl,
	#kitchen_type .img_rit {
		float: none;
		width: auto;
	}
	/**/
	#kitchen_type .list ul li {
		width: 48%;
		margin-right: 0;
	}
	#kitchen_type .list ul li:nth-child(2n) {
		float: right;
	}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#company h2 {
		margin-bottom: 15px;
		font-size: 28px;
	}
	#company h3 {
		font-size: 18px;
	}
	#company .mb {
		padding-top: 70px;
	}
	/* 会社概要 */
	#company_about table th,
	#company_about table td {
		display: block;
		padding-bottom: 20px;
	}
	#company_about table th {
		padding: 0;
	}
	/* 店舗・ショールーム */
	#company_shop dl {
		margin-bottom: 20px;
	}
	#company_shop dt {
		font-size: 16px;
	}
	/* 事業内容 */
	#company_service p.cen {
		margin: 20px 0;
	}
	/* 個人情報保護方針 */
	#company_policy dl {
		margin: 20px 0;
	}
	#company_policy dt {
		font-size: 16px;
	}
	/*--------------------------------------------------
		店舗情報
	--------------------------------------------------*/
	#store {
		margin-bottom: 50px;
	}
	#store h2 {
		margin-bottom: 20px;
	}
	#store h2 img {
		width: auto;
		height: 26px;
	}
	#store hr {
		margin-bottom: 20px;
	}
	#store p {
		margin-bottom: 20px;
	}
	#store div.mb {
		padding: 80px 0 0;
	}
	#store p.mb {
		margin: 0 0 20px;
	}
	#store p.fl {
		margin-bottom: 20px;
	}
	/*--------------------------------------------------
		ショールームご来店予約・お問い合わせ
	--------------------------------------------------*/
	#contact h2,
	#contact p.txt,
	#contact dl {
		margin-bottom: 20px;
	}
	#contact .mincho {
		padding-top: 0;
	}
	#contact .mincho th,
	#contact .mincho td {
		display: block;
		padding: 0;
	}
	#contact .mincho th {
		padding-top: 10px;
	}
	/*--------------------------------------------------
		Simple Life
	--------------------------------------------------*/
	#simplelife p.msg {
		margin-bottom: 30px;
		font-size: 100%;
		line-height: 1.8;
	}
	#simplelife .link {
		margin-bottom: 10px;
	}
	#simplelife .link li {
		width: calc(33.33% - 12px);
		margin-right: 18px;
		margin-bottom: 10px;
	}
	/**/
	#simplelife h2 {
		float: none;
		margin-bottom: 0;
		font-size: 18px;
	}
	#simplelife h2 img {
		display: block;
		width: auto;
		height: 25px;
		margin: 0 0 5px;
	}
	#simplelife .color {
		margin-bottom: 10px;
	}
	#simplelife .photo {
		margin-bottom: 20px;
	}
	#simplelife .photo li {
		width: calc(25% - 6px);
		margin-right: 8px;
		margin-bottom: 8px;
	}
	#simplelife .photo li:nth-child(4) {
		margin-right: 0;
	}
	#simplelife p.rit {
		text-align: left;
	}
	#simplelife .tbl_spec {
		margin-bottom: 40px;
	}
	#simplelife .tbl_spec th,
	#simplelife .tbl_spec td {
		padding: 8px;
	}
	#simplelife .tbl_spec thead th b {
		font-size: 18px;
	}
	/**/
	#simplelife .box {
		padding: 30px 0;
	}
	#simplelife .pad_anchor {
		margin-top: -90px;
		padding-top: 90px;
	}
	
/*------------------------------------------------*/
}
