@charset "utf-8";

.baloon {
    position: relative;
    display: inline-block;
    margin: 1.5em 0 20px;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #b34c21;
    font-size: 16px;
    border: solid 3px #b34c21;
    box-sizing: border-box;
    width: 100%;
}
  
  .baloon:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #d1be58;
    z-index: 2;
  }
  
  .baloon:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #b34c21;
    z-index: 1;
  }
  
  .baloon span {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.5rem;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .page-sec05 .spot-box .box-flex .item .baloon {
        margin-bottom: 30px !important;
    }

    .baloon_color {
        position: relative;
        display: inline-block;
        margin: 1.5em 0;
        padding: 7px 10px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        background: #b34c21;
    }
      
    .baloon_color:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #b34c21;
    }
      
    .baloon_color span {
        margin: 0;
        color: #fff;
        font-weight: bold;
        font-size: 1.5rem;
        padding: 0 20px;
    }

    .page-sec03 {
        height: 420px;
        background: url(/wp-content/themes/hiyori_tm/img/izumo/bg02_3.webp) no-repeat center center / cover !important;
    }

    .page-mv.matsue-mv {
        background-image: url(/wp-content/themes/hiyori_tm/img/izumo/mv.jpg) !important;
    }

    @media screen and (max-width: 767px){
        .item.fadein.scrollin .img img {
            display: block;
            margin: 0 auto;
        }
        .page-sec03 {
            height: 50vw;
            background-position: 18% center !important;
        }
    }

    @media screen and (max-width: 480px){
        .baloon_color span {
            font-weight: bold;
            font-size: 1rem;
        }
    }