@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){
  /*必要ならばここにコードを書く*/
}
/* アフィリエイトのコンテンツ設定 */
.item-column div.easyLink-box{
display:block!important;
}
/* PC: 通常3カラム */
.item-column .wp-block-columns {
  display: flex;
  gap: 1rem; /* カラム間余白 */
}
/*ーーーーーーーーーーーーーーーーーー
スマホ: 横スクロール ーーーーーーーーーーーーーーーーー*/
@media (max-width: 767px) {
  .item-column .wp-block-columns {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* スムーズスクロール */
    scroll-snap-type: x mandatory; /* カラムごとにスナップ */
  }
  .item-column .wp-block-column {
    min-width: 80%; /* 1カラムを画面の8割に */
    flex: 0 0 auto;
    scroll-snap-align: start; /* スクロール時にカラムの頭で止まる */
    margin-right: 1rem; /* カラム間余白 */
    background: #fff; /* 任意 */
    border-radius: 8px; /* 任意 */
  }
  /* 最後のカラムの余白調整 */
  .item-column .wp-block-column:last-child {
    margin-right: 0;
  }
}
/*ボックスメニュー*/	
.box-menu{
		padding: 0;
		min-height: 0;
	box-shadow: none;
	}
	
	.box-menu:hover{
		box-shadow: none;
		opacity: 0.5;
	}

.box-menu-label,
	.box-menu-description{
		display: none;
	}

.box-menu-icon *{
	margin: 0;
	max-width: 100%;
	max-height: 300px;}	

	
/*ボックスメニュー　余白つくる*/
@media screen and (min-width: 480px){
.wwa .box-menu{
width: 24%;
        margin-right: 1%;
}
.box-menu:last-child{
	margin-right: 0px;
}
}

@media screen and (max-width: 769px){
.wwa .box-menu{
	width: 46%;  /*ボックスの幅*/
	margin-bottom: 3%;
	margin-left: 2%; 
	margin-right: 2%;  /*余白の幅*/
}