@charset "utf-8";

/*--------------------------------------
CONTENTS
--------------------------------------*/
html{
  box-sizing: border-box;
}
img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#tcapp_spring_202603 {
  max-width:704px;
  margin:0 auto 50px;
  line-height:1.8em;
  box-sizing: border-box;
}
a img:hover{
  opacity: .7;
}
.pc_none,.pc_none320{
  display: none !important;
}
.sp_none{
  display: inline-block !important;
}
.ac_color{
  color: #FF2244;
}
.mainvisual img{
  width: 704px;
  height: auto;
}
.mainvisual .period{
  background-color: #FE7589;
  padding: 10px 10px 6px 10px;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
}
.shopList dt{
  pointer-events: none;
}
a:hover{
	color:#333333;
}
#tcapp_spring_202603 .hovernone a img:hover {
  opacity:1;
}

/* ---------------------------------------------
共通
--------------------------------------------- */
.fs12{
  font-size: 12px;
}
.fs15{
  font-size: 15px;
}
.mb60{
  margin-bottom: 60px !important;
}
.red{
  color: #CD1219;
}
.yellow_line{
  border-bottom: solid 4px #FFD300;
  text-align: center;
  line-height: 1em;
}
.tx_left {
    text-align: left !important;
}
.tx_center {
    text-align: center !important;
}
/*----------------------------------
見出し
----------------------------------*/
h2{
  background-color: #25B998;
  color: #FFFFFF;
  font-size: 15px;
  padding: 10px 0 10px 20px;
  margin: 30px 0 20px;
  position: relative;
}
h2:before {
  position: absolute;
  content: "";
  top: 0.5em;
  left: 0.5em;
  width: 4px;
  height: calc(100% - 1em);
  background-color: #FFFFFF;
}
h3{
    border-left: 4px solid #25B998;
    line-height: 1.3;
    padding-left: 5px;
    margin-left: 3px;
}
.attention h3{
    border-left: none;
    line-height: 1.5;
    padding-left: 0;
    margin-left: 0;
}

/* ---------------------------------------------
ポイントラリー
--------------------------------------------- */
.points_rally{
  display: flex;
  justify-content: center;
  text-align: center;
}
.points_rally .points_rally_wrap{
  display: block;
}
.points_rally .traiangle{
    width: 0;
    height: 0;
    margin: 54px 0 0 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #25B998 transparent transparent transparent;
    rotate: -90deg;
}
.points_rally .points_rally_wrap img{
    width: 55%;
}
.points_rally .points_rally_wrap.lottery img{
    width: 65%;
}
.points_rally .points_rally_wrap p{
  font-size: 13px;
  line-height: 1.5;
}
.points_rally .points_rally_wrap.step1{
  margin-right: -40px;
}
.points_rally .points_rally_wrap.step2{
  margin-left: -35px;
}
.parking_app_link {
  margin-top: 15px !important;
}
.parking_app_link li a{
  text-decoration: none !important;
}
.parking_app_link li a::before{
  content: '▶\FE0E';
  color: #FFD300;
  font-size: 13px;
}

/* ---------------------------------------------
抽選
--------------------------------------------- */
.lottery p{
  font-size: 14px;
  margin-left: 10px;
}
.lottery div{
  text-align: center;
}
.lottery div img{
  width: 45%;
  margin-top: 10px;
}

/*----------------------------------
注意事項
----------------------------------*/
.campList01{
  margin-bottom: 80px;
}
.campList01 h4{
  margin-top: 12px;
}
.campList01 h4:first-child{
  margin-top: 0px;
}
.campList01 li{
  text-indent: 0!important;
  margin-left: 0 !important;
}
.campList01 li p{
  text-indent: 0!important;
  margin-left: 1em;
  padding-right: 10px;
}
.campList01 li:before{
  display: none!important;
}
.campList01 li div {
    border: 1px solid #bbb;
    padding: 10px;
    margin: 5px 0 12px;
}

/*----------------------------------
バナー
----------------------------------*/
.bannerArea {
  margin-top: 40px;
}

