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

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

/* * * 全体設定 * * */
:root{
  --color-main: #A1E1F9;
  --color-sub: #E4F9FF;
  /* 202502-retouch: 黒色変更 */
  --color-black: #333;
  --color-white: #FFF;
  /* 202502-reotuch: color追加 */
  --color-yellow: #fad76d;
  --color-navy: #566f9d;
  --color-light-navy: #dee8ed;  
  --skin-grayish-site-name-txt: #333 !important; 

  --screen-pc-size: 1440;
  --screen-sp-size: 393;
  --font-main: YuGothic, "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --box-shadow-large: 7px 7px 0 rgba(0, 0, 0, 0.25);
  --box-shadow-middle: 5px 5px 0 rgba(0, 0, 0, 0.25);
  --radio-large: calc(10 / var(--screen-pc-size) * 100vw);
}

body{
  color: var(--color-black);
}

.pc{
  display: block !important;
}

.sp{
  display: none !important;
}

.widget-entry-card-date { /* 日付の表示化 */
	display:block;
}

.a-wrap{
  background-color: var(--color-white);
  transition: background-color .3s;
}

.a-wrap:hover{
  background-color: #FFF !important;
}

.navi-menu-content { /* ハンバーガーメニューを左スライドに */
  left: auto;
  right: 0;
  transform: translateX(105%);
}

@media screen and (max-width: 767px){
  .main{
    padding: 0;
  }

  .sidebar{
    display: block !important;
  }
  
  :root{
    --radio-large: calc(10 / var(--screen-sp-size) * 100vw);
  }

  .l-inner-sp{
    margin: 0 16px;
  }

  .pc{
    display: none !important;
  }

  .sp{
    display: block !important;
  }

  /* 202502-retouch: .navi-menu-content.menu-content */
  .navi-menu-content.menu-content{ /* ハンバーガーメニュー */
    background-color: var(--color-white);
  }
}
/* * * 全体設定 /E * * */



/* * * Layout * * */
.l-inner-sp{
  margin: 0;
}
/* * * Layout /E * * */



/* * * Component * * */
/* * 固定ページ用タイトル * */
.c-page__title{ 
  margin: 0 0 calc(50 / var(--screen-pc-size) * 100vw);
  padding: 16px 8px;
  position: relative;
  border-bottom: solid 4px var(--color-light-navy) !important;
}

.c-page__title::before{
  display: block;
  content: "";
  width: 30%;
  border-bottom: solid 4px var(--color-navy) !important;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}
/* * 固定ページ用タイトル /E * */



/* * ViewMoreボタン * */
.c-more-btn{
  width: 100%;
  text-align: center;
}

.c-more-btn-link{
  text-decoration: none;
  transition: color .3s;
}

/* 202502-retouch: .c-more-btn-link__text */
.c-more-btn-link__text{
  font-size: min(calc(24 / var(--screen-pc-size) * 100vw), 24px); 
  display: inline-block;
  border: 1px solid var(--color-black);
  padding: 0 20px;
  border-radius: 50px;
}

.c-more-btn-link:hover .c-more-btn-link__text{
  border: 1px solid var(--skin-grayish-site-main-hover);
}

.c-more-btn-link__image{
  display: block;
  margin: -1vw auto 0;
}

@media screen and (max-width: 767px){
  .c-more-btn-link__text{
    font-size: min(calc(16 / var(--screen-sp-size) * 100vw), 16px); 
  }

  .c-more-btn-link__image{
    margin: -3vw auto 0;
    width: 35%;
  }
}
/* * ViewMoreボタン /E * */

/* * * Component /E * * */



/* * * ヘッダーの調整 * * */
/* ヘッダー全体設定 */
.skin-grayish:not(.front-top-page) .header-container-in.hlt-center-logo-top-menu{
  max-width: 1276px;
  margin: 0 auto;
}

