@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header p.title img {
		max-height: 25px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#container h2 {
		font-size: 18px;
		background: url("../img/p.png") no-repeat left top 4px, url("../img/border.png") repeat-x bottom
	}
	#container h5 {
		font-size: 17px;
	}
	#container h6 {
		font-size: 16px;
		padding-left: 5px;
	}
	#top_page #top_plating .serif {
		font-size: 20px;
	}
	#container h3.bg_black {
		font-size: 18px;
	}
	#top_item .wrap dl dt span, #top_page #top_material dl dt span, #top_page #top_type dl dt span {
		font-size: 18px;
	}
	#top_item .wrap dl {
		margin-bottom: 30px;
	}
	#navi .box {
		padding: 5px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt img {
		max-width: 250px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	#page_title .sub img {
		height: 30px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メニューコンテンツ */
	#top_menu .box {
		margin-bottom: 30px;
	}
	#top_menu dl dt {
		float: none;
		width: auto;
		text-align: center;
	}
	#top_menu dl dd {
		margin-left: 0;
	}
	#top_item .wrap dl {
		width: 100%;
		margin-right: 0 !important;
	}
	/* お知らせ */
	#top_info dt {
		float: none;
		width: auto;
	}
	#top_info dd {
		margin-left: 0;
	}
	#top_quality ul {
		float: none;
		margin-right: 0;
	}
	#top_quality ul li {
		margin-bottom: 5px;
	}
	#top_quality .fr dl, #top_quality .fr dl dt, #top_quality .fr dl dd {
		display: block;
	}
	#top_quality .fr dl dt {
		margin-bottom: 15px;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		box-sizing: border-box;
	}
	#top_quality .waku {
		padding: 5px;
	}
	#top_quality .waku .in, #top_example .box .in {
		padding: 10px;
	}
	#top_quality .waku .in {
		background-size: 30% auto;
	}
	#top_price .price_list dl {
		font-size: 15px;
	}
	/*--------------------------------------------------
		料金・納品まで
	--------------------------------------------------*/
	#price_request .list .box {
		padding: 5px;
	}
	#price_request .list .box .in {
		padding: 10px;
	}
	#price_request .list .box .in .ttl {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#price_request .list .box .in .ttl span {
		margin-right: 10px;
	}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#company table th,
	#map table th,
	#company table td,
	#map table td {
		width: 100%;
		display: block;
		margin-top: -1px;
		box-sizing: border-box;
	}
	/*--------------------------------------------------
		メッキ加工について
	--------------------------------------------------*/
	#blog_list dt,
	#blog_list dd {
		display: block;
	}
	/* 詳細 */
	.plating_details .photo .gallery-item {
		width: 48% !important;
	}
	.plating_details .photo_ba dt {
		float: none;
		width: auto;
	}
	.plating_details .photo_ba dd {
		margin: 15px 0 0;
	} 
/*------------------------------------------------*/
}