@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.content {margin-top: 0px;}
.main { padding: 0px 29px 20px 29px;}

.back01{  background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/back001.jpg);  background-repeat: no-repeat;  background-position: top left;min-height:800px;}
.back02{  background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/back002.jpg);  background-repeat: no-repeat;  background-position: top right;min-height:800px;}
.back03{  background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/back003.jpg);  background-repeat: no-repeat;  background-position: top left;min-height:800px;}
.back04{  background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/back004.jpg);  background-repeat: no-repeat;  background-position: top right;min-height:800px;}
/*必要ならばここにコードを書く*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #1b68ae;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
.navi-in a { color: #333; font-size: 14px;font-weight:600;}

/*必要ならばここにコードを書く*/
.article h1{margin: 0 calc(50% - 50vw); padding: 1.3em calc(50vw - 50%);
	background: #e8e8e8
    url(https://m-cleanservice.com/wp-content/uploads/2022/03/h1back.jpg)
    no-repeat center bottom;text-align: center;font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;color:#FFF;}
.mincho{font-family: 'Noto Serif JP', serif;font-weight:600;}
.mincho3{font-family: 'Noto Serif JP', serif;font-weight:300;}
.f-vw{font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;}
.m-vw{margin-top:7.2vw!important}
.shadow {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.full-width {margin: 0 calc(50% - 50vw); padding: 5em calc(50vw - 50%);}
.full-width2 {margin: 0 calc(50% - 50vw); padding: 2em calc(50vw - 50%);}
.date-tags{display:none;}
.tbl-r02 th { background: #e9727e; color: #808080; padding: 10px;}
.tbl-r02 td { padding: 10px;}
.img_container:hover img{transform: scale(1.1); transition: transform .5s;}
.new-entry-cards.large-thumb {display: flex;flex-wrap: wrap;}
.new-entry-cards.large-thumb a {width: 33.333%;}
/768px以下/
@media screen and (max-width: 768px){

}

/480px以下/
@media screen and (max-width: 480px){

}



@media screen and (max-width: 1023px){}
@media screen and (max-width: 834px){
.new-entry-cards.large-thumb a {width: 50%;}
.last td:last-child { border-bottom: solid 1px #ccc; width: 100%; }
.tbl-r02 {width: 80%;}
.tbl-r02 th,.tbl-r02 td {border-bottom: none;display: block;width: 100%;}
.tbl-r02 th {background-color: #808080!important; color:#fff;}
}
@media screen and (max-width: 480px) {
.new-entry-cards.large-thumb a {width: 100%;}
.back01{background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/19e2b16c8a02851873264f0d7a7609a4.jpg);  background-repeat: no-repeat;  background-position: top center;min-height:350px;}
.back02{background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/813247d8ea16866404c04d64d8d55bd0.jpg);  background-repeat: no-repeat;  background-position: top center;min-height:350px;}
.back03{background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/0111194643fab7646a15c86cc765eb53.jpg);  background-repeat: no-repeat;  background-position: top center;min-height:350px;}
.back04{background-image: url(https://m-cleanservice.com/wp-content/uploads/2022/03/b4a569b316cee2a861b882ecfe5e2fc4.jpg);  background-repeat: no-repeat;  background-position: top center;min-height:350px;}
}