@charset "UTF-8";
/* ---------------------------------------------------------
   sp.css【スマホ用】
----------------------------------------------------------*/
.sp { display: none !important; }


@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;
	}
	.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;
    }
	/*===========*/
	/*色選びページ①*/
	/*===========*/
	.page_front_list1 {
		max-width: initial;
	}
	#three_point ul.point_text{
	    display: block;
	    text-align: center;
	}
	#three_point ul.point_banner{
		list-style: none;
		width:auto;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 40px;
	    display: block;
	    text-align: center;
	}
	#three_point ul li{
		width: 32%;
		text-align: center;
		margin:0 auto;
	}
	.page_front_list3 {
		max-width: initial;
	}
	.exp_style h3 {
		border-bottom: 2px solid #4e4e4e;
		margin: 0 auto;
		width: auto;
	}
	.exp_style ul {
		list-style: none;
		margin: 0px;
		width: auto;
	}
	.exp_style ul li {
		display: inline-block;
		vertical-align: top;
		height: 100%;
		margin-top: 20px;
	}
	.exp_style .exp1 {
		width: auto;
	}
	.exp_style .exp2 {
		text-align: center;
		width: auto;
	}
	.exp_style .exp3 {
		margin-left: auto;
		margin-top: 0px;
		width: auto;
	}
	.point1_scale{
		max-width: 100%;
		text-align: center;
		margin-top: -20px;
		margin-bottom: 10px;
		margin-right: 15px;
	}
	/*===========*/
	/*色選びページ②*/
	/*===========*/
	.point2_midashi_explain2 ul li{
		margin-right: 0px;
		max-width: initial;
	}
	.ranking_2015 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	  .ranking_2016 {
		float: none;
		margin-right: auto;
		margin-left: auto;
	  }
	.scene_voice img {
		display: none;
	}
	.exp_colorsimulation{
		width: auto;
		text-align:center;
		display: inline-block;
	}
	.exp_colorsimulation li{
		width: 23%;
		padding-right: 2px;
		padding-bottom: 10px;
	}
	.skeleton img{
		float: none;
		text-align: center;
	}
	.skeleton_explain{
		max-width: initial;
		float: none;
	}
	p.skeleton_invite{
		text-align: left;
		margin-right: -35px;
	}
	.clrselect2_banner2 .bnr_left{
		text-align: left;
		margin-left: 20px;
		margin-bottom: 30px;
		float:left;
	}
	.clrselect2_banner2 .bnr_right{
		text-align: right;
		margin-right: 20px;
		margin-bottom: 30px;
		float:right;
	}
	/*===========*/
	/*色選びページ③*/
	/*===========*/
	.point3_midashi_explain2 img{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.bnr_clrdesign {
		margin-top: 30px;
		clear: left;
	}
	/*===========*/
	/*台風ページ*/
	/*===========*/
	#title_text{
		position: absolute;
		top:8px;
		left: 90px;
		font-size:80%;
	}
	#midashi1 .text01{
		position:absolute;
		font-size:15px;
		top: -60px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	#midashi1 .text02{
		position:absolute;
		font-size: 27px;
		top: -50px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	#title_text3{
		font-size:20px;
		margin-top:10px;
		margin-bottom:10px;
	}
	#img_sos{
		height: auto;
		width: auto;
		margin-left: 17px;
	}
	#img_sos li{
		float: left;
		text-align: center;
		width: 28.5%;
	}
	#img_sos li:after{
		content: "";
		clear: both;
		display: block;
    	margin-bottom:30px;
	}
	.adjust1{
		max-width: 100%;
	}
	#yellow_bk {
		position:absolute;
		background-color: #fff542;
		height: 20px;
		width: 410px;
		top:25px;
	}
	.space{
		height: 59px;
	}
	#w_blue_block{
		float: left;
		width: auto;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		padding-left:25px;
		padding-right:15px;
	}
	.img_r {
	     float: right;
	}
	#img_shindanset{
		width: 100%;
		text-align: center;
		margin-top: -10px;
	}
	#shindanshibox{
		width: auto;
	}
	.img_r {
		float: none;
		display: block;
		text-align: center;
	}
	#img_shindanshi{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	#hadairo_bk{
		width: auto;
		height: auto;
		padding-bottom: 10px;
	}
	#hosyu_plan{
		padding-right: 20px;
		padding-left: 20px;
	}
	@media screen and (max-width:450px){
		#title_text{
			position: absolute;
			top:5px;
			left: 70px;
			font-size:60%;
		}
		#img_sos{
			margin-left: 12px;
		}
		#img_sos li{
			float: left;
			text-align: center;
			width: 27.5%;
		}
		#img_sos li:after{
			content: "";
			clear: both;
			display: block;
			margin-bottom:30px;
		}
	}
	/* コンセプトムービー MB
	----------------------*/
	#concept {
		width: auto;
		height: auto;
		margin-right: 10px;
		margin-left: 10px;
	}

	#player {
		width: 492px;
		height: 277px;
		position: absolute;
		z-index: 1;
	}
	#player {
		display: none;
	}

	.concept_area {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.conce_L {
		width: 90%;
		height: auto;
		margin: 0 auto;
		float: none;
	}
	.conce_L img {
		width: 100%;
		height: auto;
	}

	.conce_R {
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-image: none;
		float: none;
	}
	.conce_R img {
		width: 100%;
		height: auto;
	}
	.conce_R p {
		width: 100%;
		height: auto;
		margin: 20px auto 0;
		font-size: 13px;
	}

	.tit_conce_R {
		width: 100%;
		height: auto;
		margin: 20px auto 0;
	}
    .pc { display: none !important; }
    .sp { display: block !important; }
	.for-pc { display:none; }
	.for-mobile { display:block; }
	.for-sp { display:block; }

	/* 各ページ動画調整用 */
	.cm_container{
		margin: 0 auto;
	}
}