@charset "utf-8";
/*--------------------------------------------------------------------

ブレイクpoint　1100px
font-size 320-530

--------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   font-style: normal; list-style: none; font-weight: 500; box-sizing: border-box}

body{color: #494949; font-family: "Zen Maru Gothic", sans-serif;font-weight: 500; line-height:1.7; font-size:clamp(0.875rem, 0.75rem + 0.63vw, 1rem)}/*14-16*/


.movie_blk {
    width: 100%;
    height: 100vh;
    position:fixed;
}
.movie_blk video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left:0;
}

.contBox{background:#fcefea; max-width: 530px; margin: 0 auto ; position: relative; z-index: 1; overflow-x: hidden;}
.contBox .hato{position: absolute; top: 2%; right: 15%; max-width:71px; z-index: 5 }
.contBox .kira1{position: absolute; top: 2%; left: 15%; max-width:17px; z-index: 5; }
.contBox .kira2{position: absolute; top: 2.2%; left: 10%; max-width:11px; z-index: 5; }

.head{position: relative}
.head ul{display: flex; justify-content: space-between; margin: 0 3%; position: absolute; bottom: -5px; width: 97%}
.head li:first-child{width:44%; position: relative}
.head li{width:32%; position: absolute}
.head li:nth-child(2){margin-left: 38%; bottom: 0}
.head li:nth-child(3){margin-left: 66%; bottom: 0}
.contBox .kaisetu{ font-size: 10px; padding:20px 5% 20px}

header{position: relative}
.contBox header .kira1{position: absolute; top: 54%; left: 18%; max-width:17px; z-index: 5; }
.contBox header .kira2{position: absolute; top: 58%; left: 15%; max-width:11px; z-index: 5; }
header p{position:absolute; top: 30%}

.voice{ position: relative;}
.voice .online{text-align: center; padding-bottom: 20px ; letter-spacing: 1px}
.voice h2{padding:50px 0 10px ; position: relative; margin: 0 8%}
.voice h2 span{display: block; }
.voice h2 .enge{position: absolute; top: -20px; left: 50% ; max-width:59px; margin-left: -29px }
.voice ul.slider{padding-bottom: 30px}

.voice li{padding: 0 2%}
.slick-initialized .slick-slide{padding: 0 8px !important}


.zizyo .hatati{margin: 70px 0 0; position: relative}
.zizyo .hatati img.bai{position: absolute; bottom: 0; left: 8%; width: 45%}
.zizyo .wakai{background: #fff}
.zizyo .wakai .text{padding: 50px 3% 30px}
.zizyo .wakai .text2{margin: 0 8%}
.zizyo .wakai .text2 img{border-radius: 5px}
.zizyo .wakai .text3{text-align: center;margin: 10px 0}
.zizyo .wakai .zu{margin: 0 5%; position: relative; z-index: 1}
.zizyo .sita{background: #fff; padding: 0px 0 0; position: relative; margin-top: -20px}
.zizyo .sita1{margin: 0 5% 0; position: relative; z-index: 1}
.zizyo .sita2{margin: 30px 3% 0}
.zizyo .sita ul{width: 100%; position: absolute; bottom: 8%; text-align: center; font-size:clamp(1.125rem, 0.744rem + 1.9vw, 1.375rem) }/*18-22*/
.zizyo .sita li{text-align: center}
.zizyo .sita li:last-child{font-size:clamp(1.375rem, 0.613rem + 3.81vw, 1.875rem) }/*22-30*/
.zizyo .omakase{background: #fff; padding: 30px 0 0; position: relative}
.zizyo .omakase .oma{padding: 0 8% 40px}
.zizyo .omakase .ok{position: absolute; right: 5%; top: -10px; width: 12%; max-width: 52px}


.reason{ background: #fff; padding: 40px 0 0; margin-top: -40px ;text-align: center}

.reason dl .insta-video {
      width: 100%;
      margin: 0 0 0 0;
      padding: 5px; border: 1px solid #ccc2c4
    }
.reason .insta-video {
      width: 72%;
      margin: 0 0 0 0; padding: 3px; border: 1px solid #ccc2c4
    }
.reason .insta-video video {
      background-image: url('assets/img/day/thumbnail.jpg');
  background-size: cover;
  background-position: center;
      /* ネイティブコントロールを利用 */
      box-sizing: content-box;
    }

.reason .insta-video video {
      background-image: url('assets/img/day/thumbnail2.jpg');
      background-size: cover;
  background-position: center;
      /* ネイティブコントロールを利用 */
      box-sizing: content-box;}

    /* ---------- ① モダン対応: aspect-ratio 利用 ---------- */
    @supports (aspect-ratio: 4 / 6) {
      .insta-video {
        aspect-ratio: 4 / 6;  /* 縦横比 4:5 */
        overflow: hidden;
        position: relative;
      }
      .insta-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;    /* 枠いっぱいに敷きつめ、上下カット */
      }
    }

    /* ---------- ② 非対応ブラウザ: padding-hack fallback ---------- */
    @supports not (aspect-ratio: 4 / 6) {
      .insta-video {
        position: relative;
        /* 5/4 = 1.25 → 125% + コントロールバー分（約40px） */
        padding-bottom: calc(100% * (5/6) + 40px);
        height: 0;
        overflow: hidden;
      }
      .insta-video video {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;          /* 横幅は auto で高さ100%に合わせる */
        height: 100%;
        object-fit: cover;    /* 枠いっぱいに敷きつめ、上下カット */
      }
    }

.reason dl{ margin: 30px 0 30px 8%; position: relative}
.reason dt{width: 33%; position: absolute; left: 0; top: 30%; z-index: 1}
.reason dd{width: 70%; margin-left: 30%}
.reason .text01 span{display: inline-block; letter-spacing: -1px; font-size:clamp(1.5rem, 0.643rem + 4.29vw, 2.063rem)}/*24-33*/
.reason .text02{font-size:clamp(1.125rem, 0.458rem + 3.33vw, 1.563rem)}/*18-25*/

.reason .nayami{position: relative; margin: 30px 8% 0px}
.reason .nayami li{position: absolute; left: 0; top: 0}


.soudantell{ background: #fff; position: relative;}
.soudantell ul li:first-child{position:absolute; left: 0}
.soudantell ul li:last-child{position: absolute; z-index: 1; left: 0}
.soudantell .img{position: relative; z-index:2}

hr{  border: none; margin: 0 8%; padding-bottom: 50px; border-bottom: 1px dashed #494949}

.gentei{text-align: center; padding-top: 50px; background: #fff; position: relative; }
.gentei ul{margin: 0px 8% ;position: relative;}
.gentei ul li:first-child{position:absolute; left: 0}
.gentei ul li:last-child{position: absolute; z-index: 1; left: 0}
.gentei .img{padding: 0 8% ; position: relative; z-index:2}
.gentei .text{padding-top: 20px; font-size:clamp(1rem, 0.143rem + 4.29vw, 1.563rem)}/*18-25*/


.profire{text-align: center; padding-top: 50px; background: #fff; position: relative; }
.profire .waku{margin-bottom: 20px}
.profire ul{margin: 0px 8% ;position: relative;}
.profire ul li:first-child{position: absolute; z-index: 2; left: 50%; margin-left: 2%; top: -5px; width: 6%}
.profire ul li:nth-child(2){position: absolute; z-index: 2; right: 3%; top: 60%; width: 6%}
.profire ul li:nth-child(3){position: absolute; z-index: 2; right: 7%; top: 50%; width: 4%}
.profire ul li:last-child{position: absolute; z-index: 1; left: 0; top: 0}
.profire .text{padding: 20px 0 50px; font-size:clamp(1rem, 0.333rem + 3.33vw, 1.438rem)}/*16-23*/
.profire .text i{display: inline-block; letter-spacing: -1px; font-weight: 600}




.cont{background:#fff6c5; padding: 40px 8% 60px;text-align: center}
.cont h2{margin-bottom: 15px}
.cont .month em{display: inline-block; letter-spacing: 2px}
.cont .month .en{ font-size:clamp(1rem, 0.333rem + 3.33vw, 1.438rem)}/*16-23*/
.cont .month p{margin-left: 10px; color: #fa4748; display: inline-block; background: #fff; border: 1px solid #494949; border-radius: 10px; padding: 5px 15px}
.cont .month p .en{ font-size:clamp(1.375rem, 0.613rem + 3.81vw, 1.875rem) }/*22-30*/
.cont .text{padding:10px 0 20px; letter-spacing: -1px; font-weight: 600; font-size: clamp(0.938rem, 0.271rem + 3.33vw, 1.375rem)}/*15-22*/

.cont a{display: block; box-shadow: 0 0 8px #989898; border-radius: 10px; margin-bottom: 20px }
.cont a:hover{box-shadow: none}
.cont a:last-child{margin-bottom: 0}

.saitan {background: #fff; text-align: center; padding: 50px 0}
.saitan h2{margin-bottom: 30px}
.saitan ul.fream{margin: 0 8%; background:#fcefea; border-radius: 10px; border: 10px solid #f6e2db; padding: 10px 10px 6px; position: relative}



.flow{ border-left:1px solid #494949; margin-left: 3%; text-align: left}
.flow h3{ font-weight: 600; padding: 0 20px; border-radius: 0 10px 0 0; display: inline-block;
    border: 2px solid #494949; text-align: left; box-shadow: 5px 5px #494949; margin-left: -2px ; font-size:clamp(1.25rem, 0.774rem + 2.38vw, 1.563rem)}/*20-25*/
.flow h3 span{font-size:clamp(0.938rem, 0.461rem + 2.38vw, 1.25rem)}/*15-20*/
.flow .maru{padding: 40px 0 70px 5%;}
.flow .maru li{list-style: disc; margin-left: 20px; font-size:clamp(0.875rem, 0.304rem + 2.86vw, 1.25rem) }/*14-20*/
.flow .point {display: flex; justify-content: space-between ; margin:0 8% 10px 5%}
.flow .point li{ width: 48%;
    background: #fcefea;
    border-radius:30px 10px 10px 10px;
    border: 4px solid #f6e2db;
    padding: 10px 10px 6px; letter-spacing: -1px;
    position: relative; font-size: clamp(0.75rem, 0.369rem + 1.9vw, 1rem)}/*11-16*/ 
.flow .point li h4{ letter-spacing: 1px; font-weight: 600; font-size:clamp(1.125rem, 0.744rem + 1.9vw, 1.375rem)}/*18-22*/
.flow .point li img{position: absolute; left: -8px; top: -10px; width: 50px; z-index: 2}

.flow .right{text-align: right; margin-right: 8% ;font-size:clamp(0.75rem, 0.464rem + 1.43vw, 0.938rem)}/*12-15*/

.saitan #f1{background: url("../img/yu1.jpg") no-repeat right 50px; background-size: 30%; margin-right: 3%}
.saitan #f2 h3{line-height: 1.1; padding: 10px 20px; margin-bottom: 20px; margin-right: 8%}
.saitan #f2 .kabe{position: relative; margin-right: 8%; margin-bottom: 20px}
.saitan #f2 .kabe .yu0{position: relative ; z-index: 2}
.saitan #f2 .kabe .yua{position: absolute; z-index: 1; left: 66%; top: 25px; width: 10%;  }
.saitan #f2 .point li{ width: 57%; padding-right: 0}
.saitan #f2 .point li:last-child{ width: 41%;}
.saitan #f2 .maru{ margin: 30px 3% 0 0; padding: 0px 0 70px 5%; background: url("../img/fuku.jpg") no-repeat right top; background-size:138px 84px }

.saitan #f3 .aite{margin:20px 0 0px -3%; padding-bottom: 70px}
.saitan #f3 .aite li{margin-bottom: 20px}
.saitan #f3 .aite li:nth-child(3){margin-top: -50px ; margin-bottom: 0px}
.saitan #f3 .aite li:last-child{margin-bottom: 0px}

.saitan #f4 .kabe{margin: 20px 8% 0 5%}
.saitan #f4 .point{margin-bottom: 0; padding-bottom: 50px}
.saitan #f4 .point li{ padding-right: 0 ; }
.saitan #f4 h4{letter-spacing:normal; font-size: clamp(0.875rem, 0.494rem + 1.9vw, 1.125rem)}/*14-18*/

.saitan #f5{position: relative ; text-align: right}
.saitan #f5 h3{position: absolute; left: 0; top: 30%; z-index: 2; background: #fff}
.saitan #f5 .rig{display: inline-block; width: 70%; margin:0 5% 0 auto}

.saitan #f6 .text{margin: 20px 0 0px 5%; font-size:clamp(0.75rem, 0.179rem + 2.86vw, 1.125rem) }/*12-18*/
.saitan #f6 .kabe{margin: 20px 8% 20px 5%}
.saitan #f6 .text1{ margin:0 0 10px 5%; font-size:clamp(0.875rem, 0.304rem + 2.86vw, 1.25rem) }/*14-20*/
.saitan #f6 .text2{ margin:0 5% 0px 5%; padding-bottom: 50px;}


.saitan #f7{position: relative ; text-align: right}
.saitan #f7 h3{position: absolute; left: 0; top: 0; z-index: 2; background: #fff}
.saitan #f7 .rig{display: inline-block; width: 70%; margin:0 1% 0 auto; margin-top: -15px}
.saitan #f7 .dai{position: absolute;top: -20px; left:35%; width: 25% ; z-index: 2}
.saitan #f7 .text1{z-index: 5; position: absolute; left: 5%; bottom:20%; text-align: left; font-size:clamp(0.875rem, 0.304rem + 2.86vw, 1.25rem) }/*14-20*/

.saitan #f8{position: relative}
.saitan #f8 .kabe{margin-top: -20px}
.saitan #f8 .pointText{ background: #fcefea; width: 87%; text-align: center; box-sizing: border-box;
    border-radius:10px; margin: 0 8% 0 5%; position: absolute; bottom: 0;
    border: 4px solid #f6e2db;
    padding: 20px 0; letter-spacing: -1px;
   font-size:clamp(0.875rem, 0.304rem + 2.86vw, 1.25rem) }/*14-20*/
.saitan #f8 .pointText span{font-weight: 600; display: block; padding-top: 10px}
.saitan #f8 .fuse{ position: absolute; top: 30%; width: 30%; left: 5%}


.voice2{ text-align: center; background: #fff; display: block;}
.voice2 h2{margin: 0 8%; padding-bottom: 50px}


.date{text-align: center; padding: 70px 0 0 }
.date .text{margin-bottom: 10px; border-radius: 10px;  background:#ff8485; display: inline-block; color: #fff; padding: 0 20px; font-size:clamp(1.125rem, 0.744rem + 1.9vw, 1.375rem) }/*18-22*/

.date h3{ margin: 0 3% 20px; }
.date .date01 .pic{padding-bottom: 50px}
.date .date01 h3{ margin: 0px }
.date .date02 .pic{position: relative; margin: 0 8%;}
.date .date02 .pic img:last-child{position: absolute; left: 0; top: 0}
.date .date02 .right{text-align: right; font-size: 11px; padding-bottom: 50px; margin-right: 8%}
.date .date03 .pic{position: relative; margin: 0 8%; padding-bottom: 50px}
.date .date04 .pic{position: relative; margin: 0 8%; padding-bottom: 90px}




.ituka{background: url("../img/bg1.jpg") no-repeat center bottom; background-size: 100%; text-align: center; padding: 40px 0 0 ; position: relative}
.ituka .text01{font-size:clamp(1.5rem, 0.548rem + 4.76vw, 2.125rem)}/*24-34*/
.ituka .img{margin: 20px auto; padding-bottom: 80%; width: 80%; max-width:355px }
.ituka .head{position: relative}
.ituka .head ul{bottom: -70px;}
.ituka .head .yang{position: absolute;width: 50%; max-width:230px; left: 45%; top: 10%; }
.ituka .enge{position: absolute; top: 52%; right: 20% ; width: 12%; max-width:59px }
.ituka .kira1{position: absolute; top:52%; left: 25% ; max-width:18px }
.ituka .kira2{position: absolute; top: 59%; left:20% ; max-width:12px }

.kakaku{background: #fff; margin-top: -20px}
.kakaku .tit{padding: 130px 3% 40px}

.prof{padding: 40px 0 0; text-align: center}
.prof h2{margin:0  3%}
.prof .text{padding-bottom: 20px; font-size:clamp(1.25rem, 0.774rem + 2.38vw, 1.563rem)}/*20-25*/
.prof .text2{text-align: left; margin: 10px 0 10px 8%; font-size:clamp(0.938rem, 0.461rem + 2.38vw, 1.25rem)}/*15-20*/
.prof .text3{text-align: left; margin: 0 0 50px 8%;  font-size:clamp(0.938rem, 0.461rem + 2.38vw, 1.25rem)}/*15-20*/

.prof .reason{background: none; margin-top: 0; padding-top: 0px}
.prof .reason dl{margin-top: 0}


.cont{position: relative}
.cont .neko{position: absolute; top: -30px; right: 5%; width: 30%; max-width:86px }

.qa{background: #fff; padding: 50px 0 }
 .accordion {margin: 0 8%;
      overflow: hidden;
    }

    .accordion-item {background: #fcefea; border-radius: 10px;
    margin-bottom: 10px
    }

    .accordion-item:last-child {
      border-bottom: none;
    }

    .accordion-input {
      display: none;
    }

    .accordion-label { border-radius: 10px;
      display: flex; background:#fcefea ;
      justify-content: space-between;
      align-items: center;
      padding: 5px 20px;
      cursor: pointer;
      font-weight: 600;
      transition: background-color 0.3s ease;
      user-select: none;
    }

    .accordion-label::after {
      content: '+';
      transition: transform 0.3s ease;
    }

    .accordion-input:checked + .accordion-label {
      background-color: #ff8485; border-radius: 10px 10px 0 0;
      color: white;
    }

    .accordion-input:checked + .accordion-label::after {
      content: '−';
      transform: rotate(180deg);
      color: white;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      background-color: #fafafa;
    }

    .accordion-input:checked ~ .accordion-content {
      max-height: 500px;
      padding: 20px 25px;
    }

    .accordion-content p {
      color: #666;
      line-height: 1.6;
    }


footer{background:#fcefea; text-align: center}
footer .ftimg{position: relative; margin-bottom: 20px}
footer .ftimg .yu0{position: relative ; z-index: 2}
footer .ftimg .yua{position: absolute; z-index: 1; left: 35%; top: 25px; width: 16%; max-width: 142px  }
footer .add{padding: 0 8% 130px }

footer .add{text-align: left}
footer .add dl{display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 15px}
footer .add dt{width: 32%}
footer .add dd{width: 68%}
footer .priv{text-align: right; padding: 20px 0}
footer .small{text-align: center; font-size: 11px}


a{text-decoration: none; color:#99153d ; transition: 0.3s}
a:hover{ color:#91808d; }
img{vertical-align: bottom; height: auto}



.goshi{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.en{  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;}
.imp{font-weight: 700}

.pinkwaku{text-align-last: center; border-radius: 10px;  margin: 0 8% 20px; background: #ff8485; color: #fff; font-size:clamp(0.938rem, 0.271rem + 3.33vw, 1.375rem)}/*15-22*/
.pinkwaku span{font-size: 13px}

.waku{margin: 0 3% 30px; text-align: center; position: relative; font-size:clamp(1.5rem, 0.548rem + 4.76vw, 2.125rem)}/*24-34*/
.waku::before,
.waku::after {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 100%;
    border: 1px solid #494949;
    box-sizing: border-box;
    content: '';
}

.waku::before {
    top: 0;
    left: 0;
    border-right: none;
}

.waku::after {
    bottom: 0;
    right: 0;
    border-left: none;
}

.tate { -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; }

.line{display: inline ; background: linear-gradient(transparent 50%, rgba(255, 200, 200, 1) 50%); font-weight: 600}
.line2{display: inline ; background: linear-gradient(transparent 50%, rgba(255, 246, 197, 1) 50%); font-weight: 600}



.kotei {
  position: fixed;
  line-height: 1;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  
  /* 中央配置のための追記 ----------------- */
  left: 0;
  right: 0;
  margin: 0 auto;
  /* ------------------------------------- */

  /* 横幅の計算崩れを防ぐための追記 -------- */
  box-sizing: border-box;
  /* ------------------------------------- */

  /* デフォルトで非表示にする */
  opacity: 0;
  visibility: hidden;
  display: block;
  z-index: 88;
  text-align: center;
  width: 90%;
  max-width: 530px;
  
  transform: translateY(100%); /* 下に隠す */
  transition: all 0.4s ease-in-out; /* スムーズなアニメーション */
  
  background: #fff6c5;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 8px #80747d;
  border: 8px solid #fff;
  padding: 10px 8%;
}

.kotei li:last-child {margin: 10px 5% 0}
.kotei:hover{ box-shadow: none}
/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible; transform: translateY(0); /* 元の位置に戻す */
}


/* アニメ　*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*--------------------------------------------------------------------

フェードイン
--------------------------------------------------------------------*/
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  70% {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}



.fade-in {
    animation-name: fadeIn; animation-duration:3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0,-20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUp {
    animation-name: fadeInUp; animation-duration:3s;
}

@keyframes fadeinright {
            0% {
                opacity: 0;
                transform: translate3d(-50px, 0, 0);
            }
            to {
                opacity: 1;
                transform: translateZ(0);
            }
        }
.fadeinright {
    animation-name: fadeinright; animation-duration:3s;
}

.furi{animation: r-turn 1s linear infinite alternate;}
@keyframes r-turn {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(30deg); }
}
.furi{animation: r-turn 1s linear infinite alternate;}
@keyframes r-turn {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(30deg); }
}
.upd {
  animation: upd 2s ease-in-out infinite alternate;
}

@keyframes upd {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-20px); }
}
.pika1 {
  animation: pika1 2s ease-in-out infinite;
}
.pika2 {
  animation: pika1 3s ease-in-out infinite;
}
@keyframes pika1 {
  0%, 100% { 
    opacity: 1; 
  }
  50% { 
    opacity: 0; 
  }

}

.lrd {
  animation: lrd 2s ease-in-out infinite alternate;
}

@keyframes lrd {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-10px); }
}
.pika1 {
  animation: pika1 2s ease-in-out infinite;
}
.pika2 {
  animation: pika1 3s ease-in-out infinite;
}
@keyframes pika1 {
  0%, 100% { 
    opacity: 1; 
  }
  50% { 
    opacity: 0; 
  }

}

@media screen and (max-width: 529px) {
body{overflow-x: hidden; font-size: 16px}
img{max-width: 100%; width: 100%; height: auto ; }
.smtno{display: none !important}

}



@media screen and (min-width: 530px) {
body{font-size: 16px}
main{width: 100%;}
img{height: auto ; max-width: 100%}
.pcno{display: none}

.saitan #f1{background: url("../img/yu1.jpg") no-repeat right top; background-size: 30%; margin-right: 3%}
.saitan #f3 .aite li:nth-child(3) {
    margin-top: -65px;}

.imawaku .ima02 .pic2{padding-bottom: 190px}

}

.googleBox{margin-top: -80px}
.nowrap{display: none !important}