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


.wp-block-image figcaption {
    background-color: #cff;
    font-size: 14px;
　　text-align: left;
    display: inline;
    font-weight: bold;
}

.picture{
  position: relative;/*親要素にrelative*/
	margin:10px;
}
.picture p{
  position: absolute;/*重ねたい子要素にabsolute*/
  bottom:0%;
  left: 30%;
	　　text-align: left;
  background-color: rgba(255,255,255,0.7);
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #f00;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 5px!important;/*文字が折り返される場合*/
}
.picture img.gal-3 { width:30%;}

.gal-2 {
	float:left;
	width:90%;
	text-align:center;
	display:block;
	margin:5px;
	padding:3px 0;
}
.gal-2 span {text-align:center;}

    /* スライダー全体のスタイル */
    .my-slider-container {
        position: relative;
        max-width: 500px; max-height:400px;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .my-slider {
        display: flex;
        overflow: hidden;
    }

    .my-slider_track {
        display: flex;
        transition: transform 0.5s ease;
      /*  width: calc(6 * (90% + 20px));*/
        max-width: 100%;
    }

    .my-slider_item {
        text-align: center;
        flex: 0 0 calc(100% - 20px);
        max-width:calc(100% - 20px);
        margin: 0 10px;
        position: relative;
    }

    .my-slider_item img {
/*        width: 100%; */
        width: 400px;
    /*    height: 200px; */
     /*   object-fit: cover;*/
		object-fit:contain; /* 写真サイズを調整して表示 */
    }

    .my-slider_caption {
/*        font-size: 0.8em; */
        font-size: 1.0em;
        opacity: 0.8;
        margin-top: 10px;
        max-width: 100%;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .my-slider_btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 24px;
        z-index: 10;
    }

    .my-slider_btn-prev {
        left: 15px;
    }

    .my-slider_btn-next {
        right: 15px;
    }
    /* レスポンシブ対応 */
    @media (max-width: 768px) {
        .my-slider_item {
            flex: 0 0 calc(50% - 20px);
            max-width: none;
        }
    }

    @media (max-width: 480px) {
        .my-slider_item {
            flex: 0 0 calc(100% - 20px);
            max-width: none;
        }
    }

/* 2026-2-3 クラス写真 */
figure {
  border: thin #c0c0c0 solid;
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 500px;
  margin: 20px auto;
}

img {
  max-width: 500px;
/*  max-height: 150px;*/
}
 figcaption {
  background-color: #55d;
  color: #fff;
  font-size: 24px;
  padding: 3px;
  text-align: center;
}