@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){
  /*必要ならばここにコードを書く*/
}


/* 男の快感地図：スマホ上部ヘッダー整理 */
@media screen and (max-width: 834px){
  #header,
  #header-in{
    height:auto;
    min-height:0;
  }

  #header .tagline{
    margin:4px 10px 0;
    font-size:10.5px;
    line-height:1.45;
    opacity:.72;
  }

  #header .logo-header{
    height:auto;
    padding:4px 0 10px;
  }

  #header .site-name-text{
    font-size:18px;
    line-height:1.3;
  }

  #navi .menu-mobile{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    height:auto;
    gap:1px;
  }

  #navi .menu-mobile > li{
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    line-height:1.35 !important;
  }

  #navi .menu-mobile > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    height:auto;
    padding:7px 8px;
    line-height:1.3;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }

  #navi .menu-mobile .item-description{
    display:none !important;
  }

  #navi .menu-mobile .item-label{
    font-size:0;
    line-height:1.3;
  }

  #navi .menu-mobile .item-label::after{
    font-size:13px;
    line-height:1.3;
  }

  #navi .menu-mobile #menu-item-31{order:1;}
  #navi .menu-mobile #menu-item-32{order:2;}
  #navi .menu-mobile #menu-item-33{order:3;}
  #navi .menu-mobile #menu-item-34{order:4;}
  #navi .menu-mobile #menu-item-30{
    order:5;
    grid-column:1 / -1;
  }

  #navi .menu-mobile #menu-item-31 .item-label::after{content:"女性に責められたい";}
  #navi .menu-mobile #menu-item-32 .item-label::after{content:"乳首が感じない／開発したい";}
  #navi .menu-mobile #menu-item-33 .item-label::after{content:"メスイキ・前立腺を知りたい";}
  #navi .menu-mobile #menu-item-34 .item-label::after{content:"逆AFを探している";}
  #navi .menu-mobile #menu-item-30 .item-label::after{
    content:"作品を探す";
    font-size:13.5px;
  }
}

}