/* 202502-retouch: ヘッダーデザイン調整 */
.skin-grayish:not(.front-top-page).admin-bar .header-container, 
.skin-grayish:not(.front-top-page) .header-container{
  padding: 20px;
  background-color: var(--color-white);
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

/* ロゴの調整 */
.skin-grayish:not(.front-top-page) .header-in .logo-header img{
  width: calc(175 / var(--screen-pc-size) * 100vw);
  object-fit: contain;
}

/* ヘッダーメニューアイテムの調整 */
.navi .item-label{
  font-family: var(--font-main);
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 1.25;
}

.skin-grayish .navi-in>ul li{
  padding: 0 20px;
}

.header-nav__title-en{
  font-size: 12px;
  font-weight: normal;
}

.skin-grayish .navi-in>ul>li.search-menu-button.menu-button{
  display: none;
}

/* ホバーメニューの調整 */
.skin-grayish .navi-in>ul>li>.sub-menu{
  background-color: var(--color-sub);
  box-shadow: var(--box-shadow-middle);
}

.skin-grayish .navi-in>ul li>a>.caption-wrap::before{
  bottom: -2px;
}

/* 202502-retouch: メニューバーの調整 */
@media screen and (max-width: 1023px) {
  .skin-grayish .mobile-menu-buttons .menu-button, .skin-grayish .mobile-menu-buttons .menu-button>a, .skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
      color: var(--color-black);
  }

  .skin-grayish:not(.front-top-page).admin-bar .header-container, .skin-grayish:not(.front-top-page) .header-container{
    border-top: none;
    border-bottom: none;
  }
}
/* 202502-retouch: メニューバーの調整 /E */
/* * * ヘッダーの調整 /E * * */



/* * * フッターメニューの調整 * * */
/* * 既存テーマフッターの調整 * */
.skin-grayish .footer-bottom-logo{
  margin-bottom: calc(25 / var(--screen-pc-size) * 100vw);
}
.skin-grayish .footer-bottom-logo img{
  width: min(80%, 150px);
}

/* 202502-retouch: .skin-grayish .footer */
.skin-grayish .footer{
  background-color: var(--color-white);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
}

.skin-grayish .navi-footer-in>.menu-footer li {
  flex: 0 0 23%;
}

.skin-grayish .navi-footer-in>.menu-footer li a{
  display: block;
  margin: 0 auto;
}
/* * 既存テーマフッターの調整 /E * */


/* * サービス紹介フッター * */
/* アプリ紹介 */
.p-info{
  position: relative;
  margin-top: calc(65 / var(--screen-pc-size) * 100vw);
  margin-bottom: calc(100 / var(--screen-pc-size) * 100vw);
}

