@charset "UTF-8";
/* ---------------------------------------------------------
   sp.css【スマホ用】
----------------------------------------------------------*/

@media screen and (max-width:640px){
	img{
		max-width: 100%;
		height: auto;
	}
	#header_wrap{
		width: auto;
		margin-bottom: 10px;
	}
	#head_text{
		padding: 0 10px;
	}
	#header_logo{
		background-size: contain;
		width: auto;
		float: none;
		min-height: inherit;
		margin-left: 0;
		margin: 0 10px 5px 10px;
		padding-top: 5%;
	}
	#header_logo a{
		padding-left: 40%;
		padding-right: 5%;
	}
	#logo{
		padding-top: 0;
		margin-bottom: 0;
		line-height: 1;
	}
	#header_info{
		width: 100%;
		float: none;
		padding: 0;
		display: table;
		border-collapse: separate;
		border-spacing: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header_dial,
	#header_contact,
	#header_sp_menu{
		background: #02C521;
		background: #02c521; /* Old browsers */
		background: -moz-linear-gradient(top,  #02c521 0%, #05a811 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02c521), color-stop(100%,#05a811)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #02c521 0%,#05a811 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #02c521 0%,#05a811 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #02c521 0%,#05a811 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #02c521 0%,#05a811 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c521', endColorstr='#05a811',GradientType=0 ); /* IE6-9 */
		float: none;
		display: table-cell;
		vertical-align: top;
		text-align: center;
		width: 32%;
		height: 60px;
		border: 1px solid #0C9416;
		margin-right: 10px;
		text-indent: -999em;
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 3px 3px 0 #006007;
		-moz-box-shadow: 3px 3px 0 #006007;
		box-shadow: 3px 3px 0 #006007;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header_info span{
		display: block;
		width: 100%;
		height: 100%;
	}
	#header_dial span{
		background:url(../img/common/icon_phone.png) center center no-repeat;
		background-size: contain;
	}
	#header_dial span a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#header_contact a{
		background: url(../img/common/icon_contact.png) center center no-repeat;
		background-size: contain;
		display: block;
		width: 100%;
		height: 100%;
	}
	#header_sp_menu span{
		background: url(../img/common/icon_menu.png) center center no-repeat;
		background-size: contain;
	}
	#global_menu{
		display: none;
	}
	#global_menu ul{
		background: #FD971B;
		width: 100%;
	}
	#global_menu ul li{
		text-indent: -999em;
		overflow: hidden;
		float: none;
		border-bottom: 1px solid #FFFFFF;
	}
	#global_menu ul li img{
		visibility: hidden;
	}
	#global_menu .nav-item{
		display: block;
	}
	#global_menu ul li a{
		display: block;
		position: relative;
		color: #FFFFFF;
	}
	#global_menu ul li a:after{
		text-indent: 0;
		font-size: 18px;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding: 9px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#global_menu ul li#global01 a:after{
		content: "HOME";
	}
	#global_menu ul li#global02 a:after{
		content: "サービス";
	}
	#global_menu ul li#global03 a:after{
		content: "施工事例";
	}
	#global_menu ul li#global04 a:after{
		content: "お客様の声";
	}
	#global_menu ul li#global05 a:after{
		content: "会社案内";
	}
	#global_menu ul li#global06 a:after{
		content: "BLOG";
	}
	#global_menu .sub-nav{
		background: #FFFFFF;
		position: static;
		top: 0;
		margin: 0 10px 10px 10px;
	}
	#global_menu .sub-nav ul{
		background: #FFFFFF;
	}
	#global_menu .sub-nav ul li{
		text-indent: 0;
	}
	#global_menu .sub-nav ul li a{
		color: #000000;
	}
	#global_menu .sub-nav ul li a:after{
		content: "";
		display: none;
	}
	#mainimage{
		width: auto;
		margin: 0 10px;
	}
	#slider{
		width: auto;
		height: auto;
	}
	#slider #photo{
		width: auto;
		height: auto;
		float: none;
		padding-top: 40%;
	}
	#slider #photo li{
		width: 100%;
		top: 0;
		left: 0;
	}
	#slider #thum{
		width: auto;
		float: none;
		text-align: center;
	}
	#slider #thum li{
		background: #CCCCCC;
		text-indent: -999em;
		overflow: hidden;
		width: 12px;
		height: 12px;
		display: inline-block;
		margin: 0 2px;
		-webkit-border-radius: 999em;
		-moz-border-radius: 999em;
		border-radius: 999em;
	}
	#breadcrumbs{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	#contents_wrap{
		width: auto;
	}
	#detail{
		float: none;
		width: auto;
		margin: 0 10px;
	}
	#sidebar{
		float: none;
		width: auto;
		margin: 0 10px;
	}
	.contents_inner{
		position: relative;
	}
	.contents_inner .midashi{
		position: static;
		text-align: center;
	}
	.contents_inner .midashi img{
		vertical-align: top;
	}
	.contents_inner .midashi .more{
		top: auto;
		bottom: 10px;
		right: 50%;
		margin-right: -48px;
	}
	.top_list{
		width: auto;
		padding: 0;
		margin-bottom: 50px!important;
	}
	#news_ticker{
		display: none;
	}
	.top_list ul{
		margin: 0 5px;
	}
	.top_list ul li{
		width: 50%;
		margin: 0 0 10px 0;
		padding: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top_list ul li .photo{
		width: auto;
		margin-bottom: 5px;
	}
	.top_list ul li .photo .stamp{
		width: 30%;
	}
	#news_list{
		width: auto;
		margin: 10px 10px 45px 10px;
	}
	#top_news_list .midashi{
		margin: 0 10px 20px 10px;
	}
	#top_news_list .midashi .image{
		position: absolute;
		left: 50%;
		top: -26px;
		margin-left: -80px;
	}
	#news_list dt{
		float: none;
		width: auto;
		padding-bottom: 0;
		margin-bottom: 5px;
	}
	#news_list dd{
		padding-left: 0;
	}
	#top_news_list .midashi .more{
		right: 50%;
	}
	.side_midashi{
		text-align: center;
		font-weight: normal;
	}
	.side_banner li{
		text-align: center;
	}
	#pagetopBtn{
		display: block;
	}
	#pagetopBtn a{
		background: #FFFFFF;
		display: block;
		width: 70%;
		text-align: center;
		margin: 15px auto 0 auto;
		padding: 10px 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-decoration: none;
		color: #F56E00;
	}
	#footer{
		padding-bottom: 0;
	}
	#footer_wrap{
		width: auto;
	}
	#footer_head{
		padding: 0 10px 25px 10px;
	}
	#footer_logo{
		float: none;
		margin-right: 0;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	#footer_logo .shop{
		margin-top: 5px;
	}
	#page_title{
		margin-bottom: 15px;
	}
	.subpage_contents{
		font-size: 14px;
	}
	.container{
		width: auto;
		margin: 0 10px;
	}
	
	/*===========*/
	/*お客様の声*/
	/*===========*/
	#voice_list{
		width: auto;
		padding: 0;
		margin: 0 10px 10px 10px;
	}
	#voice_list ul{
		margin: 0;
	}
	#voice_list ul li{
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	#detail_container .photo{
		width: auto;
	}
	#detail_container .data,
	#detail_container .data tr,
	#detail_container .data tbody,
	#detail_container .data th,
	#detail_container .data td{
		display: block;
		width: auto;
	}
	
	/*===========*/
	/*施工事例*/
	/*===========*/
	#sekou_list,
	#voice_detail{
		width: auto;
		padding: 0;
		margin: 0 10px 10px 10px;
	}
	#sekou_list ul{
		margin: 0;
	}
	#sekou_list ul li{
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	#sekou_list ul li .photo .stamp{
		width: 30%;
		bottom: inherit;
		top: 5px;
	}
	#sekou_list ul li .photo .label{
		font-size: 10px;
	}
	#sekou_detail{
		width: auto;
		margin: 0 10px 10px 10px;
	}
	#detail_container{
		padding: 10px;
	}
	#detail_container .about{
		display: block;
		width: auto;
	}
	#detail_container .about tbody,
	#detail_container .about tr,
	#detail_container .about th,
	#detail_container .about td{
		display: block;
		width: auto;
	}
	#detail_container .about th{
		color: #ff800f;
		font-weight: bold;
	}
	.gallery_two_column{
		margin: 0;
	}
	.gallery_two_column .phhoto_comment{
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.paging{
		width: auto;
		font-size: 12px;
	}
	
	/*===========*/
	/*プラン*/
	/*===========*/
	#plan_detail{
		width: auto;
	}
	.plein_frame{
		width: auto;
		padding: 10px;
	}
	.plein_ex300{
		margin-top: 50px;
	}
	.plein_ex300 h2{
		padding: 15px 10px 15px 35%;
		font-size: 17px;
		text-align: left;
	}
	.plein_ex300 .image{
		width: 30%;
		max-width: 119px;
		top: -4%;
	}
	.plein_ex300 .plein_ex300_feature{
		width: 150px;
		left: 14%;
		top: -5%;
	}
	.plein_ex300 .plein_ex300_notice{
		margin-left: 35%;
	}
	.plein_ex300 .plein_ex300_bt{
		margin-top: 0;
	}
	.plein_ex300 .plein_frame{
		margin: 0;
		padding: 10px;
	}
	.plein_frame .plein_frame_img{
		float: none;
		width: 240px;
		text-align: center;
		margin: 0 auto 10px auto;
	}
	.plein_frame .plein_frame_img h5{
		float: left;
		padding-top: 5px;
	}
	.plein_frame .plein_frame_img p{
		float: right;
	}
	.plein_frame .plein_frame_tx{
		float: none;
		width: auto;
	}
	.plein_frame .plein_frame_tx h6,
	.plein_frame02 .plein_frame_tx h6{
		font-size: 16px;
		line-height: 1.3;
	}
	.plein_frame02 .plein03,
	.plein_frame02 .plein04,
	.plein_frame02 .plein05,
	.plein_frame02 .plein06{
		float: none;
		height: auto;
		width: auto;
		padding: 10px;
		margin: 0 0 10px 0;
	}
	.plein_frame02 .plein_frame_tx{
		float: none;
		margin-left: 125px;
		width: auto;
	}
	
	/*===========*/
	/*オリジナル塗料*/
	/*===========*/
	#zenith_contents .container_inner{
		padding: 0 10px;
	}
	#zenith_contents .kaisetsu dt{
		float: none;
	}
	#zenith_contents .kaisetsu dd{
		background: none;
		padding-left: 0;
		margin-left: 0;
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px dotted #CCCCCC;
	}
	
	/*===========*/
	/*お客様との交流*/
	/*===========*/
	#with_contents .anshin{
		width: auto;
	}
	#with_contents .anshin .inner{
		width: auto;
		margin: 10px;
	}
	#with_contents .koutei{
		width: auto;
		float: none;
	}
	#with_contents .anshin .flow{
		width: auto;
		margin: 10px;
	}
	/*===========*/
	/*職人のこだわり*/
	/*===========*/
	#workman_detail{
		width: auto;
		margin: 0 10px;
	}
	#workman_first ul{
		margin: 0;
	}
	#workman_first ul li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.workman_under .workman_inner .photo{
		float: none;
		margin-left: 0;
		margin-bottom: 5px;
	}
	#workman07{
		padding: 10px;
		margin-bottom: 30px;
	}
	#workman07 .f_right{
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	#workman07 .mar_l_30{
		margin-left: 0;
	}
	
	/*===========*/
	/*アフターサービス*/
	/*===========*/
	#guarantee_detail h1.mar_b_30{
		margin-bottom: 10px;
	}
	.guarantee_inner{
		width: auto;
		margin-bottom: 25px;
		overflow: auto;
		white-space: nowrap;
		background: #FFF;
	}
	.guarantee_inner::-webkit-scrollbar{
		height: 15px;
	}
	.guarantee_inner::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.guarantee_inner::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.plan_table{
		width:auto;
	}
