@charset "UTF-8";

html {
  scroll-behavior: smooth;
}



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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.pc-img {
    display: inline;
}
.sp-img {
    display: none;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.pc-img {
    display: inline;
}
.sp-img {
    display: none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.pc-img {
    display: none;
}
.sp-img {
    display: inline;
}
}
/************************************/

.full-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

ul{
  list-style:none;
}
ul li.mark01{
 background:url(http://okinawa58.net/wp-content/uploads/2026/01/arrow.png) no-repeat 0 0;
  background-size:auto 20px;
  padding-left: 30px;
}

.navi-in .menu-header .item-label{
font-size: 14px;
font-weight: bold;
}

.full-width-img {
    height: 100%;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

#appeal{
  background-size: auto 100%;
}
#appeal #appeal-in{
  min-height:100vw;	/* ① 画像の高さ/サイト幅*100 */
}
@media screen and (min-width: ②px){	/* ② サイト幅+1 */
  #appeal #appeal-in{
    min-height:100px;/* ③ 画像の高さ */
  }
}

/* アピールエリアの背景固定をiOSに対応 */
@media (max-width: 480px) {
  #appeal-area {
    background-attachment: scroll; /* iOSではscrollにする */
    background-position: center center;
    background-size: cover;
  }
}

/* YouTube動画を横幅いっぱいにするCSS */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}