@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/*ロールスロープ・アクセス山本編集開始20240925*/
/*ヘッダー設定*/
.inner{width:96%; padding:0; max-width:1180px; margin:0 auto;}
header{position:fixed; top:0; left:0; z-index:999; width:100%;}
header .head-bg{background:#fed000;height: 85px;display:flex;align-items:stretch;}
header .inner{display:flex; justify-content:space-between; align-items:center;}
header .catch-copy{width:12%;}
header .catch-copy p{line-height:1.3em;}
@media(max-width:1163px){header .catch-copy p{font-size:18px;}}
header h1{width: 48%;}
header h1 a{display:block;}
header h1 a img{display:inline-block;vertical-align:middle;width: 90%;height: auto;}
header #head_links{width:40%;display:table;display: flex;justify-content: space-between;align-items: center;}
header #head_links ul{padding-left:0;}
header #head_links ul li{list-style:none;}
header #head_links a{text-decoration:none; display:block; text-align:right; color:#000;}
header #head_links a img{display:block; width:100%; height:auto;}
nav{background:#fed000; display:block;}
nav ul{display:table; table-layout:fixed; padding:5px 0; width:100%;}
nav li{display:table-cell; text-align:center; vertical-align:middle; padding:0; font-size:21px; border-left:1px #000 solid; line-height:0.5em;}
nav li:last-child{border-right:1px #000 solid;}
.main-navigation li > a{display:block;color:#000;text-decoration:none;text-align:center;margin: 10px 0;}
.main-navigation li > a:hover{color: #80abc8!important;}
@media screen and (min-width: 1050px){navi li{font-size:14px; padding:0 10px;}}
@media (min-width: 1240px){header .contact_hed{top:-26px;}}
@media (min-width: 960px){header .contact_hed{max-width:360px; box-shadow:2px 2px 3px #998; top:-26px; width:100%; height:43px; border:1px solid #998; font-size:18px; padding:5px 10px; text-align:center; letter-spacing:3px; margin-right:5px; color:#666;}}
@media (min-width: 960px){header .contact_hed:after{content:''; display:block; width:32px; height:23px; background-image:url(https://www.katatede.jp/image/common/icon-mail.webp); background-size:cover; position:relative; right:-232px; top:-29px;}}
@media (min-width: 960px){header .contact_hed:hover{box-shadow:none; transition:all 0.3s ease; position:elative; right:-1px;}}
header.header{height:0;}
@media(max-width:1198px){.head_icon1 span:nth-child(2n){font-size:26px !important;}}
@media(max-width:1069px){.head_icon1 span:nth-child(2n){font-size:22px !important;}}
@media(max-width:1143px){.head_icon2 a, .head_icon3 a{font-size:13px !important;}}
/*★★展示会バナー　非表示にする際にはこのコメントアウトを外す*/
.expo-bnr{visibility:hidden;}

/*スマホヘッダー*/
.logo-menu-button img{width:90%}

/*全ページ共通*/
.header-in{display:none;}
.date-tags{display:none;}
body{background:#f9f9f9;}
.content{margin-top:125px;}
.entry-content{margin-top:0.5em;}
@media(max-width:1022px){.content{margin-top:0}}
.pc{display:block;}
.sp{display:none;}
@media(max-width:1023px){.pc{display:none;}}
@media(max-width:1023px){.sp{display:block;}}
.no-sidebar .content .main {max-width:1180px; width:98%; margin:0 auto; background:#f9f9f9; padding:0;}
main p{font-size:20px; margin-bottom:0 !important; padding-bottom:18px; line-height:normal;}
main a{font-size:20px; margin-bottom:0; padding-bottom:18px; line-height:normal !important;}
a:hover img{opacity:0.5;}
#admin-panel{display:none;}
h1.entry-title{display:none;}
header h1.entry-title{float:none; margin:0 0 20px; text-align:center; font-size:60px; max-width:1180px; width:100%;}
h1.sp{font-size:60px; text-align:center;}
h1.main_title{font-weight:normal; line-height:1.5em; margin:50px 0 20px; font-size:40px;}
h2.h2{border-left:9px solid #fed000; font-weight:normal; line-height:1.5em; padding:0 0 0 8px; margin:50px 0 20px; font-size:40px;}
h2.h2_toppage{font-size:40px; color:#000; font-weight:normal; margin-bottom:10px;}
h2.h2_bottom{margin-bottom:30px !important;}
h3.h3{text-align:center; font-size:40px; color:#333; background:none !important; line-height:1.8em; margin-bottom:0;}
h3.h3_toppage{text-align:center; font-size:18px; font-weight:normal;}
h3.h3_table {font-size:20px; margin-bottom:0;}
h3.hint{font-size:35px; text-align:left; background: linear-gradient(transparent 35%, #fed000 90%); margin:0; font-weight:normal; padding-left:8px; border:none;}
h4.hint{margin-bottom:10px; border-bottom:2px solid #fed000;}
h4 a.h4_hint{font-size:30px; text-decoration:none;}
table{font-size:20px;}
table th{background-color:#fed000;}
table td{text-align:center;}
table:not(.has-border-color) :where(th, td){border: 1px solid #333;}
span.bold{font-weight:bold;}
span.small{font-size:40px;}
span.fs13{font-size:13px;}
p.caption{line-height:1em; font-size:18px; text-align:center;}
#breadcrumb{display:none;}
.breadcrumbs a{font-size:14px; padding-bottom:0;}
.breadcrumbs{font-size:14px; max-width:1180px; width:98%; background:#f9f9f9; padding:0;}
/*ページ内リンクボタン*/
.link_wrap div {width:100%;}
.link_wrap div a.section_link-btn {display:block; position:relative; color:#333; font-size:20px; line-height:26px !important; border: 5px solid #fed000; padding:20px 5px; text-align:center; text-decoration:none;}
.link_wrap div a.section_link-btn:hover span {color:#333 !important;}
.link_wrap div a.bg_left-right:before{content:''; position:absolute; top:0; left:0; z-index:-2; background:#fed000; width:100%; height:100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform:scale(0, 1); transform-origin:right top;}
.link_wrap div a.bg_left-right:hover:before{transform-origin:left top; transform:scale(1,1);}
.link_wrap div a.ovalef {padding: 7px 5px;}
@media(max-width:1028px){.link_wrap div a.cho5{padding:20px 0;}}
@media(max-width:972px){.link_wrap div a.cho5{padding:7px 5px;}}
@media(max-width:1028px){.nonbr{display:none;}}
@media(max-width:925px){.link_wrap div a.ovalef{padding:7px 0;}}
@media(max-width:828px){.link_wrap div a.bans-caution{padding:20px 0;}}
@media(max-width:780px){.link_wrap div a.section_link-btn{padding:10px 0;}}

/*記事ページ共通*/
.toc-center{margin-left:0;}
.article .toc-center ul > li:before{content:'▼'; display:inline-blockblock; width:100px; height:100px;}
.article .toc-center ul li ul li:before{content:'';}
.article ul li{font-size:20px;}
.single .article-footer{display:none;}
.single .under-entry-content{display:none;}
.single h3.h3{font-size:30px; font-weight:normal; text-align:left;}
.single .related_articles h2{max-width:300px; margin-bottom:20px; background:#66eddb; padding:15px 5px; text-align:center !important; font-size:23px !important; font-weight:bold; color:#000;}
.single .related_articles h3{margin:0;}
.single .related_articles #column_question1, .single .related_articles #column_question2{display:flex; justify-content:space-between;}
.single .related_articles .type1, .single .related_articles .type2, .single .related_articles .type3{width:100%; max-width:490px;}
.single .related_articles ul.type1_1{padding-left:10px; margin-bottom:30px;}
.single .related_articles ul.type1_1 li{list-style:none;}

/*フッター設定*/
footer a:hover{color:#e53900 !important;}
footer #footer-in .contact_wrap{max-width:860px; margin:40px auto 0; display:flex; justify-content:space-between; align-items:flex-start;}
@media(max-width:960px){footer #footer-in .contact_wrap{display:block;}}
@media(max-width:960px){footer #footer-in .contact_wrap .ftcon_right{text-align:left !important;}}
footer #footer-in .ftr_menu .inner{max-width:860px; margin:8px auto 0;}
footer #footer-in .ftr_menu .inner ul{display:table; table-layout:fixed; width:100%; padding:1% 0;}
footer #footer-in .ftr_menu .inner ul li{display:table-cell; text-align:center; vertical-align:middle; border-left:1px solid #000;}
footer #footer-in .ftr_menu .inner ul li:last-child{border-right:1px solid #000;}
footer #footer-in .ftr_menu .inner ul li a{text-decoration:none;}
footer #footer-in .contact_wrap .ftcon_left h2.name{font-size:37px; font-weight:bold; line-height:1.8em;}
footer #footer-in .contact_wrap .ftcon_left p{font-size:19.5px; line-height:1.6em;}
footer #footer-in .contact_wrap .ftcon_right{text-align:right; font-size:17px; max-width:250px; font-weight:bold;}
footer #footer-in .contact_wrap .ftcon_right .freetel{font-size:11px;}
footer #footer-in .site_0{max-width:860px; font-size:14.2px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:auto; padding-top:5px;}
footer .author-info{display:none;}
#access_sitemap{padding-top:40px; max-width:860px; display:flex; justify-content:space-between; margin:auto;}
.as-globalfooter-directory-column{position:relative; top:-20px; width:280px; margin:0;}
.as-globalfooter-directory-column label{font-weight:bold; margin-bottom:10px;}
.nav_foot h2{margin-bottom:5px; font-size:15px !important; font-weight:bold; margin-top:25px; white-space:nowrap;}
.as-globalfooter-directory-column ul{max-width:960px;width:98%;margin:2% auto 3%;font-size:15px;margin-right:10px;line-height: 1.3em;padding: 0;}
.as-globalfooter-directory-column ul li{display:list-item; list-style:none;}
.as-globalfooter-directory-column ul li a{text-decoration:none;}

/*トップページ*/
.top-movie-wrap {z-index:100; position:relative; padding-bottom:56.25%; height:1vw; overflow:hidden; top:0; border-bottom:1px solid #000;}
.top-movie-wrap iframe{position:absolute; top:0; left:0; width:110%; height:110%;}
.page-id-26 .content .main{max-width:none; width:100%;}
.page-id-26 .content{margin-top:120px;}
@media(max-width:1022px){.page-id-26 .content{margin-top:0}}
.page-id-26 .entry-content {margin-top:0px;}
.page-id-26 .content .main2{max-width:1180px; width:98%; margin:0 auto 0; background:#f9f9f9; padding:0;}
.page-id-26 li.menu_home a{font-weight:bold; color:#00a48e;}
.page-id-26 .breadcrumbs{display:none;}

/*仕様*/
.page-id-50 li.menu_features a{font-weight:bold; color:#00a48e;}
.page-id-50 table th,.page-id-50 table td{width:23vw;}

/*メディア*/
.page-id-69 li.menu_media a{font-weight:bold; color:#00a48e;}

/*会社案内*/
.page-id-213 li.menu_company a{font-weight:bold; color:#00a48e;}
.link-list{display:flex; align-items:flex-start;}
.link-list p{padding-bottom:0;}
span.fs20{font-size:10px; padding-right:5px;}

/*使用例*/
.page-id-238 li.menu_eg a{font-weight:bold; color:#00a48e;}

/*オプション*/
.page-id-227 li.menu_op a{font-weight:bold; color:#00a48e;}

/*補修部品*/
.page-id-234 li.menu_parts a{font-weight:bold; color:#00a48e;}

/*施工ヒント集*/
.page-id-331 li.menu_hint a{font-weight:bold; color:#00a48e;}

/*お問合せ*/
.page-id-82 .box_type1{line-height:1.75; font-size:1.6rem; margin-bottom:0px; padding:15px; border:1px solid #0086a7;}
.page-id-82 .center_txt{text-align:center; padding-bottom:0;}
.page-id-82 table.ec{table-layout:fixed; margin:0;}
.page-id-82 table.ec th, table.ec td{width:14%; height:50px; padding:0 !important; line-height:1.2em;}
.page-id-82 table.ec th{background:#66eddb;}
.page-id-82 table.ec td a{text-decoration:none; padding:0;}
/*contact foam7*/
.page-id-82 table.form{table-layout:fixed;}
.page-id-82 table.form th{width:20%;}
.page-id-82 table.form p{padding-bottom:0;}
.btn_wrap{text-align:center;}
.btn_wrap input{width:80%; max-width:300px; text-align:center; background:#006646 !important; color: #FFF !important; font-weight:bold; font-size:32px;}
.wpcf7-spinner{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  main p{font-size:19px; line-height:1.6em;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}