.p-info__bg-image{
  width: 80%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.p-info-app{
  display: flex;
  justify-content: center;
  margin: 0 2vw 0 15vw;
}

.p-info-app-item{
  text-align: center;
}

.p-info-app-item:first-of-type{
  margin-top: calc(30 / var(--screen-pc-size) * 100vw);
  margin-right: calc(100 / var(--screen-pc-size) * 100vw);
}

.p-info-app-item:last-of-type{
  margin-top: calc(100 / var(--screen-pc-size) * 100vw);
}

.p-info-app-item__app-image{
  /* width: calc(300 / var(--screen-pc-size) * 100vw); */
  width: 300px;
  display: block;
}

.p-info-app-item__logo{
  /* width: calc(300 / var(--screen-pc-size) * 100vw); */
  width: 300px;
  display: block;
}

.p-info-app-item__text-image{
  /* width: calc(515 / var(--screen-pc-size) * 100vw); */
  width: 515px;
  display: block;
  margin: 0 auto;
}

.p-info-app-item__point-image{
  --m-25: calc(25 / var(--screen-pc-size) * 100vw);
  /* width: calc(400 / var(--screen-pc-size) * 100vw); */
  width: 400px;
  display: block;
  margin: var(--m-25) auto;
}

.p-info-app-item__text{
  text-align: center;
  font-weight: bold;
}

.p-info-app-item__text{
  position: relative;
  display: inline;
}

.p-info-app-item__text:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -15%;
  width: 20px;
  height: 2px;
  background-color: #535252;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.p-info-app-item__text:before{
  content: '';
  position: absolute;
  top: 50%;
  left: -15%;
  width: 20px;
  height: 2px;
  background-color: #535252;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.p-info-app-link{
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-info-app-link__app-store,
.p-info-app-link__google-play{
  transition: opacity .3s;
}

.p-info-app-link__app-store:hover,
.p-info-app-link__google-play:hover{
  opacity: 0.6;
}

.p-info-app-link__app-store img{
  height: calc(60 / var(--screen-pc-size) * 100vw);
  margin-right: calc(30 / var(--screen-pc-size) * 100vw);;
}

.p-info-app-link__google-play img{
  height: calc(80 / var(--screen-pc-size) * 100vw);
}

/* 20250704 アプリ遷移変更 start */
.retouch-p-info-app-link{
  margin-top: 10px;
}

.retouch-p-info-app-link__link{
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  background-color: #009BF2;
  border-radius: 100px;
  box-shadow: 0 8px 0 #007EC5;
  padding: 15px 40px;

  position: relative;
  top: 0;
  transition: all .3s ease;
}

.retouch-p-info-app-link__link::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.retouch-p-info-app-link__link:hover{
  opacity: 1 !important;
  color: #FFF !important;
  box-shadow: 0 0 0 #007EC5;
  top: 10px;
}
/* 20250704 アプリ遷移変更 end */

/* 2025-retouch: 画像テキスト化 */
.p-info-app-item__text-catch{
  font-size: 42px;
  font-weight: bold;
  line-height: 1.5em;
  color: var(--color-white);
  
}

.p-info-app-item__text-catch span{
  background-color: var(--color-navy);
  padding: 5px 25px;
  border-radius: 10px;
}

@media screen and (max-width: 1200px) {
  .p-info-app-item__text-catch{
    font-size: 21px;
    line-height: 1.75em;
    margin-bottom: 5vw;
  } 

  .p-info-app-item__text-catch span{
    padding: 5px 15px;
    border-radius: 5px;
  }
}
/* 2025-retouch: 画像テキスト化 /E */

@media screen and (max-width: 767px){
  .p-info{
    padding-top: calc(45 / var(--screen-sp-size) * 100vw);
    margin-top: calc(50 / var(--screen-sp-size) * 100vw);
    margin-bottom: calc(100 / var(--screen-sp-size) * 50vw);      
  }

  .p-info__bg-image{
    width: 95%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  .p-info-app{
    display: block;
    margin: 0;
  }

  .p-info-app-item{
    text-align: center;
  }
  
  .p-info-app-item:first-of-type{
    margin: 0;
  }

  .p-info-app-item:last-of-type{
    margin-top: calc(100 / var(--screen-pc-size) * 100vw);
  }

  .p-info-app-item__app-image{
    width: calc(200 / var(--screen-sp-size) * 100vw);
    display: block;
    margin: 0 auto;
    padding-left: 10vw;
  }

  .p-info-app-item__logo{
    width: calc(150 / var(--screen-sp-size) * 100vw);
    margin-left: 10vw;
    margin-top: -10vw;
  }

  .p-info-app-item__text-image{
    --m-25: calc(25 / var(--screen-sp-size) * 100vw);

    width: calc(300 / var(--screen-sp-size) * 100vw);
    display: block;
    margin: 0 auto var(--m-25);
  }

  .p-info-app-item__point-image{
    --m-30: calc(30 / var(--screen-sp-size) * 100vw);

    width: calc(290 / var(--screen-sp-size) * 100vw);
    margin: var(--m-30) auto;
  }

  .p-info-app-item__text{
    font-size: 16px;
  }

  .p-info-app-link__app-store img{
    height: calc(50 / var(--screen-sp-size) * 100vw);
    margin-right: calc(15 / var(--screen-sp-size) * 100vw);;
  }

  .p-info-app-link__google-play img{
    height: calc(65 / var(--screen-sp-size) * 100vw);
  }

  /* 20250704 アプリ遷移変更 start */
  .retouch-p-info-app-link{
    margin-top: 15px;
  }

  .retouch-p-info-app-link__link{
    font-size: 18px;
  }
  /* 20250704 アプリ遷移変更 end */
}
/* アプリ紹介 /E */

/* 他サービスの紹介 - カラーズ */
.p-info-service{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: calc(65 / var(--screen-pc-size) * 100vw);
}

.p-info-colours, .p-info-shorts{
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  border-radius: calc(10 / var(--screen-pc-size) * 100vw);          
  height: calc(515 / var(--screen-pc-size) * 100vw);
  /* height: 515px; */

  margin: 0 calc(15 / var(--screen-pc-size) * 100vw);  
}

.p-info-colours{
  width: calc(675 / var(--screen-pc-size) * 100vw);
  /* width: 675px; */
  position: relative;
}

.p-info-shorts{
  width: calc(500 / var(--screen-pc-size) * 100vw);
  /* width: 500px; */
}

.p-info-colours__mark{
  position: absolute;
  left: 0;
  top: 0;
}

.p-info-colours__logo{
  display: block;
  width: calc(260 / var(--screen-pc-size) * 100vw);
  margin: calc(30 / var(--screen-pc-size) * 100vw) auto;
}

.p-info-colours-contents{
  --m-15: calc(15 / var(--screen-pc-size) * 100vw);
  --m-30: calc(30 / var(--screen-pc-size) * 100vw);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 var(--m-15) var(--m-30);
}

.p-info-colours-item:first-of-type{
  margin-right: -3vw;
  position: relative;
  z-index: 1;
}

.p-info-colours-item:last-of-type{
  margin-left: -3vw;
  position: relative;
  z-index: 0;
}

.p-info-colours-item__title{
  /* font-size: 53px; */
  font-size: calc(53 / var(--screen-pc-size) * 100vw);
  font-weight: normal;
  line-height: 1.25;
  text-wrap: nowrap;
  position: relative;
  z-index: 1;
}

.p-info-colours-item__name{
  /* font-size: 18px; */
  font-size: calc(18 / var(--screen-pc-size) * 100vw);
  margin: calc(5 / var(--screen-pc-size) * 100vw) 0;
}

.p-info-colours__image{
  width: calc(380 / var(--screen-pc-size) * 100vw);
}

@media (min-width: 768px) and (max-width: 1200px) {
  .p-info-shorts__text{
    font-size: 21px !important;
  }

  .p-info-colours, .p-info-shorts {
    height: calc(575 / var(--screen-pc-size)* 100vw);
  }
}

@media screen and (max-width: 767px){
  .p-info-service{
    display: block;
    margin-top: calc(110 / var(--screen-sp-size) * 100vw);
    padding: 0 16px;
  }

  .p-info-colours, .p-info-shorts{      
    width: 100%;   
    height: auto;       

    margin: 0 auto;
    padding-bottom: calc(30 / var(--screen-sp-size) * 100vw);
  }

  .p-info-colours{
    margin-bottom: calc(50 / var(--screen-sp-size) * 100vw);
  }

  .p-info-colours__mark{
    width: 30vw;
  }

  .p-info-colours__logo{
    width: calc(170 / var(--screen-sp-size) * 100vw);
    margin: calc(30 / var(--screen-sp-size) * 100vw) auto;
  }

  .p-info-colours-contents{
    display: block;
  }

  .p-info-colours-item:first-of-type{
    margin-right: -3vw;
    position: relative;
    z-index: 1;
  }

  .p-info-colours-item:last-of-type{
    margin-left: -3vw;
    position: relative;
    z-index: 0;
  }

  .p-info-colours-item__title{
    font-size: calc(34 / var(--screen-sp-size) * 100vw);
    margin-top: calc(25 / var(--screen-sp-size) * 100vw);
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
  }

  .p-info-colours-item__name{
    font-size: calc(12 / var(--screen-sp-size) * 100vw);
    margin: calc(5 / var(--screen-sp-size) * 100vw) 0;
    text-align: center;
  }

  .p-info-colours__image{
    width: calc(330 / var(--screen-sp-size) * 100vw);
    display: block;
    margin: 0 auto;
  }

  .p-info-colours__point{
    display: block;
    margin: 0 auto calc(40 / var(--screen-sp-size) * 100vw);
    width: calc(260 / var(--screen-sp-size) * 100vw);
  }
}
/* 他サービスの紹介 - カラーズ /E */

/* 他サービスの紹介 - YouTube Shorts */

/* 202502-retouch: タイトル画像テキスト化 */
.p-info-shorts__text{
  font-size: 26px;
  font-weight: bold;
  margin: 2vw 0;
  text-align: center;
  color: var(--color-white);
  letter-spacing: 0;
  background-color: var(--color-navy);
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px;
  border-radius: var(--radio-large);
  line-height: 1;
}

.p-info-shorts-contents{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.2vw;
}

.p-info-shorts-item{
  margin: 0 1vw;
}

.p-info-shorts-item iframe{
  width: calc(188 / var(--screen-pc-size) * 100vw);
  height: calc(336 / var(--screen-pc-size) * 100vw);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);        
}

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

  
  /* 202502-retouch: 画像テキスト化 */
  .p-info-shorts__text{
    font-size: 21px;
    margin: 6vw 0;
  }

  .p-info-shorts-contents{
    margin-bottom: calc(35 / var(--screen-sp-size) * 100vw);
  }

  .p-info-shorts-item{
    margin: 0 calc(15 / var(--screen-sp-size) * 100vw);
  }

  .p-info-shorts-item iframe{
    width: calc(145 / var(--screen-sp-size) * 100vw);
    height: calc(259 / var(--screen-sp-size) * 100vw);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);        
  }
}
/* 他サービスの紹介 - YouTube Shorts /E */

