@charset "utf-8";
/***  メインコンテンツ  ***/


/*=====================
防水工事・
　　修理メニュー
=====================*/
.water01_01 ul li{
    width:100%;
    margin:1em 0;
    float: none;
    background:#FFFFFF;
    border-bottom:#ECE7D2 3px solid;
    border-radius: 10px;
}

.water01_01block{
    margin:1em 2%;/*460 530*/
    padding:1.5em 5%;
}

.water01_01smn_img{
	background:#EEEEEE;
    position:relative;
    padding-bottom: 73.469387755%; /*100/横*縦*/
    overflow: hidden;
}

.water01_01smn_img img{
    position: absolute;
	top: 0;
    left: 0;
}
.water01_01m{
    display: inline-block;
    background:#F5A33B;
    color:#FFFFFF;
    font-weight: bold;
    padding:0.2em 0.4em;
}
.water01_01toki{
    display: inline-block;
    background:#89B7D8;
    color:#FFFFFF;
    font-weight: bold;
    padding:0.2em 0.4em;
    
}

/*=====================
    お得・お役立ち情報
=====================*/

.blog01_01>ul>li{/*245 815*/
    width:48%;
    margin:0 1% 1.5em 1%;
    float: left;
}
.blog01_01day{
    display: inline-block;
}
.blog01_01cate,
.blog01_01cate li,
.blog01_01cate li a{
    display: inline-block;
}
.blog01_01cate li a{
    background:#C59259;
    color:#FFFFFF;
    padding:0.2em 0.4em;
    margin: 0.1em;
    text-decoration: none;
}
.blog01_01cate li a:hover{
    background:#B67D3F;
}

.blog01_01smn img{
    width:100%;
}

.blog01_02>ul>li{
    padding:0.5em 0;
    text-indent: -1em;
    padding-left:1em;
}
.blog01_02>ul>li::before{
    content:'» ';
    color:#C59259;
    padding:0 0.2em;
}
    
.blog01_02title{/*135 245*/
    width:30%;
    margin:0 auto;
}

.blog02_btn a{/*300 815*/
    display: block;
    width:60%;
    margin:0 auto;
    padding:1.5em 0;
    text-align: center;
    text-decoration: none;
    font-size: 120%;
    background:#F2EADD;
    border-bottom:#E9DCC7 4px solid;
}

.blog02_btn a:hover{/*300 815*/
    background:#ECE1CE;
    border-bottom:#E9DCC7 4px solid;
}

/*====================
    お客様の声
====================*/
.voice01_01>ul>li{
    width:48%;
    padding:1em 1% 0;
    margin:0 0 1em 0;
    float: left;
    border-bottom:#D6D6D6 1px solid;
}
.voice01_01smn img{
    width:100%;
}


.voice01_01cate ul li{
    display: inline-block;
}
.voice01_01cate ul li a{
    text-decoration: none;
    display: inline-block;
    padding:0.3em 0.4em;
    margin:0.1em;
    background:#FDE3E6;
    color:#F57C8B;
}
.voice01_01cate ul li a:hover{
    background:#FCCFD5;
}


.voice01_02title{
    width:88%;
    margin:0.8em 0;
    padding:1em 6%;
    background:#FFFFFF;
    border-bottom:#F0E8D9 4px solid;
    border-radius: 5px;
}
.voice01_02name{
    color:#ED3F4B;
}
.voice01_02name::before{
    content: url(../img/cms/voice_icon_01.png);
    padding:0 0.2em;
}

.voice01_03{
    width:100%;
    padding:1em 5%;
    background:#FFFFFF;
    border:#F2EADD 5px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.voice01_03 ul li{
    padding: 0.5em 0;
}
.voice01_03 ul li::before{
    content: url(../img/cms/voice_icon_04.png);
    padding: 0 1em 0 0;
}

.voice02_01 ul li h4{
    color:#EC3F4B;
    text-indent: -2.2em;
    padding-left:2.4em;
}
.voice02_01 ul li h4::before{
    content: url(../img/cms/voice_icon_05.png);
    padding:0 0.5em 0 0;
}

