@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Opti&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap");
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
  margin: 0;
  padding: 0; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
    scroll-padding-top: 80px;
    scroll-behavior: smooth; /* ぬるっとスクロールさせる */
}

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

dl, dt, dd, ol, ul, li, p {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  list-style: none; }

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

a:focus, *:focus {
  outline: none; }

.contents {
  overflow: hidden; }

section {
  padding: 0 0; }
  section .container {
    width: 100%;
    margin: 0 auto;
    padding: 0; }

section::before {
  content:'';
  display: block;
 /* padding-top: 3vw;*/
  /*margin-top: -17vw;*/
}
    @media all and (max-width: 860px) {
	section::before {
	  content:'';
	  display: block;
	  padding-top: 5vw;
	  margin-top: -3vw;
		}}

/* animation setteing */
@keyframes vertical {
  0% {
    transform: translateY(-4px); }
  100% {
    transform: translateY(4px); } }

@keyframes vertical-r {
  0% {
    transform: translateY(4px); }
  100% {
    transform: translateY(-4px); } }



body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  min-height: 100vh;
  font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 5.2vw;
  line-height: 1.6;
  color: #331005;
  font-feature-settings: "palt";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  transition: all 0.3s ease-out; }


/* ヘッダー全体の固定 */
.main-header {
  position: sticky;
    top: 0;
    z-index: 1000;
    background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_header.webp");
    background-size: 100% auto;
    border-bottom: solid 2px #953838;
    text-shadow: 1px 1px 8px #955400;
    }

.header-inner {
    margin: 0 auto;
    padding: 2vw 0;
}/* --- [PC版] 1025px以上は絶対に隠さない --- */
@media (min-width: 1025px) {
  .pc-nav {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    }}
  .menu-btn {
    display: none; /* PCではハンバーガーを出さない */
  }
.pc-nav ul {
  display: flex;
  justify-content: space-between; /* 両端いっぱいに広げる */
  list-style: none;
  width: 100%; /* 親の幅いっぱいに使う */
}

.pc-nav li {
  flex: 1;           /* これが魔法の1行！全員同じ幅になります */
  text-align: center; /* 中の画像と文字を中央寄せ */
}
.pc-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.4vw;
    font-weight: bold;
}
.nav-img {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
}
.nav-img img {
    width: 100%;
    height: auto;
}
/* スマホ下部固定ボタン */
.sp-fixed-btn {
    display: none; /* 基本は隠す */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
                background-image: url(/garden/event/strawberry/ozstrawberryhunt2026/images/bg_bottom.webp);
    padding: 15px;
    text-align: center;
}
.sp-fixed-btn a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
/* メニューが開いているとき（activeクラスがついたとき）の線の動き */
.menu-btn.active span:nth-child(1) {
  top: 13px !important;
  transform: rotate(45deg);
}
.menu-btn.active span:nth-child(2) {
  opacity: 0; /* 真ん中の線を消す */
}
.menu-btn.active span:nth-child(3) {
  bottom: 13px !important;
  transform: rotate(-45deg);
}    
/* スマホ版のスタイル（1024px以下） */
@media (max-width: 1024px) {
  .main-header {
    background-color: rgba(255, 255, 255, 0.85) !important; /* 少し透かす */
    backdrop-filter: blur(8px); /* 後ろをぼかす魔法 */
  }
    .header-inner {
    padding: 10px 0;
}
  .pc-nav {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* 画面いっぱいの高さ */
    background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_header.webp");
    z-index: 9999; /* ヘッダー（1000）より圧倒的に大きく！ */
    padding-top: 60px; /* メニューボタンと重ならないように上に余白 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); /* 少し上から落ちてくる */
    /* アニメーションをさせない、または極端に短くする */
    transition: none !important; /* 閉じるときは一瞬で消えるようにする */
  }
    .pc-nav.is-open {
    opacity: 0.95 !important;
    visibility: visible !important;
    transform: translateY(0);
    }
    .menu-btn {
        display: block !important; /* スマホでは絶対出す */
        width: 40px;               /* ボタンの横幅 */
        height: 30px;              /* ボタンの高さ */
        position: relative;
        cursor: pointer;
        z-index: 10000;            /* メニューよりさらに上に */
        margin-left: auto;         /* 右寄せ */
        margin-right: 3vw;
      }

      /* 三本線の「線」そのものの設定 */
      .menu-btn span {
        display: block;
        position: absolute;
        width: 100%;               /* ボタンの横幅いっぱいに線を引く */
        height: 3px;               /* 線の太さ（見えなければ4pxに！） */
        background-color: #ffffff; 
        border-radius: 10px;
        transition: all 0.3s;
      }
      /* 1本目、2本目、3本目の位置 */
      .menu-btn span:nth-child(1) { top: 0; }
      .menu-btn span:nth-child(2) { top: 13px; }
      .menu-btn span:nth-child(3) { bottom: 0; }
    .sp-fixed-btn {
        display: block;
        border-top:solid 2px #ffffff;
    } /* スマホ時のみ表示 */
    /* スマホ全画面メニューの装飾 */
    /* JavaScriptで「is-open」がついた時の表示 */
    .pc-nav.is-open {
        display: flex !important;
        flex-direction: column;
        /* justify-content: center; 上下中央 */
        align-items: center;    /* 左右中央 */
        padding-top: 30vw;
        }
        .pc-nav.is-open ul {
            flex-direction: column;
            gap: 2vw;
        }
        .pc-nav.is-open a {
            font-size: 7vw;
        }
    .pc-nav ul {
        flex-direction: column; /* 縦並びに強制変更 */
        gap: 2.5vw;
        width: 100%;
        padding: 0;
        }

    .pc-nav li {
        width: 100%;
        text-align: center;
        }
    .pc-nav a {
        font-size: 5vw; /* スマホでは少し文字を大きく */
        color: #ffffff !important;
        }

    }




