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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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




/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}


  /*boxのcss*/
.simple-box1{
	 background:#FFF7CC;
      border:1px solid #FFF7CC;
}

.box1-5 {
	margin: 1em auto;
	padding: 1em;
	background-color:#fffff0;/*背景の色*/
}

.box1-4 {
	margin: 1em auto;
	padding: 1em;
	background-color:#f5f5f5;/*背景の色*/
}


/* メニューをスライドさせるやつ　ここから */
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi{
   background:#e9967a; /* 背景色 */
}
#header-container #navi a{
   color:#ffffff; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#000000; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#ffccf9; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
   .navi-in > .menu-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
   #header-container #navi a{
  font-size:0.8em;
  padding: 1em 1.2em; /* 余白 */
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
  display:none;
   }
}
/* メニューをスライドさせるやつ　ここまで */


/* カテゴリ　FANZA素人の動画を300×300にするスタイル */
body.category-fanzasiro .video-wrapper {
  width: 300px;
  height: 300px;
}

body.category-fanzasiro .video-wrapper img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

body.category-fanzasiro .video-wrapper video {
  width: 100%;
  height: 100%;
}
/* カテゴリ　FANZA素人の動画を300×300にするスタイル　ここまで */