@charset "UTF-8";
/* CSS Document */

/*===================================
common
===================================*/

/*for SP*/
@media only screen and (max-width: 767px) {
	.w80p,
	#campaign img,
	#campaign .btn,
	#campaign .registration, #campaign .plan,
	#flow ul,
	.w980,
	.w900,
	.w800,
	.w700,
	.w600,
	.w500,
	.faq_wrap,
	.post_box,
	.articles_wrap,
	#notice ul,
	.space_1, .space_2, .space_3,
	.fukidashi_gr,
	.size_list .space_plan,
	.size_list .space_price,
	.size_list .space_stuff{
		width: 100%!important;
		margin: 0 auto!importantS;
	}
	.br_none br{display: none;}
	.fz15{font-size: 14px!important;}
	.fz18{font-size: 16px!important;}
	.fz35{font-size: 28px!important;}
	.fz9em_sp{font-size: 0.9em!important;}
	
	.lh19{line-height: 1.7!important;}
	.box{
		width: 100%;
		margin: auto!important;
	}
	.box .thumb{
		background-size: cover;
	}
	.post_box .thumb{
		height: 200px;	
	}
	#golfbag .box{
		height: auto;
		width: 100%;
	}
	#golfbag .box + .box{
		margin-top: 20px!important;
	}
	#campaign .btn,
	.d_flex,
	footer .flex{
		display: block!important;
	}
	
	.pl0_sp{padding-left: 0 !important;}
	.pr0_sp{padding-right: 0 !important;}
	.mt50{margin-top: 30px!important;}
	
	.w100p_sp{
		width: 100%!important;
		max-width: 100%!important;
	}
	.d_flex_sp{
		display: -webkit-flex!important;
		display: -moz-flex!important;
		display: -ms-flex!important;
		display: -o-flex!important;
		display: flex!important;
	}
	.table_w100p{
		width: 100%;
	}
	.table_w100p th,
	.table_w100p td{
		display: block;
		width: 100%;
	}
	.table_w100p th{
		padding: 15px 0 10px 0!important;
	}
	.table_w100p td{
		padding: 0 0 15px 0!important;
	}
	section{
		padding: 40px 0;
	}
	.container{
		width: 90%!important;
		margin: auto;
	}
	.box_wrap{
		display: block;
	}
	.row{
		margin-right: 0;
		margin-left: 0;
	}
	.row + .row{
		margin-top: 20px;
	}
	.box{
		margin: 0;
	}
	h2{
		font-size: 25px!important;
		line-height: 1.5;
	}
	.post_wrap h2{
		font-size: 22px !important;
	}
	#frontpage_wrap h2:before{
	margin: 0 auto 15px;
	}
	h3{
		font-size: 22px!important;
		line-height: 1.5;
		margin: 0 auto 20px !important;
	}
	h3.fukidashi{
		width: 100%;
		font-size: 18px!important;
		padding: 10px 0 20px;
		margin-top: 50px!important;
		background-size: 100% 100%;
	}
	h3.fukidashi:before{
		border-width: 18px;
   		 margin-left: -18px;
	}
	h3.fukidashi:after{
		border-width: 15px;
    	margin-left: -15px;
	}
	.btn_more a, .btn_more [type='submit']{
		width: 85%;
		margin: 20px auto 0;
	}
	
	/* header */
	h1{
		text-align: left;
		line-height: 1.2;
	}
	header .contact{
		width: 100%!important;
		margin: auto;
	}
	header .comment{
		width: 100%;
		margin-bottom: 0!important;
	}
	header .container{
		width: 100%!important;
	}
	header .tel {
		text-align: center;
		padding: 5px 0;
		font-size: 35px;
		margin-bottom: 5px;
	}
	header .time{
		text-align: center;
		margin-bottom: 15px;
		font-size: 12px;
	}
	header .box_wrap{
		justify-content: space-between;
		width: 100%;
	}
	header .btn_contact,
	header .btn_forUsers{
		width: 50%;
	}
	header .logo_hdr img{
		width: auto;
		margin: 0;
		height: 40px;
	}
	/* drwer menu */
	.drawer-nav{
		width: 20rem!important;
		background: #15ae68!important;
	}
	.drawer--right .drawer-nav{
		right: -20rem!important;
	}
	.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger{
		right: 0!important;
	}
	.drawer-hamburger{
		width: 3rem!important;
		padding: 30px 21px!important;
	}
	.drawer--right.drawer-open .drawer-hamburger{
		right: 20rem!important;
	}
	.drawer-menu {
		padding: 10px!important;
		background: #15ae68!important;
	}
	.drawer-menu-item{
		color: #fff!important;
		padding: 5px 0!important;
		font-size: 13px!important;
	}
	.drawer-open .drawer-hamburger-icon{
		color: #fff!important;
	}
	/* footer */
	footer .container{
		display: none;
	}
	/* goTop */
	#move-page-top{
		
	}
	/* front-page */
	#kv_main{
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
    background-image: url(../images/kv_sp.jpg?2.2);
    background-position: 50% 50%;
	}
	#kv_main .w980{
		height: 320px;
	}
	#kv_main img{
		width: 95%;
		margin: auto;
	}
	#kv_main .btn_area{
		display: block;
		width: 45%;
		bottom: 15px;
		font-size: 15px;
		left: 16px;
	}
	#kv_main .btn_name {
		width: 45%;
		position: absolute;
		right: 10px;
		bottom: 15px;
	}
	.list_features .box{
		width: 80%!important;
		margin: auto;
	}
	.space_box + div{
		margin-top: 20px!important;
	}
	
	#campaign{
		margin: 0;
	}
	#campaign .main{
		padding: 25px 20px 10px;
		margin: 0;
	}
	#campaign img{
		padding-bottom: 0;
		width: 100%;
		margin: 0;
	}
	#campaign .registration + .plan{
		margin-left: 0;
		margin-top: 10px;
	}
	#campaign .registration, #campaign .plan{
		padding: 15px;
		display: flex;
		align-items: center;
		font-size: 16px;
		height: auto;
	}
	#campaign .btn{
		padding: 10px 0;
	}
	.service_1, .service_2, .service_3{
		height: auto;
	}
	.list_features{
		width: 100%;
		display: block;
	}
	#concierge_list .box{
		width: 100%;
	}
	#concierge_list .box + div{
		margin-top: 20px!important;
	}
	#notice ul li {
		padding: 10px;
	}
	.space_box .mask{
		display: none;
	}
	
	/* ===========
	pages
	=========== */
	/* common */
	.mainImage{
		height: auto;
		padding: 30px 15px;
		margin: 0;
		background-size: cover!important;
		background-position: 50% 40%;
	}
	.mainImage h2{
		color: #fff;
		margin: 0;
		text-shadow:0px 0px 4px #000000;
	}
	.mainImage .subtitle{
		color: #fff;
		padding: 0;
		margin: 0;
		text-shadow:0px 0px 4px #000000;
		font-size: 0.7em;
		font-weight: 400;
	}
	.caption_main,
	.caption{
		padding: 30px 20px;
		font-size: 0.9em;
	}
	.caption_main br,
	.caption br,
	.golf_list dl br,
	.golf_flow dd br{
		display: none;
	}
	.features{
		margin-bottom: 15px;
		width: 90%;
		margin: auto;
	}
	#pages_wrap h4{
		font-size: 23px!important;
	}
	
	/* 繧ｨ繧｢繝医Λ繝ｳ繧ｯ縺ｫ縺､縺�※ */
	#about_title {background-image: url(../images/kv_about_sp.jpg);}
	.features3_box{
		width: 100%;
		display: block;
	}
	