.accordion_one {
  padding: 0 4vw;
  color: #ffe8ed;
margin-bottom: 10vw;}
  .accordion_one .accordion_header {
    background: #cd0053;
    background-size: 100% auto;
    border-radius: 8px;
    padding: 0.4em 0;
    margin: 1.4em 0 0;
    font-size: 3vw;
    font-weight: bold;
    position: relative;
    user-select: none;
    transition: all 0.3s ease-out;
    text-align: center;
    /*
			&:before {
				content:'';
				display:block;
				width:4vw;
				height:4vw;
				background: #ff0;
				background: url("../images/kkm_hd_limg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				left:14vw;
				top:2vw;
				@media all and (max-width:860px) {
					width:6vw;
					height:6vw;
					left:20vw;
					top:3vw;
				}				
			}

			&.streetp_ah:before {
				left:20vw;
			}
			&:after {
				content:'';
				display:block;
				width:4vw;
				height:4vw;
				background: #ff0;
				background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				right:14vw;
				top:2vw;
				@media all and (max-width:860px) {
					width:6vw;
					height:6vw;
					right:20vw;
					top:3vw;
				}				
			}
			&.streetp_ah:after {
				right:20vw;
			}								
			*/ }
    @media all and (max-width: 860px) {
      .accordion_one .accordion_header {
        padding: 0.5em 0;
        font-size: 5vw; } }
    .accordion_one .accordion_header .i_box {
      position: absolute;
      color: #fff;
      right: 0.5em;
      top: 0.2em;
      user-select: none; }
      .accordion_one .accordion_header .i_box .one_i {
        content: '';
        display: block;
        width: 2em;
        height: 2em;
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_plus.png") no-repeat center center;
        transition: all 0.3s ease-out;
        background-size: 100% auto;
        }
    .accordion_one .accordion_header.open {
      border-radius: 8px 8px 0 0; }
      .accordion_one .accordion_header.open .i_box .one_i {
        content: '';
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_minus.png") no-repeat center center;
        transform: rotate(360deg);
        display: block;
        z-index: 999;
        position: relative;
        background-size: 100% auto;
        }
  .accordion_one .accordion_inner {
    border-radius: 0 0 8px 8px;
    background: #ffe7f1;
    background-size: 100% auto;
    line-height: 1.5;
    font-size: 2.0vw;
    color: #cd0053;
    display: none;
    padding: 3em 2em 4em;
    margin: 0 0 0;
    border: 10px solid #ffa0b5; }
	.accordion_one .accordion_inner .box_one .txt_a_ac h2{
		text-align: center;
		}
    @media all and (max-width: 860px) {
      .accordion_one .accordion_inner {
        font-size: 3.8vw;
        padding: 1em 1em 2em; } }
    .accordion_one .accordion_inner .txt_fwb {
      font-weight: bold;
      font-size: 1.2em; }
    .accordion_one .accordion_inner .txt_point {
      font-weight: bold; }
    .accordion_one .accordion_inner .txt_point_ul {
      font-size: 1.2em;
      font-weight: bold;
      text-decoration: underline; }
    .accordion_one .accordion_inner a {
      color: #840000; }
    .accordion_one .accordion_inner .txt_normal_ul {
      text-decoration: underline; }
    .accordion_one .accordion_inner .txt_point_col {
      color: #fbff7d; }
    .accordion_one .accordion_inner .ac_img img {
      width: 100%;
      height: auto; }

.accordion_one_oz {
	padding: 0vw 0vw ;
    cursor: pointer;
    }
		@media all and (max-width: 860px) {
		.accordion_one_oz {
			padding: 0;
			}
		}
	.accordion_one_oz .accordion_header {
		background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_oz_one.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 85% auto;
		padding: 4.5em 0;
		margin: 0em 0 0;
		font-size: 3vw;
		position: relative;
		user-select: none;
		transition: all 0.3s ease-out;
		animation: vertical 2.73s ease-in-out infinite alternate;
        }
		@media all and (max-width: 860px) {
            .accordion_one_oz .accordion_header {
                background-size: 100% auto;
                padding: 3em 0;
                font-size: 6vw; }
            }
		.accordion_one_oz .accordion_header .i_box {
			position: absolute;
			left: 2.5em;
			top: 1.5em;
			user-select: none;
    		animation: vertical 3.2s ease-in-out infinite alternate; }
		.accordion_one_oz .accordion_header .i_box .one_i {
			content: '';
			display: block;
			width: 6em;
			height: 6em;
			background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_oz_book_c.png");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 100%;
			transition: all 0.3s ease-out; }
		.accordion_one_oz .accordion_header.open {
			border-radius: 8px 8px 0 0;
				}
		.accordion_one_oz .accordion_header.open .i_box .one_i {
			content: '';
			background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_oz_book_o.png");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 100%;
			transform: rotate(360deg);
			display: block;
			position: relative; }
				@media all and (max-width: 860px) {
				.accordion_one_oz .accordion_header .i_box {
					left: 1em;
					top: 1.5em; }
				.accordion_one_oz .accordion_header .i_box .one_i {
					width: 3em;
					height: 3em; }
						}
		.accordion_one_oz .accordion_inner {
			display: none;
			padding: 0;
			margin: 0 5px 5vw;
			border: 5px solid #7d4527; }
			@media all and (max-width: 860px) {
				.accordion_one_oz .accordion_inner {
					border: 4px solid #6c2200;  }
				}
			.accordion_one_oz .accordion_inner a {
				color: #fff; }
			.accordion_one_oz .accordion_inner .ac_img img {
				width: 100%;
				height: auto; }

.accordion_atari {
  color: #fff;
  padding: 3vw 0 0; }
  .accordion_atari .accordion_header {
    text-align: center;
    background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/atari_bg.png") no-repeat center top;
    background-size: 100% auto;
    border-radius: 1vw;
    padding: 1vw 0;
    margin: 0 0;
    font-size: 3vw;
    font-weight: bold;
    position: relative;
    user-select: none;
    transition: all 0.3s ease-out;
    /*
			&:before {
				content:'';
				display:block;
				width:4vw;
				height:4vw;
				background: #ff0;
				background: url("../images/kkm_hd_limg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				left:14vw;
				top:1.3vw;
			}
			&:after {
				content:'';
				display:block;
				width:4vw;
				height:4vw;

				background: #ff0;
				background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				right:14vw;
				top:1.3vw;
			}								
			*/ }
    .accordion_atari .accordion_header .i_box {
      position: absolute;
      color: #fff;
      right: 1.0vw;
      top: 1.0vw;
      user-select: none; }
      .accordion_atari .accordion_header .i_box .one_i {
        content: '';
        display: block;
        width: 4.6vw;
        height: 4.6vw;
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_plus.png") no-repeat center center;
        background-size: contain;
        transition: all 0.3s ease-out; }
    .accordion_atari .accordion_header.open {
      border-radius: 1vw 1vw; }
      .accordion_atari .accordion_header.open .i_box .one_i {
        content: '';
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_minus.png") no-repeat center center;
        display: block;
        width: 4.6vw;
        height: 4.6vw;
        background-size: contain;
        transform: rotate(360deg); }
  .accordion_atari .accordion_inner {
    border-radius: 0 0 8px 8px;
    background: #b78a30;
    line-height: 1.6;
    font-size: 0.9em;
    display: none;
    padding: 1em 1em 4em;
    margin: 0 0 2em; }

.accordion_green {
  color: #fff;
  padding: 3vw 0 0; }
  .accordion_green .accordion_header {
    text-align: center;
    background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg2.png") no-repeat center top;
    background-size: 100% auto;
    border-radius: 1vw;
    padding: 1vw 0;
    margin: 0 0;
    font-size: 3vw;
    font-weight: bold;
    position: relative;
    user-select: none;
    transition: all 0.3s ease-out;
    /*
			&:before {
				content:'';
				display:block;
				width:4vw;
				height:4vw;
				background: #ff0;
				background: url("../images/kkm_hd_limg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				left:14vw;
				top:1.3vw;
			}
			&:after {
				content:'';
				display:block;
				width:4vw;
				height:4vw;
				background: #ff0;
				background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
				background-size: 100% auto;
				position: absolute;
				right:14vw;
				top:1.3vw;
			}								
			*/ }
    .accordion_green .accordion_header .i_box {
      position: absolute;
      color: #fff;
      right: 1.0vw;
      top: 1.0vw;
      user-select: none; }
      .accordion_green .accordion_header .i_box .one_i {
        content: '';
        display: block;
        width: 4.6vw;
        height: 4.6vw;
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_plus.png") no-repeat center center;
        background-size: contain;
        transition: all 0.3s ease-out; }
    .accordion_green .accordion_header.open {
      border-radius: 1vw 1vw; }
      .accordion_green .accordion_header.open .i_box .one_i {
        content: '';
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/i_minus.png") no-repeat center center;
        display: block;
        width: 4.6vw;
        height: 4.6vw;
        background-size: contain;
        transform: rotate(360deg); }
  .accordion_green .accordion_inner {
    border-radius: 0 0 8px 8px;
    background: #196840;
    line-height: 1.6;
    font-size: 0.9em;
    display: none;
    padding: 1em 1em 4em;
    margin: 0 0 2em; }


.sec_mainvisual {
    width: 100%;
    padding: 0vw 0 0 0;
    margin: 0;
    font-size: 0;
    background-color: #ffffff;}
        @media all and (max-width: 860px) {
        .sec_mainvisual {
        padding: 0vw 0 0 0;
            margin-top: -5vw; }
        }
    .sec_mainvisual .container {
        width: 100%; }
        .sec_mainvisual .container img {
            width: 100%;
            height: auto; }
            @media all and (max-width: 860px) {
            .sec_mainvisual .container {
                background: url(/garden/event/strawberry/ozstrawberryhunt2026/images/mv_sp.jpg) center top no-repeat;
                background-size: contain;
                padding-top: calc(1818 / 1414 * 100%); }
                .sec_mainvisual .container img {
                  display: none; 
                }
                }

.sec_mainvisual .wrap {
  width: 100%;
  height: auto;
  position: relative; }
  .sec_mainvisual .wrap .char_list {
    position: absolute;
    width: 100%;
    top: 0;
    margin: 0;
    z-index: 9999; }
    .sec_mainvisual .wrap .char_list .char_list_a {
      position: absolute;
    right: -1vw;
    top: 4vw;
    width: 16vw;
    height: 28vw;
    animation: vertical 2s ease-in-out infinite alternate;}
      .sec_mainvisual .wrap .char_list .char_list_a img {
        width: 100%;
        height: auto; }
    .sec_mainvisual .wrap .char_list .char_list_b {
      
    position: absolute;
    left: 1.2vw;
    top: -6vw;
    width: 16vw;
    height: 50vw;
    animation: vertical-r 2.8s ease-in-out infinite alternate;
 }
      .sec_mainvisual .wrap .char_list .char_list_b img {
        width: 100%;
        height: auto; }
    .sec_mainvisual .wrap .char_list .char_list_c {
      position: absolute;
    left: -6vw;
    top: 20vw;
    width: 18vw;
    height: 25.5vw;
        animation: vertical 3.6s ease-in-out infinite alternate;
}
      .sec_mainvisual .wrap .char_list .char_list_c img {
        width: 100%;
        height: auto; }

.sec_lead {
	padding: 1em;
	position: relative;
	background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_pink3.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto, 100% auto;
    margin-top: 0vw;
	}
	.sec_lead .container {
		color: #6c2200;
		font-size: 3vw;
		font-weight: bold;
		text-align: center;
		}
	.sec_lead .container::before {
        content: '';
        display: block;
        width: 20vw;
        height: 18vw;
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/st_st01.png") center left no-repeat;
        background-size: contain;
        top: -10vw;
        position: absolute;
        right: -8vw;
        animation: vertical 2.5s ease-in-out infinite alternate;
        z-index: 10;
		}
	.sec_lead .container::after {
        content: '';
        display: block;
        width: 20vw;
        height: 18vw;
        background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/st_st02.png") center left no-repeat;
        background-size: contain;
        top: 26vw;
        position: absolute;
        left: 0vw;
        animation: vertical 1.8s ease-in-out infinite alternate;
        z-index: 100;
		}
		.sec_lead .container p {
			font-size: 2vw;
            margin-top: 5vw;
			}
			@media all and (max-width: 860px) {
			.sec_lead .container p {
				font-size: 4vw;
			}
		}
		.sec_lead .container .nmds {
			text-decoration: underline;
			text-align: center;
			width: 26%;
			margin: 0 auto 14px;
			}
		.sec_lead .container .nmds img {
			width: 100%;
			height: auto;
			}

		.sec_lead .container .t_h1 {
			margin: 0 0 1vw;
			padding: 0 0 1vw;
			line-height: 1.4;
			font-size: 4vw;
			border-bottom: 2px solid;
	font-family: 'Kaisei HarunoUmi', serif; 
			}
			@media all and (max-width: 860px) {
			.sec_lead .container .t_h1 {
				margin: 0 0 1vw;
				padding: 0 0 1vw;
				line-height: 1.4;
				font-size: 5.4vw;
				}
}
		.sec_lead .container .t_h1_sub {
			margin: 0;
			padding: 1vw 0 0;
			font-weight: bold;
			color: #aa1f1a;
			}


.story_area {
	background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/astory_bg2.jpg") repeat center top;
	/*background-size: contain;*/
	margin: 0;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2vw;
	padding: 3.5vw 3vw 0;
	}
	.story_area .story_list {
		padding: 0 2vw; }
		.story_area .story_list li.story_item {
			display: flex; }
		.story_area .story_list li.story_item .st_imgarea {
			width: 20%; }
		.story_area .story_list li.story_item .st_imgarea img {
			width: 100%; }
		.story_area .story_list li.story_item .st_txtarea {
			width: 80%;
			text-align: left;
			padding: 0 0 4vw 4vw;
			font-weight: bold; }
        .story_area .story_list li.story_item .st_txtarea .st_txtarea_smds img{
			width: 30%;
            height: auto;
            }
		.story_area .story_list li.story_item .st_txtarea p {
			text-align: justify; }
		.story_area .story_list li.story_item .st_txtarea p {
			text-align: justify; }
		.story_area .story_list p {
			text-align: center;
			font-weight: bold;
			padding-bottom: 2vw;}
		.story_area .story_list li.story_item:nth-child(even) {
			display: flex;
			flex-direction: row-reverse; }
		.story_area .story_list li.story_item:nth-child(even) .st_txtarea {
			padding: 0 4vw 4vw 0;
			text-align: right; }
		.story_area .story_list li.story_item:nth-child(1) .st_imgarea {
			padding: 0; }
		.story_area .story_list li.story_item:nth-child(4) .st_imgarea img {
			transform: scale(1.3, 1.3); }
		.story_area .story_sercharea .nmds_astory {
			padding: 0 20vw; }

				@media all and (max-width: 860px) {
				  .story_area {
					margin: 0;
					padding: 6vw 0 0 0;
					background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/astory_bg.jpg") repeat center top;
					background-size: contain;
                    }
					.story_area .story_list {
					  padding: 0 2vw; }
					  .story_area .story_list li.story_item {
						display: flex; }
						.story_area .story_list li.story_item .st_imgarea {
						  width: 20%; }
						  .story_area .story_list li.story_item .st_imgarea img {
							width: 100%;
							height: auto; }
						.story_area .story_list li.story_item .st_txtarea {
						  width: 80%;
						  font-size: 3.6vw;
						  text-align: left;
						  padding: 0 0 4vw 2vw; }
						  .story_area .story_list li.story_item .st_txtarea .st_txtarea_smds {
							display: inline-block;
							padding: 0;
							margin: 0;
							line-height: 1;
							width: 24vw; }
							.story_area .story_list li.story_item .st_txtarea .st_txtarea_smds img {
							  width: 85%;
							  height: auto;
							  margin: 0; }
						.story_area .story_list li.story_item:nth-child(even) {
						  display: flex;
						  flex-direction: row-reverse; }
						  .story_area .story_list li.story_item:nth-child(even) .st_txtarea {
							padding: 0 4vw 4vw 0;
							text-align: right; }
						.story_area .story_list p {
							text-align: center;
							font-weight: bold;
							padding-bottom: 2vw;
							line-height:1.2;
							font-size: 3.5vw;}
		                }

.sec_bnrnavi {
	background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/secbg_red.jpg");/*
	background-position:  center top;
	background-size: contain;*/
	text-align: center;
	color: #e1c47b;
	font-size: 5vw;
	line-height: 1.2;
	margin: 0;
	padding: 0.6vw 0 4vw;
	font-family: 'Kaisei HarunoUmi', serif; }
	  @media all and (max-width: 860px) {
		.sec_bnrnavi .container .sec_h2 {
			font-size: 10vw; } 
		}
		.sec_bnrnavi .container .sec_h2 .subname {
			font-size: 2vw;
			font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
		@media all and (max-width: 860px) {
		.sec_bnrnavi .container .sec_h2 .subname {
			font-size: 4vw;
			padding: 0.6em 0 0 0;
				}
			}

    .sec_bnrnavi .container .bnr_navi_list {
      width: 100%;
      padding: 0 0vw 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .sec_bnrnavi .container .bnr_navi_list .navi_list_item {
        width: 30%;
        padding: 0 0.2vw 2vw; }
        .sec_bnrnavi .container .bnr_navi_list .navi_list_item a {
			width: 100%;
			display: block;
			color: #fff;
			text-decoration: none;
			text-align: center;
			line-height: 1.2em;
			font-size: 1.6vw;
			font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
}
          .sec_bnrnavi .container .bnr_navi_list .navi_list_item a img {
            width: 100%;
            height: auto; }
    @media all and (max-width: 860px) {
      .sec_bnrnavi .container .bnr_navi_list {
        width: 100%;
        padding: 0 1vw 4vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .sec_bnrnavi .container .bnr_navi_list .navi_list_item {
          width: 50%;
          padding: 0 0.4vw 4vw; }
          .sec_bnrnavi .container .bnr_navi_list .navi_list_item a {
            width: 100%;
            display: block;
            color: #fff;
            text-decoration: none;
            text-align: center;
            line-height: 1.4;
            font-size: 3.2vw; }
            .sec_lead .container .bnr_navi_list .navi_list_item a img {
              width: 100%;
              height: auto; } }

    .sec_bnrnavi .container .bnr_navi_box {
      width: 100%;
      padding: 0 0vw 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .sec_bnrnavi .container .bnr_navi_box .navi_box_item {
        width: 30%;
        padding: 0 0.2vw 2vw; }
        .sec_bnrnavi .container .bnr_navi_box .navi_box_item a {
			width: 100%;
			display: block;
			color: #fff;
			text-decoration: none;
			text-align: center;
			line-height: 1.2em;
			font-size: 1.6vw;
			font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
}
          .sec_bnrnavi .container .bnr_navi_box .navi_box_item a img {
            width: 100%;
            height: auto; }
			@media all and (max-width: 860px) {
			  .sec_bnrnavi .container .bnr_navi_box {
				width: 100%;
				padding: 0 1vw 4vw;
				display: flex;
				flex-wrap: wrap;
				justify-content: center; }
				.sec_bnrnavi .container .bnr_navi_box .navi_box_item {
				  width: 50%;
				  padding: 0 0.4vw 4vw; }
				  .sec_bnrnavi .container .bnr_navi_box .navi_box_item a {
					width: 100%;
					display: block;
					color: #fff;
					text-decoration: none;
					text-align: center;
					line-height: 1.4;
					font-size: 3.2vw; }
					.sec_bnrnavi .container .bnr_navi_box .navi_box_item a img {
					  width: 100%;
					  height: auto; } }
	@media screen and (max-width: 860px) {
	.order1 {
	  order: 1;
	}
	.order2 {
	  order: 2;/*上から2番目に表示*/
	}
	.order3 {
	  order: 3;/*上から3番目に表示*/
	}
	.order4 {
	  order: 4;/*上から4番目に表示*/
	}
	.order5 {
	  order: 5;/*上から4番目に表示*/
	}
	}

.sec_course {
    background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/sec_course_bg.webp");
    background-size: 100% auto;
    box-sizing: border-box;
    margin-top: -12vw; 
    padding: 10vw 0 5vw 0;
}
.sec_course .container {
    max-width: 70vw; 
    margin: 0 auto;
}

.step-block {
    display: flex;       /* 中身（画像とテキスト）を横に並べる */
    align-items: center; /* 縦方向の真ん中に揃える */
    justify-content: space-around; /* 程よく間隔を空ける */
    margin-bottom: 0; /* 次のポイントとの間隔 */
}
    
.is-right {
    flex-direction: row; /* 標準の並び順（左から右） */
}
/* 反転（左に画像、右にテキスト） */
.is-left {
  flex-direction: row-reverse; /* 並び順を逆転させる！ */
}

/* テキストが入っている箱全体の設定 */
.step-text {
  width: 40%;          /* 横幅を45%くらいにしておくと画像と並びやすい */
  color: #555;         /* 全体の文字色（イチゴに合わせて焦げ茶色とかも可愛いですね） */
  line-height: 1.6;    /* 行間を少し空けると読みやすくなります */
    margin-left: 3vw;
}

/* その中にある「タイトル（見出し）」だけ大きくしたい場合 */
.step-text h3 {
  font-size: 1.5rem;   /* 文字を大きく */
  color: #e60012;      /* イチゴっぽい赤色に */
  margin-bottom: 10px; /* 下の説明文との間隔 */
  font-weight: bold;   /* 太字にする */
}

/* その中にある「説明文（pタグ）」の設定 */
.step-text p {
    /* pxやremを使わず「3.5vw」のように指定します。
       これでブラウザを200%にズームしても、文字の大きさは1ミリも変わりません。
    */
    font-size: 2vw; 
    color: #850000;
    transform: rotate(-6deg);
    font-weight: bold;
    line-height: 1.6;
}
.step-text a:link {
    color: #850000;
}
.step-text a:hover {
    color: #850000;
}
.step-text a:visited {
    color: #850000;
}
/* 画像を包んでいる箱（枠組み） */
.step-image {
  width: 50vw;           /* 画面の45%くらいを画像エリアにする */
  text-align: center;   /* 画像を中央に寄せる */
}

/* 画像そのもの（本体） */
.step-image img {
    width: 100%;
    height: auto;
    /* max-widthにpxを使うと、そこでズームの影響を受けてしまうので
       もし制限したいならこれもvwで指定します */
    max-width: 60vw; 
}
    /* --- スマホ用の設定 --- */
    @media (max-width: 864px) {
        .sec_course {
            padding: 0 5vw 0 !important; /* 上下の余白だけにする */
        }
        .sec_course .container {
            max-width: 95vw !important; 
            width: 95vw !important;
            padding-bottom: 10vw !important;
            /* margin: 0 auto; で中央寄せ */
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .step-block {
            flex-direction: column !important; /* 縦に積む */
        }
        .step-image, .step-text {
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            padding: 0 2vw !important; /* 左右に少しだけ遊びを作る */
        }
        .step-text {
            margin-bottom: 2vw;
        }
        .step-image img {
            width: 90vw !important; /* 画像を画面幅の90%まで大きく */
            max-width: none !important; /* PC版の60vwやpx制限を完全に無効化 */
            height: auto !important;
        }
        .step-text p {
            font-size: 5vw !important;
            line-height: 1.3 !important;
            transform: rotate(-3deg) !important; /* スマホは少し緩やかに */
            text-align: center;
        }
    }








.sec_food {
	background-image:url("/garden/event/strawberry/ozstrawberryhunt2026/images/sec_food_bg.webp");
	background-position: center top;
	background-repeat: repeat;
	padding: 7vw 0 3vw;
	position: relative;
    background-size: 100% auto;
    margin-top: -1vw;
    }
	.sec_food#otherevent {
		background: #fff;
		color: #000;
		padding: 0; }
		.sec_food#otherevent .container .mds_h2 {
			color: #850000; }
	.sec_food .container {
		text-align: left; }
	.sec_food .container img{
        display: block;
		margin:0 auto; }
	.sec_food .container .movie {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden; }
		.sec_food .container .movie iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%; }
		@media all and (max-width: 860px) {
		.sec_food .container .movie {
			margin: 6vw 0 0 0; } }
		.sec_food .container {
			padding: 0 0; }
		.sec_food .container .sec_food_h3 {
			color: #db004f;
			text-align: center;
			font-size: 0.8em;
			padding: 3vw 0;
			/*transform: rotate(-2deg);*/
			text-shadow: 0.2vw 0.2vw 0 #ffffff, 0px 0.2vw 0 #fff, 0.2vw 0 0 #fff;
			line-height: 1.2;
			margin: 0;
			font-weight: bold; }
			@media all and (max-width: 860px) {
			.sec_food .container .sec_food_h3 {
			  font-size: 6.2vw; } }
			.sec_food .container .sec_food_lead {
			  text-align: justify;
			  font-size: 2.8vw;
                    }
				@media all and (max-width: 860px) {
				.sec_food .container .sec_food_lead {
                    font-size: 5.0vw; } }
				.sec_food .container .pics_area {
                    width: 90%;
                    /* margin: -1.5em 0 0; */
                    /* width: 115%; */
                    margin: 0 auto;
                    }
					@media all and (max-width: 860px) {
					  .sec_food .container .pics_area {
						width: 100%;
                        }
                        }
				  .sec_food .container .pics_area .apcom_txtp {
                        padding: 0.5vw 4em 1vw; }
				  .sec_food .container .pics_area .pics_area_list {
                        display: flex;
                        flex-wrap: wrap;
                        }
					.sec_food .container .pics_area .pics_area_list li:nth-of-type(3n+1) {
                        border-left: none; }
					.sec_food .container .pics_area .pics_area_list .pics_area_item {
                        width: 33.333%;
                        height: auto;
                        margin: 0;
                        line-height: 0;
                        box-sizing: border-box;
                        padding: 0.1em;}
					.sec_food .container .pics_area .pics_area_list .pics_area_item img {
						margin: 0 auto 0;
						width: 100%;
						height: auto; }
					.sec_food .ticket_btn p {
						font-size: 0.5em;
						text-align: center;
					}
					.sec_food .container .sec_food_bnr {
                        line-height: 0; }
                    /*.sec_food .container .sec_food_bnr::before {
                        content: '';
                        line-height: 1;
                        font-size: 0;
                        display: block;
                        padding-top: 0vw;
                        width: 32vw;
                        height: 22vw;
                        background: url(../../ozstrawberryhunt2026/images/st_flower05.png) center left no-repeat;
                        background-size: contain;
                        top: -13vw;
                        position: absolute;
                        right: -10vw;
                        animation: vertical 2s ease-in-out infinite alternate;
                        }
                    .sec_food .container .sec_food_bnr::after {
                        content: '';
                        line-height: 1;
                        font-size: 0;
                        display: block;
                        width: 32vw;
                        height: 22vw;
                        background: url(../../ozstrawberryhunt2026/images/st_flower06.png) center left no-repeat;
                        background-size: contain;
                        top: 4vw;
                        position: absolute;
                        left: -4vw;
                        animation: vertical 2s ease-in-out infinite alternate;
                        }*/
							@media all and (max-width: 860px) {
                                .sec_food .container .sec_food_bnr::after {
                                    top: 10vw;
                                    }
                                    }
					.sec_food .container .sec_food_bnr img {
						width: 100%;
						height: auto;
						margin: 0 0 0.3em;
						padding: 1em 0 0;
                        }
					.sec_food .container .pagetop {
						text-align: right;
						padding: 7vw 6.5vw 0; 
                        }
                        .sec_food .container .pagetop a {
                            text-align: right;
                            font-size: 0.8em;
                            color: #fff;
                            padding: 1vw; }
                        .sec_food .container .pagetop a img {
                            width: 10%;
                            height: auto;
                            }
							@media all and (max-width: 860px) {
                                .sec_food .container .pagetop {
                                    padding: 8vw 4vw 0; 
                                    }
                                .sec_food .container .pagetop a img {
                                    width: 30%;
                                    height: auto; 
                                    } 
                                    }




.sec_works {
    background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_rainbow.webp");
    /*background-position: center top;
	background-repeat: repeat;
	background-size: contain;*/
    padding: 0 0 0vw;
    position: relative;
    background-size: 100% auto;
    }
    .sec_works#otherevent {
        background: #fff;
        color: #000;
        padding: 0;
    }
    .sec_works#otherevent .container .mds_h2 {
        color: #009bd6;
    }
    .sec_works .char_list_d {
        position: absolute;
        right: 1vw;
        top: -8vw;
        width: 29.0vw;
        z-index: 100;
        animation: vertical 3.2s ease-in-out infinite alternate;
    }
    .sec_works .char_list_d img {
        width: 100%;
        height: auto;
    }
    .sec_works .container {
        text-align: center;
    }
    .sec_works .container .movie {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }
    .sec_works .container .movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }
        @media all and (max-width: 860px) {
            .sec_works .container .movie {
                margin: 6vw 0 0 0;
            }
        }
    .sec_works .container .works_list_area .mds_h3 {
        font-size: 3vw;
        color: #e97509;
        text-align: center;
    }
    .sec_works .container .works_list_area .lbview_none {
        display: none;
    }
    .sec_works .container .works_list_area .works_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sec_works .container .works_list_area .works_list .works_list_item {
        width: 100%;
        padding: 0 0 5vw;
}
        .sec_works .container .works_list_area .works_list .works_list_item .txtjf {
            text-align: justify;
            text-justify: inter-ideograph;
            padding: 0 4em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pagetop {
            text-align: right;
            padding: 7vw 6.5vw 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pagetop a {
            text-align: right;
            font-size: 0.8em;
            color: #fff;
            padding: 1vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pagetop a img {
            width: 10%;
            height: auto;
            }
            @media all and (max-width: 860px) {
    .sec_works .container .works_list_area .works_list .works_list_item {
        padding: 0vw;
}
                .sec_works .container .works_list_area .works_list .works_list_item .pagetop {
                    padding: 8vw 4vw 0;
                }
                .sec_works .container .works_list_area .works_list .works_list_item .pagetop a img {
                    width: 30%;
                    height: auto;
                }
            }
        .sec_works .container .works_list_area .works_list .works_list_item .mds_kasen {
            text-align: center;
            font-size: 0.8em;
            font-weight: 600;
            color: #c9152d;
            transform: rotate(-2deg);
            line-height: 1.2;
            margin: 0 0 1em 0;
            letter-spacing: 0.1em;
            text-shadow: 1px 0px #ffffff;
            }
            @media all and (max-width: 860px) {
                .sec_works .container .works_list_area .works_list .works_list_item .mds_kasen {
                    font-size: 6vw;
                    margin-bottom: 1.5em;
                }
                }
        .sec_works .container .works_list_area .works_list .works_list_item .mds_kasen .mds_special {
            font-size: 1.6em;
            line-height: 1.5;
            color: #e7cc58;
        }
        .sec_works .container .works_list_area .works_list .works_list_item img {
            width: 100%;
            height: auto;
            /*margin: -5vw auto 0.4vw;*/
            padding: 0 0 0;
            /*vertical-align: middle;*/
        }
        .sec_works .container .works_list_area .works_list .works_list_item p {
            /*text-align: left;*/
        }
            @media all and (max-width: 860px) {
            .sec_works .container .works_list_area .works_list .works_list_item p {
                font-size: 5vw;
                font-weight: 600;
                line-height: 1.3;
            }
            }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea {
            padding: 0 4em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea a {
            border: 2px solid #59442b;
            background: #fff;
            border-radius: 8px;
            font-size: 3vw;
            text-align: center;
            padding: 1em;
            width: 100%;
            color: #59442b;
            display: block;
            text-decoration: none;
            margin: 2em auto 0;
            font-weight: bold;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_pink {
            padding: 0 4em;
            color: #fff;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_pink a {
            background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg.jpg") repeat center top;
            background-size: 100% auto;
            border-radius: 8px;
            padding: 1em 0;
            margin: 1.4em 0 0em;
            font-size: 2vw;
            font-weight: bold;
            position: relative;
            user-select: none;
            transition: all 0.3s ease-out;
            text-decoration: none;
            color: #fff;
            display: block;
            /*
								&:before {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_limg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									left:15vw;
									top:2vw;
								}
								&:after {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									right:15vw;
									top:2vw;
								}	
								*/ }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_red {
            padding: 0 4em;
            color: #fff;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_red a {
            background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg_red.jpg") repeat center top;
            background-size: 100% auto;
            border-radius: 8px;
            padding: 0.5em 0;
            margin: 1.4em 0 0em;
            font-size: 3vw;
            font-weight: bold;
            position: relative;
            user-select: none;
            transition: all 0.3s ease-out;
            text-decoration: none;
            color: #fff;
            display: block;
            /*
								&:before {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_limg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									left:15vw;
									top:2vw;
								}
								&:after {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									right:15vw;
									top:2vw;
								}	
								*/
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_blue {
            padding: 0 4em;
            color: #fff;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_blue a {
            width: 60vw;
            background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg_blue.jpg") repeat center top;
            background-size: 120% auto;
            border: 4px solid #ceb33e;
            border-radius: 8px;
            padding: 0.55em 0 0.4em;
            margin: 1.4em auto 0em;
            font-size: 3vw;
            font-weight: bold;
            position: relative;
            user-select: none;
            transition: all 0.3s ease-out;
            text-decoration: none;
            color: #e7cc58;
            display: block;
            /*
								&:before {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_limg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									left:15vw;
									top:2vw;
								}
								&:after {
									content:'';
									display:block;
									width:4vw;
									height:4vw;
									background: #ff0;
									background: url("../images/kkm_hd_rimg.png") no-repeat center center ;
									background-size: 100% auto;
									position: absolute;
									right:15vw;
									top:2vw;
								}	*/
        }
        .sec_works .container .works_list_area .works_list .works_list_item .btnarea_blue a:hover {
            color: #ffe46f;
            background-size: 100% auto;
        }
        .sec_works .container .works_list_area .works_list .works_list_item.subev_wrap {
            padding-bottom: 10vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item {
            padding: 1em 2em;
            display: flex;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item .list_item_imgarea {
            width: 35%;
            padding: 0 5% 0 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item .list_item_imgarea img {
            width: 100%;
            height: auto;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item .list_item_txtarea {
            width: 65%;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item .list_item_txtarea .mds_kasen {
            text-align: left;
            margin: 0 0 0.4em 0;
            font-size: 1.1em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .subev_list .list_item .list_item_txtarea .txtjf {
            padding: 0;
            text-align: left;
            font-size: 0.9em;
            line-height: 1.6;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list {
            padding: 0 4vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item {
            display: flex;
            flex-direction: column;
            padding: 0 0 12vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_title {
            margin: 0;
            padding: 0.8em 0 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_subtitle {
            font-size: 0.5em;
            margin: 0;
            padding: 0.2em 0 0.8em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_subtitle2 {
            text-align: center;
            font-size: 0.7em;
            margin: 0.8em 0 -0.8em;
            font-weight: bold;
            color: #ba0054;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_detail {
            font-size: 0.8em;
            text-align: center;
            line-height: 1.3;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_detail p {
            text-align: center;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .sptxt .sp_detail .sp_sns {
            font-size: 0.7em;
            padding: 0.1em 0 0 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .spimg {
            display: flex;
            flex-wrap: nowrap;
            width: 100%;
            align-items: flex-end;
            justify-content: center;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .spimg img {
            width: 33.3%;
            height: auto;
            margin: 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .smds {
            margin: 1em 0 0.5em 0;
            padding: 0.5em 1em 0.5em;
            color: #fff;
            background: #ba0054;
            border-radius: 100vw 100vw;
            display: inline-block;
            border: 2px solid #fff;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .actor_qa_list {
            padding: 0 0 1.2em 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .actor_qa_list dt {
            display: inline-block;
            font-weight: bold;
            color: #ba0054;
            padding-left: 0.8em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .sp_list .splist_item .actor_qa_list dd {
            display: inline-block;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area {
            width: 90%;
            /* margin: -1.5em 0 0; */
            /* width: 115%; */
            margin: 0 auto;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .apcom_txtp {
            padding: 0.5vw 4em 1vw;
            }
            @media all and (max-width: 860px) {
                .sec_works .container .works_list_area .works_list .works_list_item .pics_area .apcom_txtp {
                    padding: 0.5vw 1.4em 1vw;
                }
            }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list {
            display: flex;
            flex-wrap: wrap;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list li:nth-of-type(3n+1) {
            border-left: none;
            /*padding: 0 0.2em;*/
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list .pics_area_item {
            width: 33.333%;
            height: auto;
            margin: 0;
            line-height: 0;
            padding: 0.1em /*
              border-right: 1px solid #fcebdb;
              border-bottom: 1px solid #fcebdb;
              box-sizing: border-box;*/
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list .pics_area_item img {
            margin: 0 auto 0;
            padding: 0;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list.somethingrose .pics_area_item {
            width: 50%;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule {
            padding: 0 8vw;
            margin: 0 auto 3vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule dl {
            display: flex;
            border-top: 1px solid #cfcfcf;
            padding: 1vw 1vw;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule dl.week_sat {
            background-color: rgba(202, 241, 241, 0.5);
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule dl.week_sun {
            background-color: rgba(241, 202, 215, 0.5);
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule dl dt {
            font-weight: bold;
            font-size: 0.8em;
            width: 15%;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule dl dd {
            font-size: 0.8em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item .schedule .schedule_txt {
            padding: 2em 0 0 0;
            font-size: 0.8em;
        }
        .sec_works .container .works_list_area .works_list .works_list_item.swiper_area {
            position: relative;
            margin: -10vw 0 0;
            padding: 16vw 1em 12vw;
            }
              @media all and (max-width: 860px) {
                  .sec_works .container .works_list_area .works_list .works_list_item .pics_area {
                      width: 100%;
                  }
                  .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list.apcom_item {
                      margin: 2em 0 0;
                  }
                  .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list.apcom_item .pics_area_item {
                      width: 100%;
                  }
                  .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list.apcom_item .pics_area_item p {
                      padding: 0 1.4em 1em;
                      text-align: justify;
                  }
                  .sec_works .container .works_list_area .works_list .works_list_item .pics_area .pics_area_list.apcom_item .pics_area_item img {
                      border: none;
                  }
                  }
          .sec_works .container .oz_strawberry_list {
              color: #91313e;
                margin: 5vw 0;
                padding: 0;
                text-shadow: 1px 1px #fffdfd;
                font-family: 'Zen Maru Gothic';
          }
          .sec_works .container .strawberry_h2 {
              font-size: 4vw;
              margin: 0;
              padding: 3vw 0 0;
              text-align: center;
          }
          .sec_works .container .oz_strawberry_list .strawberry_list {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              margin: 15vw 0 0;
          }
          .sec_works .container .oz_strawberry_list p {
              margin: -2vw auto 1vw;
              font-size: 2vw;
              font-weight: 600;
          }
          .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item {
              width: 23%;
              padding: 0 1vw;
          }
          .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item img {
              width: 100%;
              height: auto;
              font-size: 0;
          }
        .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_h3 {
            font-size: 2.4vw;
            color: #ffffff;
            margin: -1em 0 1.5em 0;
            line-height: 1;
            /* font-family: 'Kaisei HarunoUmi', serif; */
            transform: rotate(-7deg);
            text-shadow: 1px 1px 2px #a3001d, 0 0 0.3em #a3001d, 0 0 0.2em #a3001d, 0 0 0.2em #a3001d;
            font-family: "Kiwi Maru", serif;
            font-weight: 500;
            font-style: normal;
          }
          .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_cap {
              font-size: 0.9em;
              padding: 0 0 2vw;
              margin: 0;
          }
          .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_cap p {
              font-size: 1.5vw;
              /* color: #be1228; */
              line-height: 1.4;
              font-weight: 600;
              }
              @media all and (max-width: 860px) {
                  .sec_works .container .strawberry_h2 {
                      font-size: 6.5vw;
                      margin: 0 0 1em;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list {
                      display: flex;
                      flex-wrap: wrap;
                      justify-content: space-between;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item {
                      width: 50%;
                      margin: 0 0 5vw;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_h3 {
                      font-size: 5vw;
                      margin-bottom: 1.2em;
                      text-align: center;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item img {
                      width: 80%;
                      height: auto;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_cap {
                      font-size: 0.9em;
                      padding: 0 0 4vw;
                      margin: 0;
                  }
                  .sec_works .container .oz_strawberry_list .strawberry_list .strawberry_list_item .strawberry_cap p {
                      font-size: 4vw;
                        line-height: 1.3;
                  }
                  }

.item_hiddenn {
  display: none; }

.morebtn_area {
  padding: 4vw 30vw 2vw; }
  .morebtn_area p {
    display: block;
    color: #2a1a0c;
    text-decoration: none;
    border: 1px solid #2a1a0c;
    padding: 2vw 0;
    text-align: center; }
  .morebtn_area .btxt_m {
    display: block; }
  .morebtn_area .btxt_c {
    display: none; }
  .morebtn_area.moreplus .btxt_m {
    display: none; }
  .morebtn_area.moreplus .btxt_c {
    display: block; }

section .container .mds_h2 {
	font-size: 5vw;
	text-align: center;
	letter-spacing: 0.2vw;
	margin: 0 0 3vw 0;
	line-height: 1.2;
	padding: 8vw 0 2vw;
	color: #850000;
    /*transform: rotate(-2deg);*/
    text-shadow: 0.2vw 0.2vw 0 #ffffff, 0px 0.2vw 0 #fff, 0.2vw 0 0 #fff;
	}
	section .container .mds_h2 .txt_col {
	color: #850000;
	}
	section .container .mds_h2 .subtitle {
		font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight:600;
        color: #ffa71e;
    font-size: 3vw;
    text-shadow: 0.1vw 0.1vw 3px #ffffff;
	}

@media all and (max-width: 860px) {
section .container .mds_h2 .subtitle {
	font-size: 5vw;
	padding: 0em 0 0 0;
		}
	}


.inner {
	padding: 1vw 10% 5% 12%;
	width: 100%;
	}
.txtType01 {
	font-size: 1.4vw;
	color: #6f001e;
}

/* 「ul.remarks-list」と繋げて書くか、単に「.remarks-list」で指定します */

.inner ul.remarks-list {
  list-style: none;    /* デフォルトの●を消す */
  padding-left: 0; 
  margin-left: 0;      /* 念のため余白リセット */
}

.inner .remarks-list li {
  position: relative;
  padding-left: 1.2em; /* ※印の分、左側に余白を作る */
  line-height: 1.4;
  list-style-type: none; /* 確実に●を消す */
}

.inner .remarks-list li::before {
  content: "※";       /* 文頭に※を表示 */
  position: absolute;  /* 位置を固定 */
  left: 0;             /* 左端に配置 */
  top: 0;              /* 上端に合わせる */
}

/* スマホ用設定 */
@media all and (max-width: 599px) {
  .inner {
    padding: 0 0 6vw 2vw;
    width: 100%;
  }
  .txtType01 {
    font-size: 3.5vw;
  }
}



.bdCont {
	/*margin: 5vw auto 0;*/
	padding: 0vw 0 5vw;
	border-bottom: 1px dotted #cd0053;
	}
	.btnArea {
		width: 80%;
		margin: 0 auto;
		}
	.btnArea .txtType01 {
		/* font-size: 0.8em; */
		margin: 1vw 0 0 0;
		}
		@media all and (max-width: 599px) {
		.btnArea {
			width: 90%;
			margin: 0 auto;
			}
			.btnArea .txtType01 {
			font-size: 3.5vw;
			margin: 1vw 0 0 0;
			}
		}

		.ticket_btn {
			margin: 2vw auto 0vw;
			padding:0 5vw;

            }
        .ticket_btn a {
            width: 100%;
            background-image: url(/garden/event/strawberry/ozstrawberryhunt2026/images/btn_kei_a.png) , url(/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg_pink.jpg);
            background-size: 100% auto,120% auto;
            background-repeat: no-repeat,no-repeat;
            background-position: center,top;
            border-radius: 8px;
            padding: 1em 0.5em;
            font-size: 2.5vw;
            line-height: 1;
            font-weight: bold;
            text-align: center;
            position: relative;
            user-select: none;
            transition: all 0.3s ease-out;
            text-decoration: none;
            color: #ffeef0;
            display: block;
            }

		.ticket_btn a:hover {
			background-size: 100% auto;
			}
		@media all and (max-width: 599px) {
			.ticket_btn a {
                background-image: url(/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg_pink.jpg);
				font-size: 5vw;
                }
            }



.sec_notice {
	position: relative;
	color: #cd0053;
	font-size: 2vw;
	}
    .sec_notice::before {
        content: '';
        display: block;
        /*z-index: 10;*/
        /*background: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_archtop.png") no-repeat center top;*/
        position: relative;
        background-size: 100% auto;
        margin: -10vw 0 0;
        padding: 9vw 0 0;
    }
    .sec_notice .container {
        background-image:url("/garden/event/strawberry/ozstrawberryhunt2026/images/rep_yel.gif");
        }
    .sec_notice .container .mds_h2 {
        text-align: center;
        color: #cd0053;
        font-size: 6vw;
        line-height: 1.2em;
        margin: 2vw auto -4vw;
        padding: 0vw 0 3vw;
        font-family: 'Kaisei HarunoUmi', serif;
        text-shadow: 1px 1px 5px #ffffff;
    }
	.sec_notice .char_list_d {
		position: absolute;
		right: 1vw;
		top: -8vw;
		width: 29.0vw;
		z-index: 100;
		animation: vertical 3.2s ease-in-out infinite alternate;
		}
		.sec_notice .char_list_d img {
			width: 100%;
			height: auto;
			}
			.sec_notice .container {
				margin: 0 auto;
                padding-bottom: 5vw;
                padding-top: 5vw;
				}
				.sec_notice .container .about_table th {
					width: 20%;
					white-space: nowrap;
					text-align: left;
					border-bottom: 2px solid #cd0053;
					padding: 1vw 0 1vw 10%;
					font-weight: bold;
                    font-size: 2vw;
					}
				.sec_notice .container .about_table td {
					border-bottom: 1px dotted #cd0053;
					padding: 1vw 5% 1vw 5%;
					}

				.sec_notice .overflow-x-wrap .sp {
					display: none;
					}
				.sec_notice .overflow-x-wrap {
					padding: 4vw 10% 1vw 10%;
					width: 100%;
					}
				.sec_notice .overflow-x-wrap .overflow-x th,
				.sec_notice .overflow-x-wrap .overflow-x td {
					border: 1px solid #645042;
					background: #645042;
					padding: 1vw;
					font-size: 0.8em;
					}
				.sec_notice .overflow-x-wrap .overflow-x th {
					background: #c2103c;
					color: #fff;
					text-align: center;
					}
				.sec_notice .overflow-x-wrap .overflow-x th.longcell {
					width: 58%;
					}
				.sec_notice .overflow-x-wrap .overflow-x td {
					background: #ffebbd;
					color: #3e2818;
					}
				.sec_notice .overflow-x-wrap .overflow-x .sun td {
					background: #fbd4ce;
					}
				.sec_notice .overflow-x-wrap .overflow-x td .bg_red {
					background: #ad1d3e;
					color: #FFF;
					padding: 2px 8px;
					}
				.sec_notice .container .btm_notice {
					font-size: 0.7em;
					padding: 4vw 4em 0;
					line-height: 1.4;
					}
				.sec_notice .container .btm_notice a {
					color: #009bd6;
					}

				@media all and (max-width: 860px) {
				.sec_notice .container .about_table .td01 {
					padding: 3vw 0;
					}
					.sec_notice .char_list_d {
						position: absolute;
						right: 2vw;
						top: -3vw;
						width: 20.8vw;
						height: 29.1vw;
						z-index: 100;
						animation: vertical 3.6s ease-in-out infinite alternate;
						}
						.sec_notice .char_list_d img {
							width: 100%;
							height: auto;
							}
					.sec_notice .container {
						margin: 0 auto;
						padding: 2vw 2vw 10vw;
						font-size: 3.2vw;
						}
						.sec_notice .container .mds_h2 {
							font-size: 10vw;
							}
						.sec_notice .container .about_table th {
							width: 20%;
							white-space: nowrap;
							text-align: left;
							border: none;
							/* border-bottom: 1px dotted #333; */
							padding: 1vw 0 1vw 1em;
							font-weight: normal;
							font-size: 1.1em;
							}
						.sec_notice .container .about_table td {
							border-bottom: 1px dotted #333;
							padding: 2vw 0 2vw 5%;
							font-size: 1.2em;
							}
						.sec_notice .container .btm_notice {
							font-size: 1.1em;
							padding: 4vw 0 0;
							line-height: 1.4;
							}
						.sec_notice .container .btm_notice a {
							color: #009bd6;
							}
						}
						@media all and (max-width: 599px) {

							.sec_notice .container .about_table th {
								font-weight: 700;
								}
								.sec_notice .container .about_table th,
								.sec_notice .container .about_table td {
									display: block;
									width: 100%;
									padding: 1vw 0 1vw 1em;
									}
									/* .sec_notice .container .about_table td {
									background: #FFF;
									} */
								.sec_notice .overflow-x-wrap .sp {
									display: block;
									}
								.sec_notice .overflow-x-wrap {
									padding: 5vw 2%;
									width: 100%;
									}
								.overflow-x-wrap{
									width: 100%;
									padding: 10px;
									overflow-x: scroll;
									}
								.overflow-x{
									width: 500px;
									}
								.sec_notice .overflow-x-wrap .overflow-x th,
								.sec_notice .overflow-x-wrap .overflow-x td {
									/*width: 500px;*/
									font-size: 1.2em;
									padding: 2vw;
									}
								.sec_notice .overflow-x-wrap .overflow-x th.longcell {
									width: 50%;
                            }
}
	
.sec_access {
    background-image:url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_wcblue.jpg");
    position: relative;
    color: #874d02;
    font-size: 2vw;
    padding-bottom: 5vw;
    background-repeat: no-repeat;
    background-size: 100% auto, 100% auto;
     }
    .sec_access .container {
        padding: 5vw 8vw 5vw;
        position: relative; 
        }  
            .sec_access .container .mds_h2 {
                text-align: center;
                color: #FFFFFF;
                font-size: 6vw;
                line-height: 1.2em;
                margin: 2vw auto -4vw;
                padding: 0vw 0 3vw;
                font-family: 'Kaisei HarunoUmi', serif;
                text-shadow: 1px 1px 5px #396a83;
                }
        .sec_access .container .sec_access_h2 {
            text-align: center;
            /*color: #482f69;*/
            font-size: 7vw;
            line-height: 1.2;
            margin: 0 auto 0;
            padding: 0vw 0 3vw;
            font-family: 'Kaisei HarunoUmi', serif;
            }
        .sec_access .container .sec_access_h2 .subname {
            color: #000;
            font-size: 1.6vw;
            font-family: 'Noto Sans JP','Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
            }

        .sec_access .container .about_table th {
            width: 18%;
            white-space: nowrap;
            border-bottom: 2px solid #874d02;
            padding: 1vw 0 1vw 10%;
            font-weight: bold;
            }
        .sec_access .container .about_table td {
            border-bottom: 1px dotted #874d02;
            padding: 1vw 5% 1vw 5%;
            }
        .sec_access .container .btm_notice {
            margin-left: 5vw;

        }
    @media all and (max-width: 860px) {
        .sec_access {
            font-size: 3.5vw;
            padding-bottom: 10vw;
             }
            .sec_access .container {
                padding: 0vw 0vw 0vw;
                }   
            .sec_access .container .mds_h2 {
                font-size: 10vw;
                margin: -1.6vw auto 3vw;
                padding: 0;
                }
                .sec_access .container .sec_access_h2 {
                    }
                .sec_access .container .sec_access_h2 .subname {}
                .sec_access .container .about_table th {
                    width: 15%;
                    padding: 1vw 0 1vw 0;
                    }
                .sec_access .container .about_table td {
                    border-bottom: 1px dotted #874d02;
                    padding: 1vw 5% 1vw 5%;
                    }
                }


.sec_flyer {
	background-image: url(/garden/event/strawberry/ozstrawberryhunt2026/images/bg_rainbow.webp);
    padding: 1.5em;
    color: #fff;
    text-align: center;
    font-size: 0.5em;
    background-size: 100% auto;
    font-family: 'Zen Maru Gothic';
    font-weight: bold;
    text-shadow: 1px 1px 3px #6b3c3c;
    }
    .sec_flyer .container {
        width: 80%;
    }
    .sec_flyer .container .mds_h2 {
        text-align: center;
        color: #ffffff;
        font-size: 10vw;
        line-height: 1.2em;
        margin: 2vw auto -4vw;
        padding: 0vw 0 3vw;
        font-family: 'Kaisei HarunoUmi', serif;
        text-shadow: 1px 1px 5px #47676f;
    }
    .sec_flyer .container .mds_h2 .subtitle {
        color: #ffa71e;
        font-size: 3vw;
        font-weight: 600;
        text-shadow: 0.1vw 0.1vw 3px #ffffff;
        }
    .sec_flyer .container img {
        width: 100%;
        height: auto;
        margin: 4vw 0 0; }

    @media all and (max-width: 860px) {
        .sec_flyer {
            font-size: 4.5vw;
        font-weight: 600;
        }
    .sec_flyer .container .mds_h2 .subtitle {
        font-size: 6vw;
        }
        }

.sec_sponser {
    background-image: url(/garden/event/strawberry/ozstrawberryhunt2026/images/sec_food_bg.webp);
    color: #dd641b;
    position: relative;
    text-align: center;
    font-size: 3vw;
    text-shadow: 1px 1px #ffffff;
    }
    .sec_sponser .char_list_g {
        position: absolute;
        left: 2vw;
        top: -5vw;
        width: 15vw;
        height: 29.1vw;
        z-index: 100;
        animation: vertical 3.6s ease-in-out infinite alternate;
    }
    .sec_sponser .char_list_g img {
        width: 100%;
        height: auto;
    }
    .sec_sponser .container {
        margin: 0 auto;
    }
    .sec_sponser .container .mds_h2 {
        text-align: center;
        color: #ffffff;
        font-size: 7vw;
        line-height: 1.2em;
        margin: 2vw auto -4vw;
        /* padding: 5vw 0 3vw; */
        font-family: 'Kaisei HarunoUmi', serif;
        text-shadow: 1px 1px 5px #9f7c45;
    }
    .sec_sponser .container .sp_list .splist_item {
        display: flex;
        flex-direction: column;
        padding: 1em 0;
    }
    .sec_sponser .container .sp_list .splist_item .sptxt {
        text-align: center;
        width: 100%;
        padding: 0 0 0 0;
    }
    .sec_sponser .container .sp_list .splist_item .sptxt .sp_title {
        font-size: 2.4vw;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }
    .sec_sponser .container .sp_list .splist_item .sptxt .sp_subtitle {
        font-size: 1.0vw;
        line-height: 1.4;
        margin: 0 auto 20px;
        padding: 0.2vw 0;
        font-weight: bold;
        color: #d91247;
        text-decoration: underline;
        text-underline-offset: 0.5vw;
        text-decoration-thickness: 2px;
    }
    .sec_sponser .container .sp_list .splist_item .sptxt .sp_detail {
        font-size: 0.8vw;
        line-height: 1.6;
        margin: 0.6vw 0 0 0;
        padding: 1vw 5vw;
        font-weight: normal;
    }
    .sec_sponser .container .sp_list .splist_item .spimg {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .sec_sponser .container .sp_list .splist_item .spimg img {
        width: 30vw;
        height: auto;
    }
    .sec_sponser .container .sp_list .splist_item .spimg.flex a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .sec_sponser .container .sp_list .splist_item .spimg.flex a img {
        width: 70px;
    }
    .sec_sponser .container .sp_list .splist_item .spimg.flex a .comName {
        text-align: left;
        padding: 0 0 0 2vw;
    }
    
    @media all and (max-width: 860px) {
        .sec_sponser {
            background-size: 100% auto;
            font-size: 4vw;
        }
        .sec_sponser .container .mds_h2 {
            font-size: 9vw;
        }
        .sec_sponser .container .sp_list .splist_item .spimg img {
            width: 50vw;
            height: auto;
        }
        .sec_sponser .container .sp_list .splist_item {
            padding: 1vw 0;
        }
    }

footer {
    line-height: 1.5em;
    background-image: url("/garden/event/strawberry/ozstrawberryhunt2026/images/bg_wcpink2.jpg");
    background-size: 100% auto;
    text-align: right;
    font-size: 0.5em;
    color: #fff;
    padding: 1.5em;
}
    footer .container {
        text-align: center;
        color: #fff;
    }
        footer .container .ftnav .fnav_list {
            display: flex;
            justify-content: center;
        }
            footer .container .ftnav .fnav_list li {
                padding: 2em 2em 2.5em;
            }
                footer .container .ftnav .fnav_list li a {
                    text-decoration: none;
                    color: #fff;
                }
            footer .container .footer_txt {
                line-height: 1.6;
            }
            footer .container .footer_txt_corp {
                /*
                            font-family: "serif";
                            font-weight: bold;
                            */
                width: 10vw;
                margin: 5px auto 0;
            }
            footer .container .footer_txt_corp img {
                width: 100%;
                height: auto;
            }
            footer .container .copy {
                padding: 2em 0 0 0;
                font-size: 2vw;
            }
            @media all and (max-width: 860px) {
                footer .container .copy {
                    padding: 5vw 0;
                    font-size: 4vw;
                }
                }


	.migoto_hd {
		background: #000000;
		width: 100%;
		top: 0;
		z-index: 1000; }
	.migoto_hd .hd_h1 {
		line-height: 1;
		margin: 0;
		padding: 2vw;
		font-size: 24px; }
	.migoto_hd .hd_h1 img {
		width: 20%;
		height: auto; }
	.migoto_hd .nav_sp {
		display: block; }


@media all and (max-width: 860px) {
  .hamburger {
    right: 0%; }
    .hamburger label {
      font-size: 14px;
      right: 1%;
      cursor: pointer;
      display: block;
      position: absolute;
      top: 8px;
      color: #fff;
      background: none;
      font-weight: bold;
      line-height: 1; }
      .hamburger label .subtxt {
        font-size: 0.5em;
        line-height: 1; }


#gnav {
  display: block; }
  #gnav .hd_bnrlist {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row; }
    #gnav .hd_bnrlist li {
      background: #000;
      width: 16.6666%;
      height: auto;
      line-height: 1; }
      #gnav .hd_bnrlist li:nth-child(even) {
        border-right: 1px solid #000;
        border-left: 1px solid #000; }
      #gnav .hd_bnrlist li img {
        width: 100%; }



.sec_hunt {
	background-image:url("/garden/event/strawberry/ozstrawberryhunt2026/images/detail_bg.jpg");
	/*background-position: center top;
	background-repeat: repeat;
	background-size: contain;*/
	padding: 0 0 0vw;
	position: relative; }
        .sec_hunt .container .hunt_list {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 0 0%;
			}
			.sec_hunt .container .hunt_list .hunt_list_item {
				width: 24%;
				padding: 0 1vw;
				}
			.sec_hunt .container .hunt_h2 {
				font-size: 5vw;
				color: #e1c47b;
				margin: 0;
				padding: 3vw 0 0;
				font-family: 'Kaisei Opti', serif;
				text-align: center;
				}
			.sec_hunt .container .hunt_list .hunt_list_item .hunt_h3 {
				font-size: 2.6vw;
				color: #ffffff;
				margin: 0.8em 0 1em 0;
				line-height: 1.2;
				font-family: 'Kaisei Opti', serif;
				}
			span.hunt_number{
				font-size: 4vw;
				color: antiquewhite;
				font-family: 'Kaisei HarunoUmi', serif;
			}
			.sec_hunt .container .hunt_list .hunt_list_item img {
				width: 90%;
				height: auto;
				font-size: 0;
				/*border-radius:50%;*/ }
			.sec_hunt .container .hunt_list .hunt_list_item .hunt_cap {
				padding: 0 0 8vw;
				margin: 0; }
			.sec_hunt .container .hunt_list .hunt_list_item .hunt_cap p {
				text-align: center;
				font-size: 1.5vw;
				color: #ffffff;
				line-height: 1.2;}
				@media all and (max-width: 860px) {
					.sec_hunt .container .hunt_list {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
					}
					.sec_hunt .container .hunt_list .hunt_list_item {
						width: 48%;
						padding: 0 3vw;
						}
					.sec_hunt .container .hunt_h2 {
						font-size: 8.5vw;
						}
					.sec_hunt .container .hunt_list .hunt_list_item .hunt_h3 {
						font-size: 4.5vw;
						margin-bottom: 1.2em;
						text-align: center;
						line-height: 1.1;
						}
					span.hunt_number{
						font-size: 8vw;
						color: antiquewhite;
						font-family: 'Kaisei HarunoUmi', serif;
					}
					.sec_hunt .container .hunt_list .hunt_list_item img {
						width: 100%;
						height: auto; }
					.sec_hunt .container .hunt_list .hunt_list_item .hunt_cap {
						font-size: 0.9em;
						padding: 0 0 4vw;
						margin: 0; }
					.sec_hunt .container .hunt_list .hunt_list_item .hunt_cap p {
						font-size: 3.5vw;
						line-height: 1.2;}
					}


.tokuten_pics_list {
	display: flex;
	flex-wrap: wrap;
    }
	.tokuten_pics_list .tokuten_pics_item{
	  width: 33.333%;
	  height: auto;
	  margin: 0;
	  line-height: 0;
	  box-sizing: border-box;
	  padding: 0.1em;
    }
	  .tokuten_pics_list .tokuten_pics_item img {
		margin: 0 auto 0;
		width: 100%;
		height: auto; 
    }
.line-height01 {
	line-height: 1;
    }}



/* --- スライダー全体の共通設定 --- */
.photo-slider {
    width: 60vw;
    margin: 40px auto;
    position: relative;
}

/* スライダーの窓 */
.photo-slider .swiper-container {
    overflow: visible !important; /* カードが重なるのを見せる */
}
/* 写真を包む枠 */
.photo-slider .slider-item {
    width: 100%;
    aspect-ratio: 3 / 2; /* 3:2の箱を作る */
    overflow: hidden;    /* はみ出た部分は隠す */
    border-radius: 15px; /* 全角丸 */
    background: transparent; /* グレーの帯が出るならここを透明に、または消す */
}

/* 中の写真：ここが重要！ */
.photo-slider .slider-item img {
    width: 100% !important;  /* 親の幅いっぱいに */
    height: 100% !important; /* 親の高さ（3:2）いっぱいに */
    object-fit: cover;      /* ★重要：比率を保ったまま、隙間なく埋める */
    object-position: center; /* 写真の真ん中を中心に合わせる */
    display: block;
}

/* 左右の矢印ボタン（外枠）の設定 */
.photo-slider .swiper-button-next,
.photo-slider .swiper-button-prev {
    background: none !important;      /* [これが犯人！] 背景の白を消す */
    border: none !important;          /* 枠線ももしあれば消す */
    box-shadow: none !important;      /* 影ももしあれば消す */
    width: 50px !important;           /* クリックしやすい幅に */
    height: 50px !important;          /* クリックしやすい高さに */
}

/* 矢印の記号（オレンジの部分）の設定 */
.photo-slider .swiper-button-next::after,
.photo-slider .swiper-button-prev::after {
    font-family: swiper-icons;
    font-size: 8vw !important; 
    color: #ff8c00 !important;        /* オレンジ色 */
    background: transparent !important; /* 念のためここも透明に */
}

/* ドットの間隔をあける */
.photo-slider .swiper-pagination {
    margin-top: 2vw;
    position: relative;
}

.photo-slider .swiper-pagination-bullet-active {
    background: var(--accent-color, #e60012) !important;
}

    @media (max-width: 864px) {
        .photo-slider {
            width: 80vw;
            margin: 40px auto;
        }
        }


.floating-container {
  display: flex;
  justify-content: space-between; /* 両端いっぱいに広げて並べる */
  align-items: center;           /* 上下中央を揃える */
  width: 100%;
  margin: 0 auto;
  padding: 4vw 2vw;            /* ぷかぷか動くための上下余白 */
  box-sizing: border-box;
}

.puka-puka {
  /* ここがポイント！ */
  width: 30%;           /* 3つ並べるので、33%より少し小さいくらいがベスト */
  height: auto;         /* 比率を維持 */
  object-fit: contain;  /* 画像が歪まないように */
}

.puka-wrap {
  display: flex;
  justify-content: space-between; /* 均等に広げる */
  align-items: flex-start;        /* 上揃え（ぷかぷか動くので） */
  width: 90vw;
  margin: 0 auto;
  padding: 5vw 3vw;            /* 上下の動きの余白 */
  box-sizing: border-box;
}

.puka-block {
  width: 23%;                     /* 4つなので23%前後がおすすめ */
  text-align: center;             /* 中の画像と文字を中央に */
}

.puka-block img {
  width: 100%;                    /* 塊の幅いっぱいに画像を表示 */
  height: auto;
  margin-bottom: 1.5vw;            /* 画像とテキストの間の隙間 */
}
.puka-block p {
	font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
    font-size: 1.6vw;
    padding: 0 0 2vw;
    margin: 0;
    color: #91313e;
    text-shadow: 1px 1px #ffffff;
    text-align: left;
}

    @media (max-width: 864px) {
.floating-container {
  display: block;
  padding: 1vw 10vw;            /* ぷかぷか動くための上下余白 */
}
        .puka-puka {
          width: 70%;
        }
      .puka-wrap {
        flex-wrap: wrap;       /* 収まりきらないときに折り返す設定 */
        justify-content: space-around; /* 左右に程よい隙間を作る */
        padding: 2vw 1vw;    /* 上下の余白を少し詰める */
      }

      .puka-block {
        width: 45%;            /* 横に2つ並ぶように（45% + 45% + 隙間） */
        margin-bottom: 2vw;   /* 上下のブロックの間に隙間を作る */
      }
    }

/* PCでは不要 */
.footer-spacer {
  display: none;
}

@media (max-width: 1024px) {
  .footer-spacer {
    display: block;
    /* ボタンの高さが60pxなら、少し余裕を持って80px〜100pxくらい空ける */
    height: 15vw; 
    width: 100%;
    background-color: transparent; /* 背景は透明でOK */
  }
}