span.sp_show{
	display:block;
}

	.plan_table thead tr td{
		padding:0 5px;
	}
	/*
	.plan_table,
	.plan_table thead,
	.plan_table tbody,
	.plan_table tr{
		display: block;
		clear: both;
	}
	.plan_table{
		zoom: 100%;
	}
	.plan_table:after{
		display: block;
		clear: both;
		content: ".";
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		visibility: hidden;
	}
	.plan_table tr th,
	.plan_table tr td{
		display: block;
		border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.plan_table tr th{
		width: auto;
		border-bottom: 1px solid #CCCCCC;
		clear: both;
	}
	.plan_table tbody tr th{
		padding: 5px;
		font-size: 14px;
	}
	.plan_table tbody tr th br{
		display: none;
	}
	.plan_table tr td{
		float: left;
		width: 16.666%;
		padding: 10px;
	}
	.plan_table tbody td span{
		font-size: 16px;
	}
	*/
	#guarantee01{
		background-size: 40%;
		padding-left: 0;
		height: auto;
	}
	#guarantee02{
		background: none;
		width: auto;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	#guarantee03{
		background: none;
		padding-right: 0;
	}
	#guarantee03 dt{
		float: none;
		width: auto;
	}
	#guarantee03 dd{
		padding-left: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#guarantee02 .f_left, #guarantee02 .f_right{
		width: auto;
		float: none;
	}
	
	/*===========*/
	/*お家の健康診断*/
	/*===========*/
	#osusumepoint{
		background: none;
		width: auto;
		margin: 0 10px 25px 10px;
	}
	.shindan_image{
		float: none;
		margin: 0 0 10px 0;
	}
	#osusumepoint ul li{
		font-size: 14px;
	}
	
	/*===========*/
	/*代表挨拶*/
	/*===========*/
	#greeting_message .photo{
		float: none;
		margin: 0 0 10px 0;
		text-align: center;
	}
	
	/*===========*/
	/*会社概要*/
	/*===========*/
	#gaikan{
		float: none;
		text-align: center;
		margin: 0 0 10px 0;
	}
	#company_detail table,
	#company_detail table tbody,
	#company_detail table tr,
	#company_detail table th,
	#company_detail table td{
		width: auto;
		display: block;
	}
	#company_detail table th{
		font-weight: bold;
	}
	#accessmap{
		width: auto;
	}
	#googlemap{
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	/*===========*/
	/*スタッフ紹介*/
	/*===========*/
	#staff_list{
		width: auto;
	}
	#staff_list .staff_box{
		padding: 10px;
		margin: 0 10px 10px 10px;
	}
	#staff_list .staff_box .name{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	#staff_list .staff_box .point{
		float: none;
		width: auto;
		border: none;
		margin: 0 0 10px 0;
	}
	#staff_list .staff_box .syumi{
		width: auto;
		float: none;
	}
	#staff_list .staff_faq{
		margin: 0 10px 10px 10px;
	}
	#staff_list .staff_faq .f_left,
	#staff_list .staff_faq .f_right{
		float: none;
		width: auto;
	}
	
	/*===========*/
	/*ブログ*/
	/*===========*/
	#blog_single, #blog_list{
		width: auto;
		margin: 0 10px 10px 10px;
	}
	#blog_detail,
	#blog_side{
		width: auto;
		float: none;
	}
	
	/*===========*/
	/*お問い合わせ*/
	/*===========*/
	.seminar_table,
	.seminar_table tbody,
	.seminar_table tr,
	.seminar_table th,
	.seminar_table td,
	.contact_table,
	.contact_table tbody,
	.contact_table tr,
	.contact_table th,
	.contact_table td{
		display: block;
		width: auto;
	}
	.seminar_table th,
	.contact_table th{
		text-align: left;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 0;
	}
	.contact_table th{
		background: none;
		border: none;
	}
	.seminar_table th br,
	.contact_table th br{
		display: none;
	}
	.seminar_table th .hissu,
	.contact_table th .hissu{
		background: #EB0003;
		color: #FFFFFF;
		font-size: 12px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-weight: normal;
		padding: 2px 5px;
		margin-left: 5px;
	}
	.seminar_table td,
	.contact_table td{
		padding: 0 0 15px 0;
		margin-bottom: 15px;
	}
	.contact_table td{
		border: none;
		border-bottom: 1px dotted #CCCCCC;
	}
	#form-zipcode{
		width: 70px;
	}
	#zip_btn{
		font-size: 10px;
	}
	#form-address02,
	#form-address03,
	#form-mail,
	#form-phone,
	#form-about{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#btn_submit input{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/*===========*/
	/*まず初めに*/
	/*===========*/
	#gaiheki_first img{
		width: 30%;
	}
	#trable, #houshin{
		width: auto;
		padding: 10px;
	}
	#houshin_map{
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	
	/*===========*/
	/*お問い合わせからの流れ*/
	/*===========*/
	#flow{
		width: auto;
		margin: 0 10px 10px 10px;
	}
	#flow .flow_box{
		padding: 10px;
	}
	#flow ol li#flow01 .image{
		width: 60%;
		max-width: 459px;
	}
	#flow02 .image01{
		width: 40%;
		max-width: 174px;
	}
	#video_flow{
		margin-top: 30px;
	}
	#video_flow dt{
		margin-bottom: 10px;
		margin-left: 30px;
		margin-left: 56px;
	}
	#video_flow dd ol li{
		width: auto;
		float: none;
	}
	#video_flow dd .arrow{
		display: none;
	}
	#video_flow dd .dvd{
		top: -55px;
		left: 0;
		width: 50px;
		right: inherit;
		bottom: inherit;
	}
	#results .about{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	#results .f_right{
		float: none;
		width: auto;
	}
	#results .under .detail{
		position: static;
		width: auto;
		top: 0;
	}
	#results .under .detail01{
		padding-top: 20px;
	}
	#results .under .detail02{
		margin-top: 0;
	}
	#results .under .detail02 .image{
		margin-top: 0;
	}
	#flow03 .image{
		float: none;
		margin: 0 0 10px 0;
	}
	#flow03 dl.f_left,
	#flow03 dl.f_right{
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	#flow04 .image{
		float: none;
		margin: 0 0 10px 0;
	}
	#flow05 .color .image{
		float: none;
		margin: 0 0 10px 0;
	}
	#flow05 .kuroda .image{
		float: none;
		display: block;
		margin: 0 auto 10px auto;
	}
	#flow05 .kuroda .fukidashi{
		float: none;
		width: auto;
	}
	#flow06 .f_left,
	#flow06 .f_right{
		float: none;
	}
	#flow06 .f_right{
		margin-top: 20px;
	}
	#flow07 .image{
		position: static;
		right: inherit;
		top: inherit;
		text-align: right;
	}
	#flow07 .info{
		text-align: left;
		margin-right: 0;
	}
	#flow09 .check .image,
	#flow09 .result .image{
		float: none;
		margin: 0 0 10px 0;
	}
	#flow09 .result .image img{
		margin-top: 0;
	}
	#flow11 .rirekisho .f_left{
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
	#flow11 .rirekisho .f_right{
		float: none;
		width: auto;
	}
	#flow11 .detail ul li{
		width: auto;
		float: none;
		padding: 0;
		margin: 0;
	}
	#flow ol #flow11{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	/*===========*/
	/*塗り替えセミナー*/
	/*===========*/
	#semina_about_first{
		background-position: center top;
		background-size: contain;
		padding: 65% 10px 0 10px;
	}
	#seminar_about,
	#seminar_detail{
		width: auto;
		margin: 0 10px;
	}
	#seminar_about #schedule{
		width: auto;
	}
	#seminar_about #schedule_list{
		padding: 10px;
	}
	#seminar_about #schedule_list dt{
		float: none;
		width: auto;
		margin-bottom: 5px;
	}
	#seminar_about #schedule_list dd{
		margin: 0 0 20px 0;
		padding: 0;
	}
	#seminar_about #schedule_list dd .yoyaku,
	#seminar_about #schedule_list dd .end,
	#seminar_about #schedule_list dd .map{
		position: static;
		right: inherit;
		top: inherit;
		vertical-align: middle;
	}
	#seminar_detail .seminar_table th,
	#seminar_detail .seminar_table td{
		margin-bottom: 0;
		padding: 10px;
	}
	#seminar_detail .seminar_table td{
		border-bottom: 1px solid #CCCCCC;
		border-top: none;
	}

	/*===========*/
	/*外壁塗装の色選び*/
	/*===========*/
	#color_contents .iroerabi{
		width: auto;
	}
	#color_contents .iroerabi .inner{
		width: auto;
		margin: 10px;
	}
	#color_contents .tool{
		width: auto;
		float: none;
	}
	#color_contents .iroerabi .flow{
		width: auto;
		margin: 10px;
	}
	#color_contents .tsubo{
		width: auto;
		margin: 10px;
	}
	.flow_inner ol li.flowph{
		display: none;
	}

	/*===========*/
	/*見積書の見方*/
	/*===========*/
	#estimate_contents #notice{
		width: auto;
	}
	#estimate_contents .estimate{
		width: auto;
	}
	#estimate_contents .estimate .inner{
		width: auto;
		margin: 10px;
	}
	#estimate_contents .containerOR{
		width: auto;
	}
	#estimate_contents .estimate .inner02{
		width: auto;
		margin: 10px;
	}
	#estimate_contents .tsubo{
		width: auto;
	}

	/*===========*/
	/*住まいの健康診断*/
	/*===========*/
	#diagnosis_contents .diagnosis{
		width: auto;
	}
	#diagnosis_contents .diagnosis .inner{
		width: auto;
	}
	#diagnosis_contents .diagnosis .inner02{
		width: auto;
	}
	#diagnosis_contents .diagnosis .inner02 p.btn{
		width: auto;
	}

	/*===========*/
	/*塗料ランキング*/
	/*===========*/
	#ranking_contents .midashi_gray{
		width: auto;
	}
	#ranking_contents .paint{
		width: auto;
	}
	#ranking__contents .paint ul.hoge_vtb li img.crown{
		width: 50%;
		padding-bottom:5px
	}
	#ranking_contents .radiusL{
		width: auto;
		margin-bottom:5px;
		display:table-cell;
	}
	#ranking_contents .radiusR{
		width: auto;
		margin-bottom:5px;
	}
	#ranking_contents .radiusL ul.hoge li{
		width: 30%;
	}
	#ranking_contents .product{
		width: auto;
	}

	#ranking_contents .productName{
		width: auto;
	}
	#ranking_contents .productphoto{
		width: auto;
		display:table-cell;
	}
	#ranking_contents .productphoto ul.nisugata li{
		width: 50%;
	}
	#ranking_contents ul.productcaption li{
		font-size:90%;
		width: auto;
	}
	#ranking_contents .btn_caselink{
		margin-top:10px;
	}
	.wp-pagenavi span,
	.wp-pagenavi a{
		display: inline-block;
	}
    
    /*===========*/
	/*いえかるて*/
	/*===========*/
    #iekarute #first{
        background-size: auto 100%;
        background-position: right bottom;
    }
    #iekarute #faq dt,
    #iekarute #faq dd{
        margin-left: 0;
        margin-top: 100px;
    }
    #iekarute #faq dt:before{
        left: 50%;
        top: -69px;
        margin-left: -47px;
    }
    #iekarute #faq dt:after{
        display: none;
    }
    #iekarute #faq dd:before{
        left: 50%;
        top: -81px;
        margin-left: -31px;
    }
    #iekarute #faq dd:after{
        display: none;
    }
    #iekarute #example{
        width: auto;
    }
    #example ul li{
        float: none;
        width: auto;
        margin-right: 0;
    }
    #iekarute #chance .inner .box{
        width: auto;
        float: none;
    }
    #iekarute #chance .inner .box:first-of-type{
        margin-bottom: 10px;
    }
    #iekarute #otoku ul li{
        float: none;
        width: auto;
        margin-right: 0;
    }
    #iekarute #otoku ul li:nth-child(2),
    #iekarute #otoku ul li:nth-child(5){
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #iekarute #anshin > div br{
        display: none;
    }
    
    /*===========*/
	/*3つのチェックポイント*/
	/*===========*/
    #checkpoint_caution{
        text-align: left;
    }
    #checkpoint_list > .inner > .inner{
        padding: 20px 15px;
    }
    .cehck_about .f_right{
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    #checkpoint_list > .inner > .inner > ol > li{
        padding-left: 0;
    }
    #checkpoint_list > .inner > .inner > ol > li:after{
        left: 50%;
        top: -15px;
        margin-left: -18px;
    }
    #checkpoint_list > .inner > .inner > ol > li dt,
    #checkpoint_list > .inner > .inner > ol > li:last-child p{
        padding-top: 50px;
    }
    #afterfollow .detail{
        background-image: none;
    }
    #afterfollow .detail dl{
        padding-left: 0;
    }
	/*===========*/
	/*プロタイムズテレビCM*/
	/*===========*/
	.tvcm_movie{
		margin-right: 10px;
		margin-left: 10px;
	}
	.tvcm_movie p{
		margin-right: 15px;
		margin-left: 15px;
	}
	.tvcm_ttl{
		margin-right: 15px;
		margin-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 18px;
		line-height: 25px;
	}
	.prg_info{
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.prg_txt{
		float: none;
		max-width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.prg_link{
		margin-left: 15px;
	}
	.prg_link:before{
		left: 3px;
	}
	.sekou_sample{
		margin-top: -20px;
	}
	.sekou_sample1{
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.sekou_sample2{
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.cm_txt{
		max-width: 350px;
		font-size: 14px;
		border-bottom: 1px solid #000000;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
	}

    .pc { display: none !important; }
    .sp { display: block !important; }
	.for-pc { display:none; }
	.for-mobile { display:block; }
	.for-sp { display:block; }
}