/* * サービス紹介フッター /E * */

/* * * フッターメニューの調整 /E * * */


/* * * 新着記事一覧スタイル（TOPページ以外共通）* * */
.entry-content .new-entry-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(37 / var(--screen-pc-size) * 100vw) 
  calc(20 / var(--screen-pc-size) * 100vw);
  justify-content: center;
  margin-bottom: 0 !important;
}

.entry-content .new-entry-card-link {
  width: 100%;
  /* height: calc(320 / var(--screen-pc-size) * 100vw); */
  height: 320px;
  margin: 0 auto;

  background-color: var(--color-white);
  box-shadow: var(--box-shadow-large);
  border-radius: var(--radio-large);
}

.entry-content .widget-entry-cards .a-wrap {
  padding: 0;
  position: relative;
  border-radius: var(--radio-large);
}

.entry-content .new-entry-card-thumb {
  border-radius: var(--radio-large) var(--radio-large) 0 0;
}

.entry-content .widget-entry-card-thumb{
  margin: 0;
}

.entry-content .widget-entry-cards:not(.large-thumb-on) .card-title{
  font-size: 16px;
  font-weight: bold;
  padding: calc(10 / var(--screen-pc-size) * 100vw);
  -webkit-line-clamp: 2;
  height: 4em;
  line-height: 1.75;
  word-break: break-all;
}