.features3_box dt{
	font-size: 23px;
	line-height: 1.5;
	margin-bottom: 15px;
}
	.features3_box .features_img, .features3_box .features_text{
		width: 100%;
	}
	.features_img{
		height: 140px;
	}
	.features3_box .features_text{
		padding: 20px;
	}
	.features3_box dl{
		margin-bottom: 0;
	}
	.area_detail{
		font-size: 18px;
	}
	.stuff_list .row{
		display: block;
	}
	.stuff_list .title{
		width: 90%;
		margin: auto;
	}
	.stuff_list .box{
		height: auto;
		width: 100%;
	}
	.sometime .detail{
		position: relative;
		margin: 0 auto 30px;
	}
	/* 繝励Λ繝ｳ繝ｻ譁咎≡ */
	#plan_title{
		background-image: url(../images/kv_plan_sp.jpg);
	}
	.size_list .box_wrap{
		padding: 20px;
	}
	.size_list .space_price,
	.size_list .space_stuff{
		margin-top: 20px;
	}
	.space_list_sample li{
		width: 50%;
		font-size: 0.7em;
	}
	.space_list_sample li:before{
		width: 15px;
	}
	.price_list{
		margin-top: 20px;
		width: 100%;
		table-layout: fixed;
		border-spacing: 5px;
	}
	.price_list,
	.price_list thead th,
	.pr_regular,
	.pr_discount{
		font-size: 10px;
	}
	.pr_discount{
		padding-left: 0;
		display: block;
	}
	.price_list .lv01,
	.price_list .lv03,
	.price_list .lv04,
	.price_list .lv05{
		width: auto;
	}
	.price_list .lv02{
		width: 25%;
	}
	.price_list th td{
		width: auto!important;
	}
	.plan_title{
		margin-top: 67px;
	}
	.plan_title,
	.plan_airtrunk,
	.plan_other{
		width: 24%;
	}
	.plan_airtrunk th,
	.plan_other th{
		height: 50px;
		font-size: 10px;
		padding: 0;
	}
	.plan_title th,
	.plan_airtrunk td,
	.plan_other td{
		height: 70px;
		font-size: 9px;
		padding: 0;
	}
	.plan_airtrunk thead,
	.plan_airtrunk tbody{
		border: 3px solid #15ae68;
	}
	.plan_other thead{
		border: 3px solid #8f8f8f;
	}
	.plan_other tbody, .plan_title tbody{
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		border-top: 0;
	}
	.plan_other tbody .arrow,
	.plan_airtrunk tbody .arrow{
		height: 10px;
	}
	.plan_title th{
		text-align: left!important;
	}
	.plan_title th span:before{
		content: ""!important;
	}
	.plan_airtrunk th img{
		width: 70%;
	}
	.plan_airtrunk,
	.plan_other{
		margin-left: 5px;
	}
	#compare_list .d_flex{
		display: -webkit-flex!important;
		display: -moz-flex!important;
		display: -ms-flex!important;
		display: -o-flex!important;
		display: flex!important;
	}
	.price_list tbody th, .price_list tbody td{
		padding: 5px;
		white-space: nowrap;
		height: auto;
	}
	/* ===================
	繧ｳ繝ｳ繧ｷ繧ｧ繝ｫ繧ｸ繝･繧ｵ繝ｼ繝薙せ 
	=================== */
	/* common */
	.price_concierge{
		margin-top: 50px;
		margin-bottom: 0;
	}
	.comment{
		font-size: 18px;
		line-height: 1.5;
		width: 90%;
		margin: 0 auto 21px;
	}
	/* 繧ｯ繝ｪ繝ｼ繝九Φ繧ｰ */
	#cleaning_title{background-image: url(../images/kv_cleaning_sp.jpg);}
	#cleaning_step dl{
		padding: 210px 20px 20px 20px;
		-webkit-background-size: 100% auto!important;
		background-size: 100% auto!important;
	}
	
	/* 繝上Φ繧ｬ繝ｼ菫晉ｮ｡繧ｵ繝ｼ繝薙せ */
	#hanger_title{background-image: url(../images/kv_hanger_sp.jpg);}

	/* 蜈ｨ蝗ｽ驟埼€√し繝ｼ繝薙せ */
	#delivery_title{background-image: url(../images/kv_delivery_sp.jpg);}
	.delivery_box,
	.delivery_box .box_L,
	.delivery_box .box_R{
		width: 100%;
	}
	
	/* 雋ｷ縺�叙繧翫し繝ｼ繝薙せ */
	#purchase_title{background-image: url(../images/kv_purchase_sp.jpg);}

	/* 雋ｷ縺�叙繧翫し繝ｼ繝薙せ */
	.con_flow .box_L, .con_flow .box_R{
		width: 100%;
	}
	.con_flow .box_R{
		margin-top: 20px;
	}
	.con_flow dl{
		margin-bottom: 0;
	}
	
	/* 蜃ｦ蛻�し繝ｼ繝薙せ */
	#disposal_title{background-image: url(../images/kv_disposal_sp.jpg);}

	/* 謦ｮ蠖ｱ繧ｵ繝ｼ繝薙せ */
	#shooting_title{background-image: url(../images/kv_shooting_sp.jpg);}
	
	/* 豬√ｌ */
	#flow_title{background-image: url(../images/kv_flow_sp.jpg);}
	#flow_list .col-xs-12 + div,
	#flow_list dl + dl{
		margin-top: 40px;
	}
	
	/* 繧ｴ繝ｫ繝輔ヰ繝�け */
	.flow_box{
		display: block;
	}
	.flow_box .thumb{
		width: 100%;
		height: 190px;
	}
	.flow_box .text{
		width: 100%;
		padding: 20px;
	}
	.flow_box .text dl{
		margin: 0;
	}
	.golf_flow dt{
		line-height: 1.3!important;
		margin-bottom: 10px;
	}
	.golf_flow dd{
		font-size: 17px;
	}
	.golf_comment{
		-webkit-background-size: 90%;
		background-size: 90%;
		background-position: 50% 50%;
		padding: 0;
		margin: 20px auto 50px;
		width: 90%!important;
	}
	#golfbag_title{
		background-image: url(../images/kv_golfbag_sp.jpg);
	}
	.golf_list{
		width: 95%;
		margin: auto;
	}
	.golf_list dl{
		padding: 15px 0 30px;
		margin-bottom: 0;
	}
	.golf_list dl dt{
		margin: 10px auto 10px;
	}
	/* 繧医￥縺ゅｋ雉ｪ蝠� */
	#faq_title {background-image: url(../images/kv_faq_sp.jpg);background-position: 0 65%;}
	.faq_wrap_all .container{
		margin-top: 0;
	}
	.faq_wrap{
		padding: 15px;
	}
	.faq_wrap table th, .faq_wrap table td{
		padding-left: 30px;
		background-size: 25px auto;
	}
	.faq_wrap table th{
		font-size: 18px;
		line-height: 1.5;
		padding: 20px 15px 15px 30px!important;
		background-position: 0 23px;
	}
	.faq_wrap table td{
		font-size: 16px;
		padding: 0 15px 15px 30px!important;
		background-position: 0 0!important;
	}
	
	/* 繝悶Ο繧ｰ */
	.side_box{
		width: 100%;
	}
	.side_box h3{
		padding: 5px 0;
	}
	.side_box ul{
		width: 100%;
	}
	.side_box ul li{
		font-size: 16px;
		padding: 3px 0;
	}
	#news{
		paddding-top: 20px!important;
	}
	.post_wrap p{
		font-size: 16px!important;
		margin-bottom: 15px !important;
		line-height: 1.8!important;
	}
	.post_box + div,
	.articles_wrap{
		margin-top: 20px;
	}
	.post_box + div,
	.articles_wrap{
		margin-left: auto;
	}
	
	/* 隕冗ｴ�未騾｣ */
	.rules h2,
	.rules_wrap h3,
	.rules_wrap dl, .rules_wrap table{
		width: 100%;
	}
	.mainTitle_rules h2 .sml{
		font-size: 0.8em!important;
	}
	.rules .caption{
		margin-top: 20px;
		padding-top: 0;
	}
	.title_regulation{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		font-size: 20px!important;
	}
	.title_regulation:before{
		content: none!important;
		background-image: none!important;
	}
	.title_regulation img{
		width: 40px;
		height: 45px;
		margin-right: 15px;
	}
	/* reccomend */
	#recommend_title{
		background-image: url(../images/kv_recommendation_sp.jpg);
		height: 250px;
		-webkit-background-size:100% auto!important;
		background-size: 100% auto!important;
	}
	#recommend_title h2 img {
		width: 95%;
		bottom: 20px;
	}
	.recommend_wrap .thumb{
		height: 250px;
	}
	.recommend_wrap .recommend_5 .thumb{
		background-size: auto 100%;
	    background-position: 50% 50%;
	}
	.recommend_wrap .thumb,
	.recommend_wrap .text{
		width: 100%;
		padding: 20px 0 ;
	}
	/* policy */
	.policy dl{
		width: 90%;
		margin: auto;
	}
	.dl_bdr_dbl dt br{
		display: none;
	}
	/* sitemap */
	.sitemap_wrap ul {
		width: 100%;
		margin: 0;
	}
	
	/* 蝠上＞蜷医ｏ縺帙ヵ繧ｩ繝ｼ繝� */
	.contact_form{
		width: 100%;
	}
	.contact_form th,
	.contact_form td{
		padding: 10px
	}
	.contact_form td{
		background: transparent;
	}
	.contact_form select{
		/* height:80px; */
	}
	.contact_form input,
	.contact_form select,
	.contact_form textarea{
		width:100%;
		font-size:16px;
		border:0;
		border-radius: 6px;
		padding: 10px;
		background:#fff;
		height: 40px;
	}
	input[type='radio']{
		display:inline-block;
		width:20px;
		border: 0px;
		height: auto;
		margin-right:5px;
	}
	.contact_form textarea{
		height: 200px;
	}
	.contact_form input.color {
		color: #3a3a3a;
		width: 100%;
	}
	.contact_form input::-webkit-input-placeholder,
	.contact_form textarea::-webkit-input-placeholder {
		color: #dddddd;
		font-weight: normal;
	}
	.contact_form input:-ms-input-placeholder,
	.contact_form textarea:-ms-input-placeholder {
		color: #dddddd;
		font-weight: normal;
	}
	.contact_form input::-moz-placeholder,
	.contact_form textarea::-moz-placeholder {
		font-weight: normal;
	}
	.text-small {
		font-size: 0.4em;
	}
}