/*
Theme Name:RIKYU child
Description:WordPressテーマ「RIKYU」の自作子テーマです。
Template:rikyu_tcd104
Author URI:http://tcd-theme.com/
Version:1.0.0
*/

/* --- ヘッダーカスタマイズ --- */


.l-header__logo{
padding:0 20px;
}

.l-header__logo-image{

}

/* ヘッダートップバーのレイアウト調整 */
.l-header--type2 .l-header__top {
  display: flex;
  align-items: center;
  width: 100%;
}

/* 電話番号とボタンの全体エリア */
.header_info {
  display: flex;
  align-items: center;
  gap: 12px; 
  margin-left: auto;
  padding-left: 20px;
}
/* 電話番号のエリア  */
.header_tel {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
/* 電話番号 */
.tel_number {
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  margin: 0;
  line-height: 1;
}
/* 電話番号の前のアイコン */
.tel_number::before {
  content: "\e920";
  font-family: "design_plus";
  margin-right: 4px;
  font-weight: normal;
  font-size: 40px;
  vertical-align: -2px;
}
/* 受付時間 */
.reception_time {
display: flex;
  font-size: 14px;
  color: #666;
  margin: 0;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
/* お問い合わせボタン */

.header_button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  border-radius: 20px;
  width: 180px;
  height: 36px;
  transition: 0.3s;
  background-color: #d54040;
}

.header_button:hover {
  opacity: 0.7;
}




/* 検索アイコン */
.l-header__search-button {

}


/**************************************************************
実績　TOP画像削除
**************************************************************/
.p-single__header-image{
 display: none;
}


/**************************************************************
お知らせ　TOP画像表示
**************************************************************/
.p-single--news__header-image{
 display: block;
}

/**************************************************************
施工実績詳細ページ用
**************************************************************/
@media screen and (min-width: 768px) {
.post_row {  margin-top: 47px;}
.post_col, .post_col-2 { margin-bottom: 0px;}
.title { margin-bottom: -9px!important;}
.desc {margin-top: 20px!important; margin-bottom: 35px!important;}
.desc2 {margin-top: -1px!important; margin-bottom: 46px!important;}
.desc3 {margin-top: -11px!important; margin-bottom: 104px!important;}
.desc4 {margin-top: 49px!important; margin-bottom: 35px!important;}
.desc5 { margin-top: 75px!important; margin-bottom: -24px!important;}
.speech_balloon { margin: 0 auto;  width: 70%;}
.p-body .p-lp2__box h2 { margin: -0.25em 0 calc(46px - 0.25em);}
.q_button_wrap { margin-top: 47px!important; margin-bottom: 0px!important; }
}
@media screen and (max-width:767px) {
.title { margin-bottom: 12px!important;}
.title2 { margin-top: -36px!important;}
.desc {margin-bottom: 29px!important;}
.desc2 {margin-bottom: 29px!important;}
.desc4 {margin-top: 30px!important; }
.speech_balloon_text { margin-bottom: 30px;}
.speech_balloon_text { font-size: 14px;}
.q_button_wrap { margin-top: 20px!important;  margin-bottom: 0px!important;}
}




@media screen and (max-width: 1200px) {

/* 電話番号 */
.tel_number {
  font-size: 24px;
}
/* 電話番号の前のアイコン */
.tel_number::before {
  margin-right: 4px;
  font-size: 30px;
  vertical-align: -2px;
}
/* 受付時間 */
.reception_time {
  display:none;
}


/* お問い合わせボタン */

.header_button {
  font-size: 12px;
  border-radius: 10px;
  width: 100px;
  height: 30px;

}

}


@media screen and (max-width: 919px) {

/* 電話番号 */
.tel_number {
  display:none;
}
/* 電話番号の前のアイコン */
.tel_number::before {
display:none;

}

.header_button {
display:none;

}

}

}






/*************************************************************
【コメント欄削除】
*************************************************************/
#comments {
  display: none !important;
}