.voice02_01 ul li{
    padding:0 0 1.5em 0;
}
.voice02_02{/*580 625*/
    width:92.8%;
    margin:0 auto;
}

.voice02_02zoom::before{
    content: url(../img/cms/voice_icon_02.png);
    padding:0 0.2em;
}


.voice_bnr{
    width:84%;
    margin:0 8%;
}
.voice_bnr div img{
    width:100%;
    margin:0;
}

.voice02_03{
    width:90%;
    padding:1em 5%;
    background:#FFFFFF;
    border-radius: 10px;
}

.voice02_03work{
    display: inline-block;
    vertical-align: middle;
}
.voice02_03work::before{
    content: url(../img/cms/voice_icon_03.png);
    padding:0 0.4em 0 0;
    display: inline-block;
    vertical-align: middle;
}


/*===================
    スタッフ紹介
===================*/
.staff01_01{
    width:100%;
    padding:2em 5% 1.5em;
    background:#FFFFFF;
    border:#F2EADD 5px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.staff01_01 ul li{
    display: inline-block;
    padding:0 0.8em 0.5em 0;
}
.staff01_01 ul li::before{
    content: url(../img/cms/voice_icon_04.png);
    padding: 0 0.5em 0 0;
}
    
.staff01_02title>h3{
    display: inline-block;
    vertical-align: middle;
}
.staff01_02title::before{
    display: inline-block;
    vertical-align: middle;
    content: url(../img/cms/staff_icon_01.png);
    padding:0 0.3em 0 0;
}


.staff01_02>ul>li{
    padding:1.5em 0;
    margin:0 0 1.5em 0;
    border-bottom:#D6D6D6 1px solid;
}

.staff01_02 dl dt{/*323 910*/
    width:70%;
    margin:0 auto 1em;
    float: none;
    
}
.staff01_02 dl dt img{/*323 910*/
    width:100%;
}
.staff01_02 dl dd{/* 910*/
    width:100%;
    margin:0;
    float:none;
    
}

.staff01_02cate a{
    display: inline-block;
    background:#FFFFFF;
    padding:0.2em 1em;
    text-decoration: none;
    text-align: center;
    
}
.staff01_02cate a:hover{
    background:#F8F8F8;
}

.staff01_021 li { margin:0 0.5em 0.4em 0; }

.staff01_021cate a{
    display: inline-block;
    background:#4591CB;
    color:#FFFFFF;
    padding:0.2em 1em;
    text-decoration: none;
    text-align: center;
    
}
.staff01_021cate a:hover{
    color:#4591CB;
    background:#FFFFFF;
}

.staff01_022obj {
    display: inline-block;
    background:#6EB22E;
    color:#FFFFFF;
    padding:0.2em 1em;
    text-decoration: none;
    text-align: center;
    
} 

.staff01_023obj {
    display: inline-block;
    background:#E16A36;
    color:#FFFFFF;
    padding:0.2em 1em;
    text-decoration: none;
    text-align: center;
    
} 

.staff01_02kana{
    font-weight:100;
    font-style: italic;
    color:#4A9ADB;
}

.staff01_03 {
	padding: 1.2em 0 0.4em;
}

.staff01_03 ul li{
    padding:0.3em 0;
}


/*===================
    施工実績
===================*/
.work01_01>ul>li{
    background: #FFFFFF;
    border-radius: 10px;
    width:100%;
    margin:0 0 1em 0;
    float: none;
}

.work01_01block{/*277 340*/
    width:81.47058%;
    padding:1.5em 9.26% 0;
}

