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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*見出しデザインリセット*/
.article h2 {
  padding: 0;
  background-color:transparent;
  border-radius: 0;
}

.article h3 {
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.article h4 {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}
 
.article h5{
  padding: 0;
  border-bottom: 0;
}

.article h6{
  padding: 0;
  border-bottom: 0;
}
/*見出しデザインリセット ここまで*/

/* ナビラベル【PC】  */
.navi .item-label, .navi .item-description {
font-weight: bold;
}

/* ナビメニュー【Mobile】  */
.menu-drawer a {
font-weight: bold;
}

/* リンク下線 非表示  */
a{ text-decoration: none; }

/* FrontPage タイトル非表示  */
.front-top-page #main .entry-title{
display: none;
}
/* FrontPage タイトル非表示  */
.front-top-page #main .entry-title{
display:none;
}
/* ギャラリーブロック */
.wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0;
}
/* カルーセル カスタマイズ */
.ccb-carousel-border .a-wrap {
border: 3px solid #00896B;
}
/* ギャラリー 画像サイズ補正 */
.wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0;
}

/* container 上部余白調整【tablet/mobile】  */
.container {
margin-top : -20px;
}

/* アピールエリア カスタイズ */
.appeal-content {
background-color: rgba(255, 255, 255, 0.55);
border-radius: 3px;
}
.n2-font-bfbedf69c5c4c6aeef4c2ce29973a328-hover {
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic',sans-serif !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important; 
}
.appeal-title {
color: #584F5B;
font-weight: bold;
margin-bottom: 0;
}
.appeal-message{
color: #584F5B;
margin-bottom: 0;
}

/* H1カスタマイズ */
.entry-title, .archive-title {
color: #ff8c00;
text-align: center;
font-size: 25px;
padding: 17px;
border: solid 5px #ff8c00;
border-radius: 5px;
margin-bottom: 1.5em;
line-height: 1.3;
}

/* H2カスタマイズ */
.article h2 {
color: #ffa500;
background-color: #ffffe0;
border-left: 12px solid #ffa500;
text-align: center;
font-size: 22px;
padding: 22px 17px;
margin-top: 0px;
margin-bottom: 1.3em;
line-height: 1.3;
}

/* H3カスタイマイズ */
.article h3 {
color: #ffd700;
border-bottom: 5px solid #ffd700;
font-size: 19px ;
padding: 10px ;
text-align: center;
line-height: 1.2;
}

/* H4カスタイマイズ */
.article h4 {
color: #1a70bc;
font-size: 16px ;
text-align: center;
border-bottom: 2px solid #1a70bc;
line-height: 1.9;
}

/* Sidebar H3 カスタマイズ */
.sidebar h3 {
color:#fff;
background-color: #0E2954;
padding: 10px;
text-align: center;
font-size: 18px;
letter-spacing: 1px;
border-radius: 3px;
}

/* Footer H3 カスタマイズ */
.footer-in h3 {
padding: 10px;
border: 3px solid #fff;
text-align: center;
font-size: 18px;
border-radius: 1px;
margin-bottom: 10px
}

/* Blog Floating Button 無効化 */
[id^="bfb_content_"] .bfb_closed {
	display: none;
}

/*---------------------------------------
 フッター カスタマイズ
---------------------------------------- */
.widget_nav_menu ul li a {
padding: 0;
}

#media_image-2, #media_image-3, #media_image-4 {
margin-bottom: 7px;
}

/*-------------------------
ContactForm7 カスタマイズ
-------------------------- */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
 display: block;
 width: 100%;
 height: 45px;
 margin-bottom: 0;
 padding: 0 12px;
 border: 0;
 border-radius: 3px;
 background-color: #eff1f5;
 box-shadow: none;
 color: #5c6b80;
 font-size: 1.1em;
 vertical-align: middle;
 line-height: 45px;
 transition: background-color 0.24s ease-in-out;
}

textarea {
 max-width: 100%;
 min-height: 250px;
 line-height: 1.5em;
 padding: 0.5em;
 overflow: auto;
}

@media(max-width:500px) {
	.inquiry th {
		padding: 10px;
	}
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .inquiry tr:first-child th {
        border-top: 2px solid #A0E19D !important
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 15px
    }
}

.inquiry p {
	margin-bottom: 0;
}

.inquiry th {
    text-align: center;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 2px #d7d7d7
}

.inquiry td {
    border: solid 2px #d7d7d7
}

.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}

.haveto {
    font-size: 10px;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

.any {
    font-size: 10px;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

.verticallist .wpcf7-list-item {
    display: block
}

#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}

#formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}

th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}

td {
    border-top: 1px solid #ededed;
    padding: 12px;
}

input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/* ヘッダーモバイルボタン */
	.mobile-header-menu-buttons {
		background: #ffa500;
		color: #fff;
	}
	.mobile-menu-buttons .menu-button>a {
		color: #fff;
	}
	/* フッターモバイルボタン */
	.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 {
		background: #ffa500;
		color: #fff;
	}
	/* sidebar Close Icon カラー変更 */
	.menu-close-button {
		color: #d2691e;
	}
}

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

}
	

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

}