/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*-----------------------------------------------------*/
    * {
    margin: 0;
    padding: 0;
    }
    html{
        margin-top: 0 !important;
    }
    body {
        position: relative;
        color: #3d332d;
        background: #fef0e2;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.7;
        word-wrap: break-word;
        font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ProN W3', Hiragino Kaku Gothic ProN, Arial , Meiryo, sans-serif !important;
        overflow-x: hidden !important;
    }
    body p{
        color: #403c34 !important;
    }
    p + p{
        padding-bottom: 1em;
    }

    /* リンク設定 */
    a{
        color: #e60012;
        text-decoration: none;
    }
    a:hover{
        opacity: 0.7;
    }

     /* フッターのいらない部分消し */
     .entry-footer.default-max-width,
     .widget-area{
         display: none;
     }       
     
     /* 各ページの固定ページに表示されるのサムネイル画像を消す */
     .post-thumbnail{
        display: none;
    }

    /* 文字の回り込み */
    .f_left{
        float: left;
    }
    .f_right{
        float: right;
    }

	/* フロート回り込み解除 clearfix */
    .clearfix:after {
        display: block;
        clear: both;
        height: 0px;
        line-height: 0px;
        visibility: hidden;
        content: "";
        overflow: hidden;
        float: none;
    }
    .clearfix {
        display: block; /* for IE8 */
    }

    .size_img img{
        height: auto !important;
    }
/* リンク拒否 */
    .link_none{
        pointer-events: none;
    }

/* じゃま */
#wpadminbar{
    display: none;
}
/* ----------------------------------- ========================1200px以上（PC）======================== ----------------------------------- */

.sp-none{
    display: inline !important;
}
/* PC改行消し（SPでは改行） */
.pc-none{
    display: none !important;
}


/* -- ========================ヘッダー======================== -- */
/* ヘッダー追尾 */
.header_fixed{
    position: relative;
}
.header_fixed_box{
    position: fixed;
    width: 100%;
    height: 5.5vw;
    z-index: 9999;
    background: #e56619;
}

/* TOPロゴ */
.top_logo{
    position: relative;
    display: inline-block;
    margin-top: 0.9vw;
    margin-left: 2vw;
}
.top_logo h1{
    font-size: 0 !important;
}
.top_logo a{
    display: inline-block;
}
.top_logo a img{
    width: 11vw;
}


/* キャッチコピー */
.catchcopy_text{
    position: absolute;
    top: 2vw;
    left: 24vw;
    font-size: 1.15vw;
    color: #fff !important;
}

/* カウンター */
.day_counter{
    position: absolute;
    top: -1.2vw;
    left: 15.1vw;
    font-size: 1.2vw;
    font-weight: 900;
    line-height: 1;
    width: 8vw;
    color: #fff !important;
}
.day_counter > span:first-of-type{
    color: #fae4cd !important;
    font-size: 3.2vw;
}
.day_counter > span:last-of-type{
    color: #fae4cd !important;
    font-size: 1.6vw;
}

/* 申込ボタン */
.red_button{
    position: absolute;
    top: 0.7vw;
    right: 8.3vw;
    font-size: 2vw;
}
.red_button a{
    color: #e56619;
    background-color: #ffec14;
    font-size: 1.2vw;
    padding: 0.7vw 1.6vw 0.7vw 1.6vw;
    border-radius: 100px;
}

/* TOPナビ */


/* -- ========================フッター======================== -- */
footer#colophon{
    background: url(../img/footer_bg.jpg) no-repeat center top / 100% auto,#e56619;
    max-width: 1920px;
    margin: 0;
    padding: 0;
}

.f-logo{
    text-align: center;
    padding: 22px 0 10px;
}
.f-logo img{
    width: 230px;
}

.footer-navigation{
    width: 1000px;
    margin: 0 auto;
}
.footer-navigation a{
    color: #fff !important;
}
.site-info_link{
    width: 1000px;
    margin: 0 auto;
    padding-top: 9px;
}
.site-info_link ul{
    text-align: center;
    font-size: 0;
    padding: 0;
    list-style: none;
    width: 909px;
}
.site-info_link ul li{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin: 0 0.5em;
}
.site-info_link ul li::before{
    position: absolute;
    content: "|";
    display: inline-block;
    color: #fff !important;
    top: 0;
    left: -10px;
}
.site-info_link ul li:first-child:before{
    display: none;
}
.site-info_link ul li a{
    color: #fff !important;
}
.f-copy{
    text-align: center;
}
.f-copy span{
    color: #fff !important;
    font-size: 10px;
}