/*************************************************************
【施工実績箇所コメント欄削除】
*************************************************************/
.c-comment {
  display: none !important;
}



/*************************************************************
【カート非表示】
*************************************************************/
.js-product-item-cart {display:none;}

/* PC　SPの改行 */
@media screen and (max-width: 767px) {
    br.pc_br {
        display: none !important;
    }
} 
 
@media screen and (min-width: 768px) {
    br.sp_br {
        display: none !important;
    }
} 



/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}
.mt0{margin-top:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}


/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}		
.pt0{padding-top:0 !important}	
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}	

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.pb30{padding-bottom:30px !important}




/**************************************************************
【配置設定】
**************************************************************/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.f_left{float:left;}
.f_right{float:right;}





/**************************************************************
【タイトルの表示スピード】
**************************************************************/
body:not(.use_loading_screen) .c-animation--text, .close_loading_screen .c-animation--text {
 animation: FadeIn 2.0s
 ease 0.2s forwards;
}




/**************************************************************
TOPバナー系
**************************************************************/

/**************************************************************
土木・建築バナー用
**************************************************************/

.free_banner {
  width: 100%;
  height: 70vh;
  overflow: hidden;
}


/* 絶対配置したい要素の親要素にposition: relative;指定 */
.free_banner_inner {
  position: relative;
  width: inherit;
  height: inherit;
}

/* 絶対配置する要素にposition: absolute;指定 */
.free_banner_textBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  max-width: 1100px;
  z-index: 2;
  background-color: rgba(0,0,0,0.4);
  padding: 16px;
}


.free_banner_img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}



.free_banner_img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 0;
}
.free_banner_img img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}

.free_banner_copy {
  margin: 0;
  font-size: 120％;
  color: white;
}

.free_banner_text {
  color: white;
  margin: 0;
  margin-top: 15px;
  font-size: 70％;
}


/**************************************************************
産業廃棄物用バナー
**************************************************************/


.free_banner2 {
  height: 40vh;
  width: 100%;
  overflow: hidden;
}


/* 絶対配置したい要素の親要素にposition: relative;指定 */
.free_banner2_inner {
  position: relative;
  width: inherit;
  height: inherit;
}

/* 絶対配置する要素にposition: absolute;指定 */
.free_banner2_textBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  max-width: 1100px;
  z-index: 2;
  background-color: rgba(0,0,0,0.4);
  padding: 16px;
}


.free_banner2_img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.free_banner2_img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 0;
}
.free_banner2_img img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}

.free_banner2_copy {
  font-size: 120％;
  color: white;
}

.free_banner2_text {
  color: white;
  font-size: 70％;
}


/**************************************************************
上記バナー箇所のスマホ調整
**************************************************************/
@media only screen and (max-width: 767px) {
.free_banner_text {
text-align:left;
}
.free_banner2_text {
text-align:left;
}

.free_banner {
  height: 104vh;
}

.free_banner2 {
  height: 60vh;
}


}



/**************************************************************
サムネイル　お気に入りマーク削除
**************************************************************/
.p-article-like{
display:none;
}

/**************************************************************
商品ページ　お気に入り削除
**************************************************************/
.p-entry-product-like {
  display: none;
}


/**************************************************************
フッターメニュー２削除できない箇所を白塗り
**************************************************************/
#menu-item-736 a {
    color:#ffffff
}


/**************************************************************
フッターバナー2つ並び
**************************************************************/
@media only screen and (min-width: 768px) {
.l-footer__banners-item { width: calc((100% - 30px) / 2); }
.l-footer__banners .u-flex-wrap { justify-content: center; }

.l-inner {
    max-width: 1100px;
    width: 100%;
}

/**************************************************************
PC　電話リンクしないようにする
**************************************************************/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/**************************************************************
スマホ　ハンバーガーメニューの下にMENU文字記載
**************************************************************/
.js-menu-button:after{
    display: block;
    content: "MENU";
    font-size: 7px;
    color: #000;
    margin-top: 7px;
}