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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.header {
height: auto;
}
.footer {
margin-top: 0px;
padding: 65px 0 20px;
background-color: #e2e2e2;
}
footer .f_logo > a {
font-size: 28px;
line-height: 1.2;
font-family: din-1451-lt-pro-engschrift, sans-serif;
transition: all .3s ease;
}
footer .address {
margin-bottom: 0px;
font-size: 14px;
}
header .inner .logo .logo_bk {
display: block!important;
}
header .inner li a, header .inner .has-sub span, header .inner span {
color: #000!important;
}
header > .inner {
position: relative!important;
top: 0!important;
}
header > .inner .hrow > ul > li.icon > a > span {
display: none!important;
}
header .eye-catch-wrap{
display: none;
}
.go-to-top {
display: none!important;
}
.main footer{
background:none;
}
.row.brand{
}
aside h2{
background:#404040;
color:#fff;
font-size:16px!important;
padding:12px;
margin:0 0 16px;
}
aside ul{
list-style-type: none;
list-style-position: inside;
margin:0 0 16px;
}
aside ul li{
font-size:14px;
padding:12px;
}

.fs-p-productSearch__search header_search {}
.fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
padding: 0px 0!important;
}
input#fs_input_productSearchKeyword {
font-size: 14px;
}
header .inner .popular_keywords_link a {
color: #be454a!important;
}
.fs-p-productSearch__inputTable tr {
background-color: #fff!important;
}
.fs-c-inputTable__dataCell,
.fs-p-productSearch__inputTable th {
background-color: #fff!important;
border:none;
}
header .inner td.fs-c-inputTable__dataCell span.fs-c-inputTextGroup__item input{
font-size: 14px;
padding: 3px;
}
header .inner .fs-p-productSearch__searchButtonContainer.fs-c-buttonContainer {
padding:  0;
}
.cat-link {
color: #fff!important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*950px以下*/
@media screen and (max-width: 950px){
.fixed_content header > .inner {
position: absolute!important;
top: 54px!important;
}
div.hamburger__icon, div.hamburger__icon:after, div.hamburger__icon:before {
background-color: #000!important;
}
.no-scroll div.hamburger__icon,
.no-scroll div.hamburger__icon:after,
.no-scroll div.hamburger__icon:before {
background-color: transparent!important;
}
.no-scroll .active div.hamburger__icon:after,
.no-scroll .active div.hamburger__icon:before {
background-color: #000!important;
}

}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 490px){
  /*必要ならばここにコードを書く*/
  .fixed_content header {
top: 0!important;
}

.fixed_content header > .inner ,
.fixed_content_n header > .inner  {
position: absolute!important;
top: 0!important;
}

article.post header{
position: relative;
}
}


/*====== よくある質問 ======*/
.achieveCateTagList {
  list-style: none;
  display: flex;
  margin-right: -0.6em;
  flex-flow: wrap;
  gap: 0.3em;
  margin-bottom: 2em;
}
.achieveCateTag {
  border: 1px solid #666;
  border-radius: 3px;
  color: #666;
  font-size: 0.7em;
  padding: 0.25em 0.5em;
}

.faqList article {
  margin-bottom: min(2vw, 20px);
}
.faqList a:hover {
  opacity: 0.75;
}
.faqList .faqTtl {
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
.faqList .faqTtl span {
  color: #FFF;
  background: #404040;
  font-weight: 700;
  display: grid;
  place-items: center;
  font-size: 0.8em;
  width: 1.8em;
  height: 1.8em;
  border-radius: 30px;
}
.faqList .faqTtl div {
  width: calc(100% - 1.8em);
}
.faqList .excerpt {
  font-size: 0.8em;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.faqPostCate {
  display: flex;
  flex-flow: wrap;
  gap: 0.3em 0.3em;
  margin-bottom: 0.3em;
}
.faqPostCate .postCateItem {
  display: block;
  font-size: clamp(12px, 1.1vw, 13px);
  padding: 0 0.5em;
  border: 1px solid #404040;
  line-height: 1.4;
}
/*====== よくある質問 end ======*/