/* ----------------------------------- ========================1200px～768px 変換（タブレット）======================== ----------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1200px) {

}

/* ----------------------------------- ========================767px以下になったら変換（スマートフォン））======================== ----------------------------------- */
@media screen and (max-width: 767px) {
.pc-none{
        display: inline !important;
    }
/* sp改行消し（pcでは改行） */
.sp-none{
    display: none !important;
}


body {
    font-size: 3.5vw;
}



/* -- ========================ヘッダー======================== -- */
    /* ヘッダー追尾 */
    .header_fixed{
        position: relative;
    }
    .header_fixed_box{
        position: fixed;
        width: 100%;
        height: 19.9vw;
        background: #e56619;
    }
    /* TOPロゴ */
    .top_logo{
        position: relative;
        display: inline-block;
        margin-top: 2vw;
        margin-left: 2vw;
    }
    .top_logo h1{
        font-size: 0 !important;
    }
    .top_logo a{
        display: inline-block;
    }
    .top_logo a img{
        width: 47vw;
    }

    /* H1 */


    /* 開催期間：～～～ */
    .site-branding > .site-description {
        position: absolute;
        top: 1.6vw;
        left: 1.9vw;
        font-size: 3.7vw;
    }

    /* カウンター */
    .day_counter {
        position: absolute;
        top: -4.1vw;
        left: 54vw;
        font-size: 3.4vw;
        font-weight: 900;
        line-height: 1;
        width: 27vw;
    }
    .day_counter > span:first-of-type{
        font-size: 11.2vw;
    }
    .day_counter > span:last-of-type{
        font-size: 4.9vw;
    }

    /* 申込ボタン */
    .red_button{
        display: none;
    }
    /* キャッチコピー */
    .catchcopy_text{
        display: none;
    }

/* -- ========================フッター======================== -- */
    footer#colophon{
        max-width: 100%;
        margin: 0 0 0 0;
        padding: 0 2vw;
    }

    .f-logo{
        text-align: center;
                padding-bottom: 2vw;
    }
    .f-logo img{
        width: 41vw;
    }

    .footer-navigation{
        width: auto;
        margin: 0 auto;
    }
    .footer-navigation-wrapper li {
        display: inline;
        line-height: 2 !important;
    }
    .footer-navigation a{
        color: #fff !important;
    }
    .site-info_link{
        width: auto;
        margin: 0 auto;
        border-top: #FFF solid 1px;
        padding-top: 3vw;
        margin-top: 3vw;
    }
    .site-info_link ul{
        text-align: center;
        font-size: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }
    .site-info_link ul li{
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 3vw;
        margin: 0 0.4em;
    }
    .site-info_link ul li::before{
        position: absolute;
        content: "|";
        display: inline-block;
        color: #fff !important;
        top: 0;
        left: -1.6vw;
    }
    .site-info_link ul li:first-child:before{
        display: none;
    }
    .site-info_link ul li a{
        color: #fff !important;
    }
    .f-copy{
        text-align: center;
    }
    .f-copy span{
        color: #fff !important;
        font-size: 2.3vw;
    }
}




/* PC 申し込みボタン　大
----------------------------------------------- */
@media (min-width: 768px) {

/*  ホバー　左からスライド */
.c-btn.slide {
    background: #ffec14;
    color: #ff701e;
     overflow: hidden;
     position: relative;
     z-index: 1;
     text-align: center;
     padding: 3vw 0;
     margin-top: 3.3vw;
}
.c-btn.slide::after {
  background: #ffb514;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.c-btn.slide a{
    display: block;
}
/* 画像設定 */
.c-btn.slide img{
    width: 29.1vw;
}
/* テキスト設定 */
.c-btn.slide p.button_style01{
    font-size: 1.7vw;
    font-weight: 900;
    padding: 1vw 1vw 0 1vw;
    border-bottom: 2px solid #e56619;
    display: inline-block;
}
.c-btn.slide p.button_style01 span{
    color: #ff701e;
}
/* ホバー設定 */
.c-btn.slide a:hover {
  opacity: 1 !important;
}
.c-btn.slide:hover::after {
  transform: scale(1, 1);
}
}


/* SP
----------------------------------------------- */
@media (max-width: 767px) {
    
/*  ホバー　左からスライド */
.c-btn.slide {
    background: #ffec14;
    color: #ff701e;
     overflow: hidden;
     position: relative;
     z-index: 1;
     text-align: center;
    padding: 9vw 0;
     margin-top: 3.3vw;
}
.c-btn.slide::after {
  background: #ffb514;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.c-btn.slide a{
    display: block;
}
/* 画像設定 */
.c-btn.slide img{
    width: 69vw;
}
/* テキスト設定 */
.c-btn.slide p.button_style01{
    font-size: 3.7vw;
    font-weight: 900;
    padding: 5vw 0vw;
    border-bottom: 2px solid #e56619;
    display: inline-block;
    margin: 0 1em;
}
.c-btn.slide p.button_style01 span{
    color: #ff701e;
}
/* ホバー設定 */
.c-btn.slide a:hover {
  opacity: 1 !important;
}
.c-btn.slide:hover::after {
  transform: scale(1, 1);
}
}