/*----------------------------------
エントリーボタン
----------------------------------*/
.tcapp_spring_202603-entry {
    margin: 40px 0;
    text-align: center;
}
#d_container ul, #backMain .linkBtn {
    margin: 0;
    padding: 0;
}
.tx_ac {
    text-align: center !important;
    font-size: 14px;
}
.entry_join_bt {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px !important;
}
.entry_join_bt .entry_bt {
    background-color: #FED400;
    box-shadow: 0 3px 0 #B6952F;
    line-height: 1.3;
}
.entry_join_bt li {
    width: 52%;
    vertical-align: middle;
    border-radius: 5px;
    position: relative;
    top: 0;
}
.entry_bt a::before, .join_bt a::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 4px solid #333333;
    border-right: 4px solid #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.entry_join_bt a {
    text-align: center;
    display: block;
    text-decoration: none;
    color: #333333 !important;
    font-size: 24px;
    font-weight: bold;
    padding: 13px 13px 8px;
}
.entry_join_bt a:hover {
  opacity: 0.5;
}
.entry_join_bt .btn_caution {
    font-size: 10px;
    font-weight: normal;
    text-shadow: none;
}

/*----------------------------------
アプリダウンロードボタン
----------------------------------*/
#tcapp_spring_202603 .payMethod {
  background-color: #FFFAD9;
    padding: 25px;
    margin: 60px 0;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap {
    box-sizing: border-box;
    display: block;
    justify-content: space-between;
    align-items: center;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple, #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google {
    width: 315px;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple{
    margin-right: 15px;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google {
    margin-right: 10px;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple p, #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google p {
    background-color: #333333;
    padding: 3px;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn img {
    width: 75px;
    height: auto;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google a img {
    margin-left: -10px;
}
#tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn a img {
    height: 54px;
    width: auto;
    margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .pc_none{
    display: inline-block !important;
  }
  .sp_none{
    display: none !important;
  }

  /*----------------------------------
  コンテンツ
  ----------------------------------*/
  .mainvisual .period{
    padding: 10px 0;
    font-size: 16px;
  }
  .title02{
  width: auto;
  }
  .mainvisual,.mainvisual img{
    width: 100%;
  }
}

@media screen and (max-width: 430px) {
  /* ---------------------------------------------
  ポイントラリー
  --------------------------------------------- */
  .points_rally{
    display: block;
    margin-bottom: 40px !important;
  }
  .points_rally .points_rally_wrap{
    display: block;
  }
  .points_rally .traiangle{
      margin: 34px auto 20px;
      rotate: 0deg;
  }
  .points_rally .points_rally_wrap.step1{
    margin-right: 0;
  }
  .points_rally .points_rally_wrap.step2{
    margin-left: 0;
  }
  .points_rally .points_rally_wrap.step2.mb0 img{
    margin-bottom: 0 !important;
  }

  .points_rally .points_rally_wrap img{
    width: 65%;
  }
  .points_rally .points_rally_wrap.lottery.step2 img{
    width: 80%;
  }
  .campList01 li + li{
    margin-top: 0 !important;
  }

  /* ---------------------------------------------
  抽選
  --------------------------------------------- */
  .lottery div img{
    width: 80%;
  }
  /*----------------------------------
  バナー
  ----------------------------------*/
  .bannerArea {
    margin-bottom: 40px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /*----------------------------------
  エントリーボタン
  ----------------------------------*/
  .tx_ac {
    font-size: 12px;
    font-weight: bold;
  }
    a, a:visited, a:hover, a:focus, a.titleBtn:hover, a.titleBtn:focus {
    color: #005bc2;
  }
    .entry_join_bt li {
    width: 80%;
  }

  /*----------------------------------
  アプリダウンロードボタン
  ----------------------------------*/
  #tcapp_spring_202603 .payMethod {
    padding: 10px;
    margin-left: -10px !important;
        margin-right: -10px !important;
  }
    #tcapp_spring_202603 p {
    margin-bottom: 0;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap {
    margin: 30px 0 40px;
  }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod .payMethod_step-wrap {
      display: flex;
      flex-direction: column;
      padding: 20px;
    }

    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app {
    display: flex;
    flex-direction: column;
    margin-top: -10px;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple, #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google {
      margin-left: 0;
      width: 100%;
      flex-direction: column;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google a img {
      margin-left: 0;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn, #tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn a {
      width: 100%;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn a {
      text-align: center;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple a img:first-child {
        margin-bottom: 15px;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple a img {
        box-sizing: border-box;
    }
    #tcapp_spring_202603 .payMethod .payMethod_step-wrap .app_btn a img {
        width: 60%;
        height: auto;
        margin: 0;
    }
}