.entry-content .widget-entry-cards:not(.large-thumb-on) .card-snippet{
  --pd-10: calc(10 / var(--screen-pc-size) * 100vw);
  font-size: 14px;
  padding: 0 var(--pd-10) var(--pd-10) var(--pd-10);
  -webkit-line-clamp: 3;
  height: 4em;
}

.entry-content .widget-entry-card{
  position: static;
}

.entry-content .card-content{
  padding: 0 !important;
}

.entry-content .post-date{
  position: absolute;    
  right: 0;
  bottom: 0;
  padding: calc(10 / var(--screen-pc-size) * 100vw);
}

/* 202502-retouch: .skin-grayish .cat-label */
.skin-grayish .cat-label{
  --px-5: calc(5 / var(--screen-pc-size) * 100vw);
  --px-10: calc(10 / var(--screen-pc-size) * 100vw);

  font-size: 12px;
  background-color: var(--color-navy);
  padding: var(--px-5) var(--px-10);
  border-top-right-radius: var(--px-10);
}
/* * * 新着記事一覧スタイル（TOPページ以外共通）/E * * */



/* * * サイドバーのスタイル * * */
/* カード間隔の調整 */
.skin-grayish .sidebar .widget-entry-cards .a-wrap{
  margin-bottom: calc(10 / var(--screen-pc-size) * 100vw);
}

/* 202502-retouch: .skin-grayish .sidebar .widget-entry-card */
.skin-grayish .sidebar .widget-entry-card{
  height: 110px;
  border-radius: var(--radio-large);
  box-sizing:content-box;
  border: 1px solid var(--color-yellow);
  position: relative;
  overflow: hidden;
}

.skin-grayish .sidebar .card-thumb{
  margin: 0;
}

