@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
*/
.menu-drawer li {
    display: block;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 5px;
}
::selection {
  background-color: #eee;
}
.detail{border: none!important;
    display: flex;
    flex-wrap: wrap!important;}
.detail dt{width:20%!important;margin-right:0em!important;border: none!important;padding:0!important;font-weight: 100 !important;}
.detail dd{width:80%!important;margin-right:0em!important;border: none!important;padding:0!important;}
.listbox{width:48%}
.wp-block-latest-posts.is-grid li{margin-bottom:4em;}
a:hover {
    color: #777;
}
.entry-content a:hover{opacity:0.6}
.under-entry-content{margin-top:50px;}
#post-6 .entry-content{text-align:center}
#post-6 .entry-content a{text-decoration:none;}
.cat-label{display:none;}
.entry-card-title{text-align:center;}
.main{padding:0;}
.entry-content{margin:0!important;}
/* itembox */
.color-button{margin-top:-20px;}
.gallery__img{width:800px; object-fit: cover;}
.c-txt{font-size:10px;text-align:left;}
.item-chart{text-align:center;}
.item-chart img{width:300px;padding:20px;}
.color-list{list-style:none; margin:0;}
.itembox ul{margin:0;    padding: 0;line-height:1.8;}
.color-button{display: flex;
    margin: 0 0 14px 0;
    flex-wrap: wrap;
    gap: 14px;}
.secList{padding: 2px 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b6b6b6;
    font-size: 12px;
    color: #555;
    font-family: '黎ミン M';
}
.secList:hover,.secList:focus{background:#e7e7e7;}
.item-txt h3{    padding: 0 0 15px 10px;
    margin: 0;
    font-size: 26px;}
.itembox{display:flex; gap: 50px;}
.itembox-l{width:60%;}
.itembox-r{font-size:0.8rem!important;width: 40%;}
.itembox-dl dl{border-top: 1px solid #eee;}
.itembox-dl dt{margin: 0;display:flex;
    padding: 12px 0 12px 12px; border-top: 1px solid #eee;
    font-weight: 600;}
.itembox-dl dd{    margin: 0;

padding: 0 12px;}
.itembox h4{font-size:0.8rem;margin:0;width:8em;padding: 0;    font-family: "黎ミン B"!important;}
/* slider */
.slider img {
  height: auto;
  width: 100%;
}
.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 0.3;
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  opacity: 1;
}


/* 親要素からはみ出た部分は overflow: hidden で隠す*/
.zoom__img {
    overflow: hidden;
}
/* transitionでscaleとobuject-positonをアニメーション */
.zoom__img img {
    transition: transform .3s ,object-position .3s;
    width: 100%;
    height: auto;
    display: block;
}
/* hover時に画像を拡大 */
.zoom__img:hover img {
    transform: scale(2);
    position: relative;
}
.eye-catch{display:none;}
* {
  box-sizing: border-box;
}

.article h2{padding:0;}
.post .entry-title{display:none;}
img {
  max-width: 100%;
  vertical-align: top;
}

.gallery {
  display: flex;
  margin: 10px auto;

  position: relative;
  padding-top: 67%;
}
@media screen and (min-width: 600px) {

}
.gallery__img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.gallery__thumb {
  padding-top: 6px;
  margin: 6px;
  display: block;
}
.gallery__selector {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.gallery__selector:checked + .gallery__img {
  opacity: 1;
}
.gallery__selector:checked ~ .gallery__thumb > img {
  box-shadow: 0 0 0 1px #eee;;
}
.gallery p{font-size:10px;}
/************************************
** 子テーマ用のスタイルを書く
************************************/
.top-pho{display:flex;list-style:none;
	background-image:url(https://sign1011.co.jp/wpkoga/wp-content/uploads/2023/10/bk.png),url(https://sign1011.co.jp/wpkoga/wp-content/uploads/2023/10/bk.png);
 background-position: left top, left bottom;
  background-repeat:repeat-x, repeat-x;
  background-size: 22px;
	background-color:#000;
	padding:24px 10px 24px 10px;
align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
	margin-bottom:16px!important;
}
.top-pho li img {
  transition: .3s ease-in-out;
}
.top-pho li:hover img {
  filter: brightness(1.15);
}
.top-pho img{border-radius:5px;}
.top-pho{gap:8px;}
#footer{color:#666;}
.entry-title,
.archive-title {
  font-size: 32px;

  line-height: 1.3;
}
.entry-content {
    margin-top: 1em;
    margin-bottom: 0em;
}
.footer {
    margin-top: 0px;
    padding: 0px;
}
.footer-bottom{margin:0;}
.blur{
	animation-name:blurAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
 
.blurTrigger{
    opacity: 0;
}

.breadcrumb{display: none;}

.entry-title, .archive-title{text-align:center;margin:70px 0 40px 0;}
/*必要ならばここにコードを書く*/
.slicknav_menu {
    background: #000;
    padding: 5px;
}.
.slicknav_btn{background-color:none!important;}
.slicknav_menu .slicknav_icon {float: left;margin:0;}
.slicknav_menu .slicknav_menutxt{display:none;}
#search-menu-open{display:none;}
#header-container {
  background: transparent;padding:20px 0;
}
.home h1{display:none;}
.home .content{margin: 30px 0 0 0;}
#header-container .navi{padding-top:30px;}
.navi-in > ul li {

	height:auto;
}
.menu-head{margin-right:20px;}
.menu-head a{border:1px solid;padding:5px 10px!important;margin:0 10px}
.menu-head a:hover{background:#eee!important;}
.home .main {
    padding: 0px 20px;
}
.entry-title, .archive-title{text-align:center;margin:50px 0;}
.header-container-in.hlt-top-menu .logo-header img{height:80px;    max-height: 80px;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以上*/
@media screen and (min-width: 1023px){
  /*必要ならばここにコードを書く*/
.sp {display: none;}

}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.pc {display: none;}
.itembox-l{width:100%;}
.itembox-r{font-size:0.8rem!important;width: 100%;}
.mobile-menu-buttons .menu-caption{display:none;}
.mobile-header-menu-buttons {
    top: 0;
    bottom: auto;
    justify-content: space-around;
    min-width: 46px;
    box-shadow: none;
}
.has-logo-button .menu-button {
    width: 70px;
    padding: 20px;
}
	.mobile-header-menu-buttons{background:none;}
.logo-menu-button img {
    max-height: 80px;
    display: block;
    margin: 0 auto;
}
.mobile-menu-buttons {
    display: flex;
    align-items: center;
}
	body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
    margin-top: 100px;
}
.itembox-l{width:100%;}.itembox {
    display: flex;
    gap: 50px;
    flex-direction: column;
}
.gallery__img {
    width: 100%;
    height: auto;
    object-fit: unset;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
.listbox{width:100%}
.article ul, .article ol {
    padding-left: 10px!important;
}
    .content {

        margin: 20px;
    }.main{padding: 10px 16px;}.entry-title, .archive-title{text-align:center;margin:0px 0;}
}

  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	.page-id-6 .menu-content {
        font-size: 22px;
    }
#header-container {
  background: transparent;padding:0;
}



}