@charset "utf-8";

/*--------------------------------------
CONTENTS
--------------------------------------*/
html{
  box-sizing: border-box;
}
img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#tcapp_summer_202608 {
  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: #00B6D3;
  padding: 10px 10px 6px 10px;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
}
.shopList dt{
  pointer-events: none;
}

#tcapp_summer_202608 .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: #00B6D3;
  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 #00B6D3;
    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: #00B6D3 transparent transparent transparent;
    rotate: -90deg;
}
.points_rally .points_rally_wrap img{
    width: 55%;
}

.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;
}


/*----------------------------------
注意事項
----------------------------------*/
.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_summer_202608-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_summer_202608 .payMethod  {
  border-top: 1px solid #919191;
  text-align: center;
  padding: 60px 0;
}

#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple, #tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google {
    width: 315px;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple{
    margin-right: 15px;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google {
    margin-right: 10px;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-apple p, #tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google p {
    background-color: #333333;
    padding: 3px;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .app_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .app_btn img {
    width: 75px;
    height: auto;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod_app .payMethod_app-google a img {
    margin-left: -10px;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap .app_btn a img {
    height: 54px;
    width: auto;
    margin-right: 20px;
}
#tcapp_summer_202608 .payMethod .payMethod_step-wrap_title{
font-size:24px;
font-weight: bold;
margin-bottom: 20px;

}

#tcapp_summer_202608 .aboutOverview{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 0 16px 30px;
}

#tcapp_summer_202608 .aboutOverview p{
    font-weight:bold;
    font-size: 13px;
}

#tcapp_summer_202608 .eticketWrap{
	width: 590px;
	margin: 0 auto;
}

#tcapp_summer_202608 .aboutInner{
	width: 182px;
    height: auto;
}

#tcapp_summer_202608 .eticket{
	width: 270px;
}

#tcapp_summer_202608 .aboutIcon{
	width: 44px;
    height: 44px;
    margin: 0 auto 26px;
}

#tcapp_summer_202608 .pointIcon {
    padding-top: 6px;
}

#tcapp_summer_202608 .presentIcon {
    margin-top: -5px;
}

.download-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 230px;
  height: 43px;
  padding: 12px 10px;
  border-radius: 50px;
  background: #FFD300;
  color:#333;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  margin: 0 auto;
}

.btn-text {
  transform: translateY(1px);
}

.payMethod a:visited{
  color:#333;
}

.payMethod a:hover{
  color: #333;
  opacity:0.7;
}


@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;
  }

--------------------------------
  バナー
  ----------------------------------*/
  .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_summer_202608 p {
    margin-bottom: 0;
    }
    #tcapp_summer_202608 .payMethod .payMethod_step-wrap {
    margin: 30px 0 40px;
  }
    #tcapp_summer_202608 .payMethod .payMethod_step-wrap .payMethod .payMethod_step-wrap {
      display: flex;
      flex-direction: column;
      padding: 20px;
    }

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

  @media screen and (min-width: 768px) {
  #tcapp_summer_202608 .aboutOverview{
    padding: 0 72px 32px;
  }
  }

#tcapp_summer_202608 .campList01 li:before {
	content: none;
  }


/*----------------------------------
さらに抽選であたる
----------------------------------*/

.lottery-container {
  display: grid;
  grid-template-areas:
    "content"
    "image"
    "links";
  gap: 25px;
}

.lottery-image-area {
  grid-area: image;
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .lottery-container {
    grid-template-columns: 1fr auto;
	grid-template-rows: max-content 1fr;
    grid-template-areas:
      "content image"
      "links image";
    gap: 0;
  }
}



.lottery-detail{
  padding: 40px 70px 60px;
}

.lottery-detail-image{
  display: flex;
  justify-content: center;
}

.lottery-detail-catch{
display: flex;
justify-content: center;
align-items: flex-end;
font-size:13px;
text-align:center;
}

@media (max-width: 768px) {
.lottery-detail{
  padding: 40px 20px;
}

.lottery-detail-catch{
font-size:12px;
}

}

.bnr img{
  max-width:100% ;
}