.skin-grayish .sidebar .card-thumb img{
  height: 110px;
  object-fit: cover;
  border-radius: var(--radio-large) 0 0 var(--radio-large);
}

.skin-grayish .sidebar .cat-label{
  border-top-right-radius: 0;
  border-radius: 0 var(--radio-large) 0 var(--radio-large);;
}

.skin-grayish .sidebar .widget-entry-cards:not(.large-thumb-on) .card-title{
  --p-10: calc(10 / var(--screen-pc-size) * 100vw);
  --p-5: calc(5 / var(--screen-pc-size) * 100vw);

  font-size: 14px;
  font-weight: bold;
  padding: var(--p-10) var(--p-5);
  height: 4.5em;
  -webkit-line-clamp: 3;
}

.skin-grayish .sidebar .post-date{
  margin-bottom: 5px;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* ランキング番号 */
.skin-grayish .sidebar .widget-entry-cards.ranking-visible .card-thumb{
  position: relative;
}

.skin-grayish .sidebar .widget-entry-cards.ranking-visible .card-thumb::before{
  /* --px-25: calc(25 / var(--screen-pc-size) * 100vw); */
  /* font-size: calc(13.5 / var(--screen-pc-size) * 100vw); */
  font-size: 13.5px;
  font-weight: bold;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  
  position: absolute;
  left: 0.4vw;
  top: 0.4vw;
}

/* 202502-retouch: ランキング番号デザインの修正 */
.skin-grayish .sidebar .widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.skin-grayish .sidebar .widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.skin-grayish .sidebar .widget-entry-cards.ranking-visible .no-3 .card-thumb::before{
  background-color: var(--color-black);
}
/* ランキング番号 /E */
/* * * サイドバーのスタイル /E * * */



/* * * 投稿ページの関連記事一覧の調整 * * */
.skin-grayish .under-entry-content .related-list{
  padding: 5px 20px 20px 10px;
}

.skin-grayish .under-entry-content .related-list .related-entry-card-wrap{
  padding: 0;
  overflow: hidden;
}

/* 2025-retuch: .rect-vertical-card .related-entry-card-wrap */
.rect-vertical-card .related-entry-card-wrap{
  margin-right: 10px;
  border-radius: var(--radio-large);
  border: 1px solid var(--color-yellow);
}

.related-entry-card-thumb{
  margin: 0;
}

.related-entry-card-thumb img{
  border-radius: var(--radio-large) var(--radio-large) 0 0;
}

.related-entry-card-title{
  font-weight: bold;
  padding: calc(5 / var(--screen-pc-size) * 100vw);
}

.related-entry-card-snippet{
  margin: calc(5 / var(--screen-pc-size) * 100vw);
}

@media screen and (max-width: 1400px){
  .sidebar{
    width: 67.6%;
  }

  /* 記事一覧の調整 */
  .entry-content .new-entry-card-link{
    /* height: calc(500 / var(--screen-pc-size)* 100vw); */
  }

  /* モバイルフッターボタン廃止 */
  .mobile-footer-menu-buttons.mobile-menu-buttons{
    display: none;
  }
}

/* ハンバーガーメニューに切り替わるタイミング */
@media screen and (max-width: 1023px){ 
  .skin-grayish .logo-menu-button img{ /* ロゴサイズ調整 */
    height: 35px;
  }

  .skin-grayish:not(.front-top-page) .header-container{
    background: transparent;
  }

  .mobile-menu-buttons .menu-button{
    justify-content: space-between;
    width: auto;
    padding: 0 10px;
  }

  
  /* 202502-retouch: .skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons */
  .skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons{
    background-color: var(--color-white);
    border-top: 1px solid var(--color-black);
    border-bottom: 1px solid var(--color-black);
  }
}

@media screen and (max-width: 767px){
  .entry-content .new-entry-cards{
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 / var(--screen-sp-size) * 100vw);
  }

  .entry-content .widget-entry-cards.card-large-image figure img{
    height: calc(115 / var(--screen-sp-size) * 100vw);
  }

  .entry-content .new-entry-card-link {
    width: calc(170 / var(--screen-sp-size) * 100vw);
    height: calc(270 / var(--screen-sp-size) * 100vw);
    box-shadow: var(--box-shadow-middle);
  }

  .entry-content .widget-entry-cards:not(.large-thumb-on) .card-title{
    font-size: 12px;
    padding: calc(7 / var(--screen-sp-size) * 100vw);
  }

  .entry-content .widget-entry-cards:not(.large-thumb-on) .card-snippet{
    --pd-7: calc(7 / var(--screen-sp-size) * 100vw);
    font-size: 10px;
    padding: 0 var(--pd-7) var(--pd-7) var(--pd-7);
  }

  .entry-content .post-date{
    font-size: 10px;
    padding: calc(7 / var(--screen-sp-size) * 100vw);
  }

  .skin-grayish .cat-label{
    --p-3: calc(3 / var(--screen-sp-size) * 100vw);
    --p-7: calc(7 / var(--screen-sp-size) * 100vw);

    font-size: 10px;
    padding: var(--p-3) var(--p-7);
    border-top-right-radius: calc(10 / var(--screen-sp-size) * 100vw);
  }

  
  .skin-grayish .sidebar .widget-entry-card{ /* サイドバーの記事間隔調整 */
    margin-bottom: calc(20 / var(--screen-sp-size) * 100vw);
  }

  .skin-grayish .sidebar .widget-entry-cards:not(.large-thumb-on) .card-title {
    /* タイトル調整 */
    --p-10: calc(10 / var(--screen-sp-size) * 100vw);

    padding-top: var(--p-10);
  }

  /* ランキング番号の調整 */
  .skin-grayish .sidebar .widget-entry-cards.ranking-visible .card-thumb::before{
    left: 1vw;
    top: 1vw;
  }
}
/* * * 投稿ページの関連記事一覧の調整 /E * * */



