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

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


/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:2em 0em !important;/* ボタンの上下の余白 */
background-color: #FCC1C6 !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #fff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 30%;/* ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
}

input.wpcf7-submit:hover {
background-color:#FC929B !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: left;
}

/* 複数画像切り替え---------------------------------------------- */
.slider-container {
    position: relative; /* コンテナ内でスライド位置を相対的に設定 */
    width: 480px; /* コンテナ幅を100%に */
    height: 600px; /* コンテナの高さを固定 */
    overflow: hidden; /* スライドがコンテナ外に出ないように非表示 */
}

/* 画像の配置 */
.slideimg {
    position: absolute; /* 位置を絶対指定で重ねて配置 */
    inset: 0; /* 親要素内にフルサイズで配置 */
    opacity: 0; /* 初期状態で透明に */
    background-size: cover; /* 画像をスライド全体にカバー */
    animation: slideAnime 15s infinite; /* 1サイクル15秒を無限ループ */
}

/* スライド個別設定 */
.slideimg:nth-of-type(1) {
    background-image: url('https://chanoca-illust.com/wp-content/uploads/2025/08/27-e1755689582124.png');
    animation-delay: 0s;
}
.slideimg:nth-of-type(2) {
    background-image: url('https://chanoca-illust.com/wp-content/uploads/2025/04/25-1-e1755689945270.png');
    animation-delay: 3s;
}
.slideimg:nth-of-type(3) {
    background-image: url('https://chanoca-illust.com/wp-content/uploads/2025/04/2-2-e1755689889776.png');
    animation-delay: 6s;
}
.slideimg:nth-of-type(4) {
    background-image: url('https://chanoca-illust.com/wp-content/uploads/2025/08/11-e1755693349265.png');
    animation-delay: 9s;
}
.slideimg:nth-of-type(5) {
    background-image: url('https://chanoca-illust.com/wp-content/uploads/2025/04/27-e1755690276201.png');
    animation-delay: 12s;
}

/* タイミング設定 */
@keyframes slideAnime {
    0%, 30%, 100% {
        opacity: 0; /* 非表示のタイミング */
    }
    10%, 20% {
        opacity: 1; /* 表示されるタイミング */
    }
}