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

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

/*サイトサイズ（メイン）*/
.no-sidebar .wrap {
    width: 750px;
}
/*筆者なし*/
.page .date-tags {
    display: none;
}
/*余白調整*/
.content {
    margin-top: 0;
}
.main {
    padding: 0!important;
}
.entry-content {
    margin-top: 0;
}
.company {
    margin-bottom: 0!important;
}

/*タイトルなし*/
.entry-title {
    display: none;
}
/*コンテンツとフッター余白調節*/
.footer-widgets {
    display: none;
}
.footer-bottom {
    margin-top: 0px;
}

/*ロゴ調整*/
#header {
    margin-left: 30px;
}

/*メニューアイコン*/
.menu-item i {
    margin-right: 5px;
}
/*メニュー*/
#navi .navi-in> ul {
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
}
#navi .navi-in> ul> li {
    width: 45%;
	padding-right: 10px;
}
#navi .navi-in> ul> li > a{
    display: block;
	border-radius: 10px;
	font-weight:bold;
	color: #ffffff;
}
#navi .navi-in> ul> li.phone > a{
	background-color: #F08200;
	font-size: 16px;
	padding: 5px 30px 0px 30px;
	color: #ffffff;
}
#navi .navi-in> ul> li.mail > a{
	background-color: #07c656;
	font-size: 15px;
	padding: 5px 20px 0px 20px;
	color: #ffffff;
}
#navi .navi-in> ul> li.phone > a:hover {
	background-color: #F08200;
}
#navi .navi-in> ul> li.mail > a:hover {
	opacity: 0.7;
}
.sub-caption {
	color: #ffffff;
	font-weight:bold;
	font-size: 12px;
	padding-bottom: 0px;	
	opacity: 1;
}

/*ContactForm7カスタマイズ*/
table.CF7_table {
	width:100%;
	margin:0 auto;
	border: 1px solid #715a4d;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #715a4d;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req {
	font-size:.9em;
	padding: 5px;
	background: #F08200;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq {
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
.CF7_table p {
	margin-bottom: 0;
}
	
/* タイトル列 */
@media screen and (min-width: 768px){
.CF7_table th{
	width:30%;/*横幅*/
    background-color:#F9F8F3;
	text-align:left;
	padding-left:20px;
	}
	
}
/* 希望日時 */
.wpcf7-form select {
    display: inline;
    width: 60px;
    height: 30px;
    margin: 0px 5px 10px 8px;
    padding: 4px;
	border: 1px solid #715a4d;
	background-color: #fff;
	color:#715a4d;
}
.wpcf7-form select[name="menu-time"], .wpcf7-form select[name="menu-time2"], .wpcf7-form select[name="menu-time3"] {
    width: 100px;
 }
.wpcf7-form select[name="menu-month"], .wpcf7-form select[name="menu-day"], .wpcf7-form select[name="menu-time"]{
	margin-top:10px;
}
.wpcf7-form select[name="menu-month2"], .wpcf7-form select[name="menu-day2"], .wpcf7-form select[name="menu-time2"]{
	margin-top:10px;
}
/* レスポンシブ */
@media screen and (min-width 480px) and (max-width 767px) {
table.CF7_table{
	width:90%;
	}	
}
@media screen and (max-width: 480px){
table.CF7_table{
	width:90%;
	}
.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	}
.CF7_table th{
	background-color:#F9F8F3;
	text-align:left;
	}
.CF7_table th p{
	padding-top:10px;
	padding-bottom:10px;
    }
.wpcf7-form select {
    margin: 0px 5px 10px 5px;
    padding: 4px;
    }

}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	width: 50%;
	background-color:#F08200;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:30px auto;
	border-radius: 4px;
}
.wpcf7 input.wpcf7-submit:hover {
	opacity: 0.8;
}　

@media screen and (max-width: 480px){
.wpcf7 input.wpcf7-submit {
     width: 50%;
    }
}
.CF7_btn{
	text-align:center;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}
/* プライバシーポリシー */
p.privacy {
	text-align: center;
	padding-top: 20px;
	padding-bottom:20px;
	margin-bottom:0px;
}   
p.privacy a {
	color:#715a4d;
	padding-left: 10px;
}
p.privacy a:hover {
	color:#B9222B;
}
/* reCAPTCHAのアイコン隠す */
.grecaptcha-badge { 
	visibility: hidden;
}
/* google */
p.google a {
	color:#715a4d;
}
p.google a:hover {
	color:#B9222B;
}

/* エラーメッセージ */
.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-validation-errors {
    font-weight: bold;
}

/* 月日時間のエラーメッセージの調整 */
.error .wpcf7-not-valid-tip {
    display: none;
 }

.error .error-message {
    color: #dc3232;
    display: none; 
	font-weight: bold;
 }

.error:has(.wpcf7-not-valid-tip) .error-message {
    display: block;
 }

/* 余白調整 */
.article, .entry-content {
	margin-bottom: 0!important;
}
/* フッター */
#footer {
	margin: 0 auto;
}
.footer {
    width: 750px;
	margin-top: 0;
	padding-top: 0;

}
/* お問い合わせバナー */
.contact_bn {
	width:80%;
}
.contact_bn:hover {
	opacity: 0.8;	
}
/* LINEバナー */
.LINE {
	width:60%;
}
.thanks_p {
	padding-top:35px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
/*モバイルフッターメニュー*/	
.mobile-menu-buttons  {
    min-height: 120px;
}
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover, 
.navi-menu-content a,
.navi-menu-content a:hover  {
    width: 100%;
}
#menu-mobilemenu > li > a {
	display: block;	
	background-image:url("https://attaka-dou.com/setsuden-glass-lp01/wp-content/uploads/2024/05/contact_bn102.png");
  　color: #ffffff;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	background-size: 50%;	
    height: 120px;
	background-position: center;
}
/*480px以下*/
@media screen and (max-width: 480px){
#menu-mobilemenu > li > a {
	background-size: 100%;	
}
}
#menu-mobilemenu > li > a > span.custom-menu-icon.menu-icon {
	display: none;	
}
#menu-mobilemenu > li > a > span.custom-menu-caption.menu-caption > i {
	padding-right: 10px;	
}
#menu-mobilemenu > li > a > span.custom-menu-caption.menu-caption {
	font-size:1em;	
	color: #ffffff;
	font-weight: bold;
	opacity: 1;
}	
	
}

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


}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#header {
	margin-left: 0px;
}
.header-container {
	padding-top:10px;
	padding-bottom: 10px;

}
.header-container-in.hlt-top-menu  {
	flex-direction: row!important;
	margin-top: 10px;
} 
	
.logo-image {
	width: 90%;	
}	
/*メニュー*/
#navi .navi-in> ul {
	margin-right: 5px;
	margin-top: 0px;

}
.hlt-tm-right .navi-in > ul {
	justify-content: start;	
}
#navi .navi-in > .menu-mobile li {
	width: 100%;
}

#navi .navi-in> ul> li.phone > a{
	padding: 10px 20px 0px 20px;
	font-size: 0.8em;

}
.sub-caption {
	font-size: 0.8em;
	padding-bottom: 5px;
	padding-top: 5px;
}

#main {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.no-sidebar .wrap {
    width: 100%;
}
p.google {
	font-size: 0.8em;
}
#footer {
	width: 100%;	
}
.footer-bottom-content{
	font-size: 0.8em;	
}
/* お問い合わせバナーのサイズ */
.contact_bn {
	width:90%;
}	
	
}