/* * * 投稿ページ（カテゴリー・タグマーク・シェア・フォローの調整） * * */

/* 投稿headのタグ調整 */
/* 202502-retouch: カラー変更 */
.skin-grayish.single-post .article-header .eye-catch-wrap .eye-catch .cat-label{
  background-color: var(--color-light-navy);
  color: var(--color-black);
  border-radius: 10px !important;
}

/* 202502-retouch: カラー変更 */
.skin-grayish .article-footer .entry-categories .cat-link{
  background-color: var(--color-navy);
}

.skin-grayish .article-footer .entry-tags .tag-link{
  color: var(--color-main);
  border-color: var(--color-main);
}

/* 202502-retouch: カラー変更 */
.skin-grayish .article-footer .sns-share-buttons, .skin-grayish .article-footer .sns-follow-buttons{
  background-image: linear-gradient(-45deg, #fff 25%, var(--color-light-navy) 25%, var(--color-light-navy) 50%, #fff 50%, #fff 75%, var(--color-light-navy) 75%, var(--color-light-navy));
}

/* 202502-retouch: カラー変更 */
.skin-grayish .article-footer .sns-buttons a{
  color: var(--color-navy);
}

/* Prev・Nextの調整 */
/* 202502-retouch: カラー変更 */
.skin-grayish .pager-post-navi .prev-post-thumb::before{
  background-color: var(--color-navy);
  border-top-left-radius: var(--radio-large);
}

/* 202502-retouch: カラー変更 */
.skin-grayish .pager-post-navi .next-post-thumb::before{
  background-color: var(--color-navy);
  border-top-right-radius: var(--radio-large);
}

.skin-grayish .pager-post-navi .prev-post-thumb img,
.skin-grayish .pager-post-navi .next-post-thumb img{
  border-radius: var(--radio-large);
}

/* * * 投稿ページ（カテゴリー・タグマークの調整・シェア・フォロー）/E * * */


/* * * 検索デザインの調整 * * */
/* 202502-retouch: input[type=search] */
input[type=search]{
  border-color: var(--color-navy);
  border-radius: var(--radio-large) 0 0 var(--radio-large);
}

.wp-block-search__label{
  display: none;
}

/* 202502-retouch: .wp-block-search__button */
.wp-block-search__button{
  background-color: var(--color-navy);
  border-radius: 0 var(--radio-large) var(--radio-large) 0;
  border: none;
  transition: opacity .3s;
}

.wp-block-search__button:hover{
  opacity: 0.6;
}
/* * * 検索デザインの調整 /E * * */



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

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

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