﻿@charset "utf-8";

/*FourM広告を一時的に非表示*/
[id^="Ch_SP_"],
[id^="Ch_PC_"],
[id^="Mag_SP_"] {
  display:none;
}

/*オーバーレイ自社広告*/
.common__adv_overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.8);
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 200;
  box-shadow: rgb(0 0 0 / 40%) 0px -4px 6px -3px;
  display:none;
}
.common__adv_overlay_image {
  text-align: center;
}
.common__adv_overlay_image a {
  display: block;
  overflow: hidden;
}
.common__adv_overlay_image a picture {
}
.common__adv_overlay_image a picture img,
.common__adv_overlay_image a picture source {
  width: auto;
  max-width: 100%;
}

@media screen and (min-width:600px) {
  .common__adv_overlay {
    display: none;
  }
}



/*FourMのオーバーレイ広告の調整*/
.ats-overlay-bottom-wrapper-rendered {
  z-index: 200 !important;
}


/*全画面自社広告*/
.common__adv_full {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  overflow: hidden;
  display: none;
}
.common__adv_full_inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 30px 30px 40px;
}
.common__adv_full_block {
  background: #000;
  max-height: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 15px rgba(0,0,0,.4);
  position: relative;
}
.common__adv_full_close {
  position: absolute;
  top: -13px;
  right: -18px;
  transform: scale(1.3);
  cursor: pointer;
}
.common__adv_full_close svg {
}
.common__adv_full_close svg circle {
  fill:#fa4641;
}
.common__adv_full_bnr {
}
.common__adv_full_bnr a {
  display: block;
}
.common__adv_full_bnr img {
  width: 100%;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
}


/*超絶ポイント還元バナー*/
.common__adv_pointup {
  padding: 15px 15px 15px;
  display: none;
}
.common__adv_pointup_block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.common__adv_pointup_bnr {
  cursor: pointer;
}
@media screen and (min-width:769px) {
.common__adv_pointup_bnr:hover {
    filter: brightness(1.1);
  }
}
.common__adv_pointup_bnr picture img,
.common__adv_pointup_bnr picture source {
  max-width: 100%;
  width: auto;
}


/*超絶ポイント還元バナーのオーバーレイ*/
.common__adv_pointupover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  overflow: hidden;
  display: none;
}
.common__adv_pointupover_inner {
  width: 100%;
  height:100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 40px 15px;
}
.common__adv_pointupover_block {
  background: #FFF;
  border-radius: 0;
  max-height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  box-shadow: 0 0 15px rgba(0,0,0,.4);
  position: relative;
  max-width: 550px;
}
.common__adv_pointupover_block_in {
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.common__adv_pointupover_block_in::-webkit-scrollbar {
  display: none;
}
.common__adv_pointupover_close {
  position: absolute;
  top: -15px;
  right: -17px;
  transform: scale(1.2);
  cursor: pointer;
}
.common__adv_pointupover_close svg {
}
.common__adv_pointupover_close svg circle {
  fill:#000;
}

/*PC表示の特別調整*/
@media screen and (min-width:769px) {
  .common__adv_pointupover_block {
    background: #FFF;
    border-radius: 0;
    max-height: 90vh;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    position: relative;
    max-width: 550px;
  }
  .common__adv_pointupover_close {
    position: absolute;
    top: -15px;
    right: -17px;
    transform: scale(1.5);
    cursor: pointer;
  }
  .common__adv_pointupover_block_in {
    width: 100%;
    overflow: scroll;
  }
}

/*枠*/
.common__adv_pointupover_explain {
}
.common__adv_pointupover_explain_list {
}
.common__adv_pointupover_explain_list_item {
}

/*PCSP表示切替*/
.common__adv_pointupover_explain_list_item.sp {
  display: block;
}
.common__adv_pointupover_explain_list_item.pc {
  display: none;
}
@media screen and (min-width:769px) {
  .common__adv_pointupover_explain_list_item.sp {
    display: none;
}
  .common__adv_pointupover_explain_list_item.pc {
    display: block;
}
}

/*「アプリ特徴」の背景*/
.common__adv_pointupover_explain_list_item.feature_btn_web {
  background: #066bd7;
}
.common__adv_pointupover_explain_list_item.feature_btn_web {
padding-bottom: 10px;
}

/*アプリDLボタン*/
.common__adv_pointupover_explain_list_item.explain_btn_app a,
.common__adv_pointupover_explain_list_item.feature_btn_app a {
  display: block;
}

/*WEBボタン*/
.common__adv_pointupover_explain_list_item.explain_btn_web,
.common__adv_pointupover_explain_list_item.feature_btn_web {
  display: none;
}



/*釣割アプリ紹介（ポイント還元訴求）バナー*/
.common__adv_chowari_app {
  padding: 20px 20px 20px;
  display: none;
}
.common__adv_chowari_app_bnr {
}



