@charset "UTF-8";

@import url("bace.css");
@import url("sp.css");
/*!
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
*/

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

.header-container{position: fixed;z-index: 10;}
#content-bottom div.custom-html-widget{background: #fff;padding-top: 64px;padding-bottom: 40px;border-radius: 200px;}
.AreaSnsWig .Frame{max-height: 463px;overflow-x: auto;border: 5px solid #282828;border-radius: 5px;background: #fff;}
.widget .AreaSnsWig h2,.widget .AreaSnsWig h3{font-family: '見出ゴMB31',sans-serif;text-align: center;line-height: 1;letter-spacing: 0;}
.widget .AreaSnsWig h2{font-size: 18px;height: 45px;margin-bottom: 53px;position: relative;}
.widget .AreaSnsWig h2::after{content: "";width: 32px;height: 2px;background: #282828;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.widget .AreaSnsWig h3{font-size: 16px;margin-bottom: 25px;}
.AreaSnsWig ul{display: flex;flex-wrap: wrap;max-width: 760px;margin: 0 auto;}
.AreaSnsWig ul li{margin-bottom: 50px;width: 50%;}
.AreaSnsWig ul li.AreaYT{width: 100%;}
.AreaSnsWig ul li.AreaX{padding-right: 1.35em;}
.AreaSnsWig ul li.AreaI{padding-left: 1.35em;}

.AreaSnsWig ul li.AreaYT .Frame{position: relative;width: 100%;height: 0;overflow: hidden;padding-top: 55%;}
.AreaSnsWig ul li.AreaYT .Frame iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

/*TopPage*/
.home .main{padding-bottom: 70px;}
.home.front-top-page .pagination,.home.front-top-page .article-header{display: none;}
#content .content-in{max-width: 980px;}
.content{margin-top: 0;padding-top: 60px;}
.home .new-entry-card-content .entry-categories{display: none;}

/*carousel*/
#carousel{overflow: hidden;padding-top: 80px;padding-bottom: 43px;}
.carousel-content{padding-bottom: 68px;max-width: none;margin: 0 -30px;}
.carousel-content .slick-track{align-items: center;padding: 0;}
.carousel-entry-card-thumb{display: flex;}
#carousel article{border: 3px solid #418045;background: #fff;border-radius: 5px;/*max-width: 622px;*/width: 100%;padding: 0;margin: 0 auto;}
.carousel,.carousel .a-wrap{margin: 0;padding: 0;}


.carousel-content .a-wrap.slick-active{margin: 0;}
#carousel .slick-active article{/*max-width: 691px;*/}

.carousel-entry-card-content{padding: 25px 35px 50px;}
.carousel-entry-card-title{font-size: 22px;margin: 0;line-height: 1.59;font-weight: bold;color: #000;}

.carousel-content .a-wrap figure.card-thumb{width: 100%;max-height: 346px;height: 100%;margin: 0;border-radius: 2.5px 2.5px 0 0;}
#carousel .slick-active.a-wrap figure{max-height: 390px;}
figure.card-thumb{display: block;}
.carousel .a-wrap:hover{opacity: 1;}
.carousel-content .a-wrap:hover figure,.carousel-content .a-wrap:hover .card-content{opacity: .8;}
.carousel .slick-initialized .slick-slide{display: block;padding: 0 20px;}
.carousel-content .a-wrap figure.card-thumb{height: 66%;display: flex;justify-content: center;align-items: center;}

.slick-dots{line-height: 0;bottom: 34px;}
.slick-dots li{height: 15px;margin: 0 20px;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size: 15px;}
.slick-dots li.slick-active button:before{color: #418045;opacity: 1;}

.slick-initialized .slick-slide{display: flex;}
.slick-slide.slick-current{justify-content: center;}
.slick-slide:has(+.slick-current) {justify-content: flex-end;}
.slick-slide.slick-current +.slick-slide{justify-content: flex-start;}


.entry-content,.widget-entry-card-thumb{margin-top: 0;margin-bottom: 0;}
.list,.new-entry-cards{display: flex;flex-wrap: wrap;gap: 33px;}
.list > a,.widget-entry-cards.card-large-image .a-wrap{padding: 0;width: 50%;max-width: 320px;}
.entry-card-content{margin-left: 0;}
.entry-card-thumb{width: 320px;margin: 0 0 13px;}
.widget-entry-cards:not(.large-thumb-on) .card-title{display: block;}

#content-bottom{margin: 0;background: #62a266;padding: 60px;}
#content-bottom .wrap{width: inherit;}
#content-bottom-in{max-width: 1800px;width: 100%;}

.blog #content-bottom{display: none;}


.go-to-top{box-sizing: border-box;z-index: 1;color: #ddd;right: 0;bottom: 0;transition: .5s;}
.go-to-top.hide{transition: .5s;transform: translateY(100px);}
.go-to-top-button{background-color: transparent;background: url(./images/scrollup.png) no-repeat;width: 57px;height: 57px;border-radius: 0;font-size: 0;}


/*Form*/
body.page-id-366{background: #fff;}
.page-id-366 .content{padding-top: 120px;padding-bottom: 200px;}
.page-id-366 .content-top,.page-id-366 .content-bottom,.page-id-366 .date-tags,.page-id-366 .breadcrumb,.page-id-366 .ContactPopup{display: none;}
.page-id-366 .article-header{background: url(./images/bg_form_PC.png) no-repeat;background-size: contain;background-position: bottom center;padding: 0 0 80px;}
.page-id-366 .entry-title{color: #282828;font-size: 36px;text-align-last: justify;line-height: 30px;width: 354px;letter-spacing: -4px;margin: 0 auto;}
.page-id-366 .entry-title::before{content: "太陽光発電・蓄電池設置後の経済効果を比較！";display: block;line-height: 1;font-size: 16px;margin-bottom: 26px;}
.page-id-366 .entry-content{padding: 38px 16px 0;}
.page-id-366 .entry-content p{margin-top: 40px;}

.wpcf7-form span.name{font-weight: bold;font-size: 17px;display: block;line-height: 1;margin-bottom: 5px;}
.wpcf7-form .absolute em{font-style: normal;color: #f87e09;font-weight: bold;font-size: 13px;margin-left: 8px;}
.wpcf7-form span.note{font-size: 11px;font-weight: bold;color: #282828;display: block;margin-top: 5px;}
.wpcf7-list-item{font-size: 15px;font-weight: bold;margin: 0 1em 0 0;}
.wpcf7-list-item-label::before{display: inline-block;width: 10px;}
.page-id-366 .entry-content span.image{display: block;padding: 20px 0;}

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit{
border: 1px solid #b5b5b5;border-radius: 5px;padding: 5px 15px 6px;font-size: 15px;font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
input[type=text].s-size{width: 20%;}
select{border: 1px solid #b5b5b5;border-radius: 5px;padding: 7px 15px 8px;font-size: 15px;}

::placeholder{color:#dcdcdc;font-size: 15px;font-weight: bold;}

input[type=submit]{background: #e65d3d;color: #fff;max-width: 430px;margin: 0 auto;display: block;font-size: 19px;font-weight: bold;
  box-shadow: 0 7px 0 #4b321e;border: 0;border-radius: 100vh;padding: 16px;font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
span.wpcf7-spinner{display: none;}

.wpcf7-radio{padding-top: 5px;display: inline-block;}

.entry-content p{line-height: 1.4;}


.tagid-18 .Banner{display: none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*910px以上*/
@media screen and (min-width: 910px){
  .carousel-content .slick-list{overflow: visible;}
  .header-container-in.hlt-top-menu .logo-image{padding-left: 10px;}
}


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

}


/*1023px以下*/
@media screen and (min-width: 781px) and (max-width: 1686px){

  .carousel .a-wrap{padding: 0 20px;}
}


/*781px以上1023px以下*/
@media screen and (min-width: 781px) and (max-width: 1023px){
  #menu-header_sp{display: none;}
  body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons){margin-top: 0;}
  main.main, div.sidebar{padding-right: 40px;padding-left: 40px;}/**左右パディング*/

  .content-top-in{min-width: auto;}

  /*ヘッダーカルーセル*/
  .carousel .a-wrap{padding: 0 10px;}

  /*ナビ*/
  .navi-in > ul.menu-header,.navi-in .menu-pc{display: flex;}

  .navi-in > #menu-header_pc li{margin-left: 10px;}
  .navi-in > #menu-header_pc li a{font-size: 0.9rem;}
  .entry-content .list,.entry-content .new-entry-cards{max-width: 684px;margin: 0 auto;gap: 33px 6.435%;}/*記事一覧*/

  #nav_menu-7 ul.menu li{padding: 0 5px;width: 140px;}
  #nav_menu-7 ul.menu > li > a{font-size: 15px;padding-right: 0;}
  #nav_menu-7 ul.menu > li > a::after{content: none;}
  .navi-in > #menu-header_pc li.contactLink{margin-left: 10px;}
  .navi-in > #menu-header_pc li.contactLink a,.navi-in > #menu-header_pc li.estimateLink a{padding-right: 10px;padding-left: 30px;}
  .navi-in > #menu-header_pc li.estimateLink{margin-right: 8px;}
  .navi-in > #menu-header_pc li.contactLink a::before,.navi-in > #menu-header_pc li.estimateLink a::before{left: 20px;}

  /*下部ウィジェットエリア*/
  #content-bottom{padding-right: 40px;padding-left: 40px;}
  #content-bottom div.custom-html-widget{border-radius: 10vh;padding-right: 20px;padding-left: 20px;}



}


@media screen and (min-width: 781px) and (max-width: 1048px){
  /*フッター*/
  .footer-widgets{display: flex;}
  .footer-in{width: 95%;}
  .footer-widgets > div.footer-center{width: 30%;}
  #custom_html-4 .custom-html-widget .telLink_wrap{display: block;}
  #custom_html-4 .custom-html-widget .yuryo{margin-left: 0;margin-top: 20px;}
  .footer-widgets > div.footer-right{width: 70%;}
  .footer-bottom .copyright{text-align: right;}
}


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

  .menu-content{max-width: 100%;}
  .navi-menu-content{-webkit-transform: translateY(0);transform: translateY(0);}

  #carousel{padding-top: 0;}
  #carousel article{margin: 0 auto;}
  .carousel-in.wrap{padding-top: 32px;padding-bottom: 35px;}
  .carousel-content{margin: 0;}
  
  /*下部ウィジェットエリア*/
  .home #content-bottom{display: none;}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .home .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width: 172px;}
}



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

  .home .content{padding-top: 0;}

  /*carousel*/
  .carousel-in.wrap{position: relative;background: none;}

  .carousel{position: relative;}
  .carousel::before{content: "";display: block;background: url(./images/bg_head_SP.png);background-size: cover;width: calc(100% - 28px);border-radius: 10px;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-height: calc(100% - 14px);}

  .slick-dots{display: flex !important;justify-content: center;bottom: -19px;}
  .slick-dots li{width: 9px;height: 9px;margin: 0 12px;}
  .slick-dots li button{height: 10px;width: 10px;}
  .slick-dots li button:before{font-size: 10px;width: 10px;height: 10px;line-height: 9px;}

  .carousel-content .a-wrap:first-child{margin-left: 0;}
  .carousel .slick-dotted.slick-slider{padding-bottom: 0;}
  #carousel{padding-bottom: 14px;}
  #carousel article{height: 273px;border-width: 2.5px;}
  .carousel-entry-card-title{font-size: 1.016rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
  .slick-dots{bottom: -19px;}
  .carousel-content .a-wrap figure,#carousel .slick-active.a-wrap figure{max-height: 196px;border-radius: 2.5px 2.5px 0 0;}

  .carousel-content .a-wrap figure.card-thumb img{height: 100%;}
  .carousel-entry-card-content{padding: 12.5px 25px;}

  .home #main.main{padding-bottom: 30px;margin: 0;padding-top: 20px;}
  .body .sidebar{padding: 0;margin: 0;}
  .body .sidebar aside.widget.widget_tag_cloud{background: none;border-radius: 0;}

  .home .wp-block-buttons{justify-content: center;padding-right: 0;}

  .wp-block-button__link::after{width: 16px;height: 6px;background: url(./images/menu_link_SP.png) no-repeat;background-size: contain;right: 15px;}


}