@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 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書く*/ body{color:#fff;} span.hissu{color:#FF0004;} .ark-block-accordion__title{color:#333333;} .contactform{color:#333333;background:#fff;} .wpcf7-response-output{color:#fff;} h2.wp-block-heading{font-size:36px;border:0px!important;text-align:center;background:none!important;margin:30px 5px;} h3.wp-block-heading{font-size:32px;border:0px!important;text-align:center;margin:20px 5px;} h4.wp-block-heading{font-size:24px;border:0px!important;text-align:center;margin:20px 5px;} .linelink a{ display:block; background:#06c755; border-radius:10px; text-align:center!important; margin:30px; padding:20px; } .linelink a img{margin:0 auto;} .linelink a:hover{opacity:70%;} .webyoyakulink a{ display:block; background:#2195d6; border-radius:10px; text-align:center!important; margin:30px; padding:20px; } .webyoyakulink a img{margin:0 auto;} .webyoyakulink a:hover{opacity:70%;} /*cat_itemlist*/ .itemlist_cat_list{ } .itemlist_cat_list ul{ } .itemlist_cat_list ul li{ display:inline-block; width:200px; height:260px; vertical-align:top; margin:5px; } .itemlist_cat_list_img{ width:200px; height:120px; overflow:hidden; border-radius: 6px; text-align:center; } .itemlist_cat_list_img img{ border-radius: 6px; border:1px solid #F0F0F0; } .itemlist_cat_list_ttl{ margin-top:10px; line-height: normal; font-size:14px; } .itemlist_cat_list_ttl a{color:#fff;text-decoration:none;} .itemlist_cat_list_ttl a:hover{text-decoration:underline;} #content_kakou h1{text-align:center;} #content_kakou h2{ padding:5px; background:#1D1D1D; } #content_kakou h2 a{color:#fff;text-decoration:none;} #content_kakou h2 a:hover{text-decoration:underline;} /* ============================================== con_05 ================================================= */ .con05_area { margin: 0 auto; text-align: center; } .con05_box { width: 330px; display: inline-block; vertical-align: top; padding: 60px 20px 50px; position: relative; margin-top: 100px; } .con05_box:nth-child(1), .con05_box:nth-child(6), .con05_box:nth-child(8) { background: #142841; } .con05_box:nth-child(2), .con05_box:nth-child(4), .con05_box:nth-child(9) { background: #272729; } .con05_box:nth-child(3), .con05_box:nth-child(5), .con05_box:nth-child(7) { background: #7A6B58; } .con05_box:nth-child(3n-1) { margin: 100px 1px 0; } .con05_no { display: block; margin: 0 auto; position: absolute; top: -50px; left: 0; right: 0; } .con05_box p { font-size: 18px; color: #fff; line-height: 140%; text-align: left; margin-top: 20px; } @media screen and (max-width:768px){ #con_05 { padding: 60px 0; } .con05_box{width:100%;} .con05_txt { padding: 0 15px; font-size: 20px; line-height: 130%; } .con05_area { width: 100%; padding: 0 15px; } .con05_box { width: 49%; padding: 60px 20px 30px; } .con05_img { max-width: 290px; width: 100%; height: auto; } .con05_box:nth-child(1), .con05_box:nth-child(4), .con05_box:nth-child(7) { background: #142841; } .con05_box:nth-child(2), .con05_box:nth-child(5), .con05_box:nth-child(8) { background: #272729; } .con05_box:nth-child(3), .con05_box:nth-child(6), .con05_box:nth-child(9) { background: #7A6B58; } } /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1023px以下*/ @media screen and (max-width: 1023px){ /*必要ならばここにコードを書く*/ } /*834px以下*/ @media screen and (max-width: 834px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ } /************************************ ** 固定ページだけタイトルを非表示にする ************************************/ .page .entry-title { display: none; } /************************************ ** トップページだけタイトルを非表示にする ************************************/ .site-name-text { display: none; } /************************************ ** 背景を黒に ************************************/ #main { background: #000000; } // Code from https://shuhu-marketing.com/web-marketing/google-analytics/tracking-contactform7-ga4/ add_action( 'wp_footer', function () { //