.work01_01smn{
    width: 80%;
    margin:0 auto;
    position: relative;
}
.work01_01smn img{
    width:100%;
}
.work01_01smn::after{
    content: url(../img/cms/work_arrow.png);
    position: absolute;
    top:45%;
    left:2em;
}
.work01_01before img{
    width:100%;
}
.work01_01before{
    position: relative;
}
.work01_01before::after{
    font-size:90%;
    padding:0 1em;
    position: absolute;
    display: inline-block;
    background:#444444;
    bottom:0;
    right:0;
    color:#FFFFFF;
    content: '塗装前';
}
.work01_01after{
    position: relative;
}
.work01_01after::after{
    font-size:90%;
    padding:0 1em;
    position: absolute;
    display: inline-block;
    background:#444444;
    bottom:0;
    right:0;
    color:#FFFFFF;
    content: '塗装後';
}

.work01_01cate ul li{
    display: inline-block;
}
.work01_01cate ul li a{
    text-decoration: none;
    display: inline-block;
    padding:0.3em 0.4em;
    margin:0.1em;
    background:#FDECD7;
    color:#F5A33B;
}
.work01_01cate ul li a:hover{
    background:#FCE2C2;
}

.work01_01naiyo dl{
    padding:0.2em 0;
}

.work01_01naiyo dl dt{
    display: inline-block;
    vertical-align: middle;
    width:25%;
    margin:0.2em 0 0 0;
    font-size: 90%;
    padding:0.1em 0.8em;
    color:#FFFFFF;
    background:#F5A33B;
    font-weight: bold;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.work01_01naiyo dl dd{
    display: inline-block;
    vertical-align: middle;
    width:74%;
    padding:0 0 0 1%;
    float: left;
}

.work01_01btn a{/*215 277*/
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding:0.8em 0;
    width:77.6173%;
    margin:0 auto;
    display:block;
    background:#F5A33B;
    border-bottom:#CF7D3A 4px solid;
    
}
.work01_01btn a:hover{/*215 277*/
    background:#F49622;
}

.hihyoji_3 ul li:nth-child(3){
    display: none;
}

/*================
    施工事例
     シングル
=================*/


.work02_01day,
.work02_01cate,
.work02_01cate ul,
.work02_01cate ul li{
    display: inline-block;
    vertical-align: middle;
}

.work02_01day{
    margin:0.2em 0;
}
.work02_01cate ul li a{
    display: inline-block;
    text-decoration: none;
    padding:0.4em 0.6em;
    margin:0.2em;
    background:#FFFFFF;
    color:#F5A33B;
}
.work02_01cate ul li a:hover{
    background:#FEF1E2;
}
.voice02_01before{/*245 530*/
    width:46.2264%;
    margin:0;
    float: left;
    position: relative;
}
.voice02_01beforetext{/*245 530*/
    width:50%;
    margin:0 1%;
    float: left;
}
.voice02_01before img{
    width:100%;
    
}
.voice02_01before::after{
    font-size:90%;
    padding:0 1em;
    position: absolute;
    display: inline-block;
    background:#444444;
    bottom:0;
    right:0;
    color:#FFFFFF;
    content: '塗装前';
    
}
.work02_01after{
    position: relative;
    z-index: 1;
}
.work02_01after img{
    width:100%;
}

.work02_01after::before{
    position: absolute;
    top:-1em;
    left:2em;
    content: url(../img/cms/work_arrow.png);
    z-index: 10;
}

.work02_01after::after{
    font-size:120%;
    padding:0.7em 1.3em;
    position: absolute;
    display: inline-block;
    background:#444444;
    bottom:0;
    right:0;
    color:#FFFFFF;
    content: '塗装後';
    
}


.work02_01naiyo dl{
    padding:0.2em 0;
}

.work02_01naiyo dl dt{
    display: inline-block;
    vertical-align: middle;
    font-size: 90%;
    padding:0.1em 0.8em;
    color:#FFFFFF;
    background:#F5A33B;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.work02_01naiyo dl dd{
    display: inline-block;
    vertical-align: middle;
    padding:0 0 0 1%;
}

.work02_02voice{
    display: inline-block;
    vertical-align: middle;
}
.work02_02voice::before{
    display: inline-block;
    vertical-align: middle;
    content: url(../img/cms/work_icon_01.png);
    padding:0 0.4em 0 0;
}


/*===================
    イベントのご案内
===================*/
.event01_01>ul>li{
    background: #FFFFFF;
    border-radius: 10px;
     width:100%;
    margin:0 0 1em 0;
    float:none;
}

.event01_01block{/*390 530*/
    width:73.5849%;
    margin:0 auto;
    padding:1.5em 0;
}

.event01_01smn{/*370 390*/
    width:70%;
    margin:0 auto;
}
.event01_01smn_img{
	background:#EEEEEE;
    position:relative;
    padding-bottom: 73.469387755%; /*100/横*縦*/
    overflow: hidden;
}

.event01_01smn_img img{
    position: absolute;
	top: 0;
    left: 0;
}

.event01_01end{
    position:absolute;
    top:0;
    left:0;
}

.event01_01day{
    display: inline-block;
    background:#259CD8;
    color:#FFFFFF;
    padding:0.1em 1em;
}
.event01_01kaiday{
    display: inline-block;
    background:#D1EBF8;
    color:#259CD8;
    padding:0.1em 1em;
}

.event01_01kaidaytext ul li{
    display: inline-block;
    margin:0 0.2em 0 0;
}
.event01_01btn a{
    width:90%;
    margin:0 auto;
    display: block;
    color:#FFFFFF;
    background:#259CD8;
    border-bottom:#1F85B6 4px solid;
    padding:0.5em 0;
    text-align: center;
    text-decoration: none;
}
.event01_01btn a:hover{
    background:#2395CB;
}

.event02_01{
    width:90%;
    padding:1.5em 5%;    
    background: #FFFFFF;
    border-radius: 10px;
    border-bottom:#EFEBDC 4px solid;
}

.end{
    font-size:90%;
    color:#67B9E4;
    background: url(../img/cms/event_line.png ) center repeat-x;
    background:100% auto;
}

.event01_02 ul li{/*472 530*/
    width:89.0566%;
    margin:0 auto 1em;
}
.event01_02 ul li img{
    width:100%;
}


/***　　マップ  ***/
.map_block {
    position:relative;
    padding-bottom: 54.54545454%; /* 100/横*縦*/
    height: 0;
    overflow: hidden;
}
.map_block .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***  CMSのフリー領域処理  ***/
.cms_free p img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free p img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free p img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free p img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free p img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free p { padding:0.3em 0; }

/***  カレンダー  ***/
.wp-calendar{
	margin:1.5em 0;
}

.wp-calendar table{
	width:100%;
    padding-top:0.5em;
	color:#000000;
}

.wp-calendar table th,
.wp-calendar table td{
	width:14.2857%;
	background-color:none;
    text-align:center;
}

.wp-calendar table tfoot a {
	text-decoration:none;
}

.wp-calendar table tfoot a:hover {
    background:-moz-linear-gradient(transparent 50%, #ffff99 0);
    background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
    background:-ms-linear-gradient(transparent 50%, #ffff99 0);
    background:-o-linear-gradient(transparent 50%, #ffff99 0);
    background:linear-gradient(transparent 50%, #ffff99 0);
}

.wp-calendar table tbody a {
	display:block;
	color:#000000 !important;
	background-color:#E7E7E7;
	text-decoration:none;
}

.wp-calendar table tbody a:hover {
	color:#000000 !important;
	background-color:#CCCCCC;
	text-decoration:none;
}

/*========================
　メールフォーム
========================*/

/*メールフォーム*/

.mail01_01 dl{
    padding:0.5em 0;
}

.mail01_01 dt{
    width:98%;
    padding:0 0 0 1%;
    margin:0.6em 0;
    float:none;
    font-weight:bold;
}

.mail01_01 dd{
    width:98%;
    margin:0 1%;
    float:none;
}
input.text_min,
input.text,
select.text,
select.text_min,
select.text_middle,
textarea.text{
    border-top:#222222 solid 1px;
    border-left:#CCCCCC solid 1px;
    border-right:#CCCCCC solid 1px;
    border-bottom:#CCCCCC solid 1px;
    border-radius:3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    padding:0.8em 0.8em;
    margin:0.5em 0;
    width:100%;
}
input.text_min,
select.text_min{
    width:30%;
}

select.text_middle{
    width:100%;
}

.mail01_02{
    width:100%;
    margin:0 auto;
}
.mail01_03{
    width:85%;
    margin:0 auto;
}
.mail01_02 input,
.mail01_03 input{
    width:70%;
    margin:0 15%;    
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/*=====================
防水工事・
　　修理メニュー
=====================*/
.water01_01 ul li{
    width:46.4912%;
    margin:1.5em 1.7543%;
    float: left;
}

.water01_01block{
    margin:1.5em 6.6%;/*460 530*/
    padding:0;
}

.water01_01smn{/*245 460*/
    width:53.26086%;
    margin:0;
    float: left;
}
.water01_01smn img{/*245 460*/
    width:100%;
}
.water01_01text{/*215 460*/
    width:44.739%;
    margin:0 0 0 2%;
    float: left;
}


/*====================
    お得・お役立ち情報
=====================*/
    
.blog01_01>ul>li{/*245 815*/
    width:30.06134%;
    margin:0 4% 2em 0;
}
.blog01_01>ul>li:nth-child(3n){/*245 815*/
    width:30.06134%;
    margin:0 0 2em;
}
    
.blog01_02>ul>li{
    padding:0.5em 0;
    text-indent: -1em;
    padding-left:1em;
}
.blog01_02>ul>li::before{
    content:'» ';
    color:#C59259;
    padding:0 0.2em;
}
    
.blog01_02title{/*135 245*/
    width:55.10204%;
    margin:0 auto;
}

.blog02_btn a{/*300 815*/
    width:30.8098%;
    padding:1.5em 3%;
    font-size: 140%;
}


/*====================
    お客様の声
====================*/
.voice01_01>ul>li{
     width:21.4912%;
    margin:0 0 2em 0;
    padding:1em 1.7543%;
}

    
    
/*================
    スタッフ紹介
=================*/
.staff01_01{
    padding:2em 5% 1.5em;
}
.staff01_01 ul li{
    display: inline-block;
    padding:0 2em 0.5em 0;
}

.staff01_02 dl dt{/*323 910*/
    width:35.4945%;
    margin:0;
    float: left;
    
}
.staff01_02 dl dd{/* 910*/
    width:60%;
    margin:0 0 0 4%;
    float: left;
    
}
    
    
/*===================
    施工実績
===================*/
    
.work01_01>ul>li{
    width:29.8245%;
    margin:0 1.7543% 2em;
    float: left;
}
.work01_01smn{
    width: 100%;
    margin:0;
    position: relative;
}
    
    
.hihyoji_3 ul li:nth-child(3){
    display: block;
}


/*===================
    イベントのご案内
===================*/
.event01_01>ul>li{
     width:46.4912%;
    margin:0 1.7543% 2em;
    float: left;
}

.event01_01smn{/*370 390*/
    width:94.87179%;
    margin:0 auto;
}

/*メールフォーム*/
.mail01_01 dl{
    padding:1.5em 0;
}

.mail01_01 dt{
    padding:0;
    margin:0.6em 0;
    width:20%;
    float:left;
    font-weight:normal;

}
.mail01_01 dd{
    width:78%;
    margin:0 1%;
    float:left;

}

input.text,
select.text,
textarea.text{
	width:100%;
}

select.text_middle{
	width:40%;
}
select.text_min{
	width:20%;
}

input.text{
	width:80%;
}


.mail01_02,
.mail01_03{
	width:78%;
	margin:0 0 0 21%;
}
.mail01_02 input,
.mail01_03 input{
	width:auto;
	margin:0 auto;
}


}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1140px) {
/**** メインコンテンツ　****/ 

}