@charset "UTF-8";

/*-------------------------------------------
 基本設定
-------------------------------------------*/
.cp-main{
	/* max960で 960以下で左右に入れたい余白の数値 */
	/* 基本的にヘッダーなどに合わせ 8px */
	--size-rl-padding: 8px;

	/* （自動計算用） */
	--size-rl-padding-plus: calc( var(--size-rl-padding) + 2);


	/* 最大幅 */
	--maxwidth: 768px;

	/* 基本色 */
	--main-green: #3CB65E;
	--main-pink: #FF6364;
	--main-yellow: #FCF3D2;
	--main-red: #C3000E;
	--btn-green: #289446;
	--btn-orange: #FF651A;
	--col-txt-link-blue: #059FFF;
}

.cp-main a {
    color: var(--col-txt-link-blue);
}

/*スマホの時だけ改行させるクラス*/
.br-sp {
    display: block;
}

@media (min-width: 769px) {
    .br-sp {
        display: none;
    }
}

/*-------------------------------------------
 hover
-------------------------------------------*/

/* hoverで透明にしたいものにだけ */
@media (min-width: 769px) {
	.cp-main .cp-shelf a,
	.cp-main .book-cp-shelf a,
  .cp-main .participate-block__wrapper a,
  .cp-main .fair-banner-block__wrapper a {
		transition: var(--hover-transition);
	}

	.cp-main .cp-shelf a:hover,
	.cp-main .book-cp-shelf a:hover,
  .cp-main .participate-block__wrapper a:hover,
  .cp-main .fair-banner-block__wrapper a:hover {
		opacity: 0.7;
	}
}

/*-------------------------------------------
パンクズ
-------------------------------------------*/
.cp-body .cont768{
	max-width: calc(768px + 6%);
	padding-left: 3%;
	padding-right: 3%;
	margin: auto;
}

/*-------------------------------------------
 背景
-------------------------------------------*/
.cp-body {
	background-image: url(../img/bg.png);
 	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: cover;
	background-attachment: fixed;
}

/*-------------------------------------------
 MV 最大幅768px
-------------------------------------------*/
.cp-main .mv-block__main img {
	max-width: 768px;
}

/*-------------------------------------------
 MV下ポイント進呈時期・ポイント有効期限
-------------------------------------------*/
.cp-main .cp-detail-period-block__inner {
	background-color: #BAB268;
	width: 100%;
	padding: 10px;
	color: #FFF;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.cp-main .cp-detail-period-block__inner > p {
	line-height: 1.5;
}

@media (min-width: 549px) {
  .cp-main .cp-detail-period-block__inner{
 		font-size: 20px;   
  }
}

@media (min-width: 769px) {
	.cp-main .cp-detail-period-block__inner {
		font-size: 20px;
	}
}

/*-------------------------------------------
 キャンペーン概要
-------------------------------------------*/
.cp-main .cp--detail-block__inner {
  background: var(--main-yellow);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 16px;
}
.cp-main .cp--detail-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
}
.cp-main .cp--detail-list > li {
  padding-right: 1em;
  border-right: 1px solid #000;
  line-height: 1;
  display: inline-block;
  font-size: 12px;
}
.cp-main .cp--detail-list > li:nth-child(2) {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
  padding-left: .5em;
}
.cp-main .cp--detail-list > li:nth-child(3) {
  width: 100%;
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.cp-main .cp--detail-text {
	margin-top: .5em;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 500;
}

@media (min-width: 549px) {
  .cp-main .cp--detail-list > li {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (min-width: 769px) {
  .cp-main .cp--detail-block__inner {
    font-size: 16px;
    padding: 20px;
  }
  .cp-main .cp--detail-list {
    flex-wrap: nowrap;
  }
  .cp-main .cp--detail-list > li {
    font-size: 16px;
    padding-right: 1em;
    margin-right: 0;
    border-right: 1px solid #000; 
  }
  .cp-main .cp--detail-list > li:nth-child(2) {
    border-right: 1px solid #000;
    padding-right: 1em;
  }
  .cp-main .cp--detail-list > li:nth-child(3) {
      width: auto;
      padding-left: .5em;
  }
  .cp-main .cp--detail-list > li:last-child {
    border-right: none;
    padding-right: 0;
  }
  .cp-main .cp--detail-text {
    font-size: 16px;
  }
}

/*-------------------------------------------
 参加手順
-------------------------------------------*/
/* 見出し全体 */
.cp-main .title-slashes {
  display: flex;
  align-items: center;      /* ★ これで中の画像と文字を縦中央揃えにします */
  justify-content: center;
  background-color: var(--main-pink);
  padding: 12px 16px;
  overflow: hidden; /* 万が一画面からはみ出た場合の保険 */
  margin: 0;
}

/* タイトルテキスト */
.cp-main .title-text {
    width: auto;
    height: 17px;
    display: block;
    margin: 0 8px 0 6px;
    flex-shrink: 0;
}

/* 左右のスラッシュ（斜線）部分 */
.cp-main .slash-left,
.cp-main .slash-right {
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 200;
  color: #ffffff;
  letter-spacing: 2px;/* 斜線同士の間隔 */
  white-space: nowrap;
  user-select: none;
  transform: skewX(-30deg);
}

.cp-main .img__head-text {
  width: auto;
  height: 17px;
  display: block;
}

@media (min-width: 769px) {
  .cp-main.title-slashes {
    padding: 14px 24px;
  }

  .cp-main .title-text {
      height: 24px;
      margin: 0 25px 0 20px;
  }
  .cp-main .slash-left, .cp-main .slash-right {
      font-size: 17px;
      letter-spacing: 4px;
      transform: skewX(-30deg);
  }
  .cp-main .img__head-text {
    width: auto;
    height: 24px;
  }
}

@media (min-width: 549px) {
  .cp-main .title-slashes {
    padding: 14px 16px;
  }
  .cp-main .img__head-text {
    height: 24px;
  }
  .cp-main .title-text {
      height: 24px;
      margin: 0 25px 0 20px;
  }
  .cp-main .slash-left, .cp-main .slash-right {
      font-size: 17px;
      letter-spacing: 4px;
      transform: skewX(-30deg);
  }
}

.cp-main .participate-block__wrapper {
	background-color: #FFF;
}

.cp-main .participate-block_inner {
  padding: 0 16px 5%;
}

/*条件1と2のリスト*/
.cp-main .participate-block_list{
  width:100%;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding-top: 8%;
}
.cp-main .participate-block_list .participate-block_list__item {
  width:calc(96% /2);
  background: var(--main-yellow);
  border-radius: 10px;
  padding:14px 10px;
}

.cp-main .participate-block_inner-text{
  font-size: clamp(12px, 3.2vw, 16px);
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
  margin:5% auto;
}
.cp-main .small_text {
  font-size: clamp(12px, 3.2vw, 16px);
}
.cp-main .participate-block_inner-text span {
  font-size: 10px;
}
.cp-main .participate-block .participate-block-images {
  width:100%;
  max-width: 550px;
  margin:2% auto 0;
  display: block;
}

.cp-main .participate-block_inner {
  width: 100%;
  background: url(../img/bg_coin.png) center bottom / 100% repeat-x;
  padding-bottom: 5%;
  padding-top: 4%;
}

@media (min-width: 769px) {
  .cp-main .participate-block_inner {
    padding: 0 32px 5%;
  }
  .cp-main .participate-block_list {
    max-width: 900px;
    padding-top: 8%;
  }
  .cp-main .participate-block_list .participate-block_list__item {
	  padding:10px 5px 20px;  
  }
}

/* 吹き出しタイトル */
.cp-main .p-fukidashi {
  width: 90%;
  margin: auto;
}
.cp-main .p-fukidashi .p-fukidashi__inner{
margin-top:-10%;
}
.cp-main .p-fukidashi02 {
  width: 96%;
  margin: 2% auto 0;
}

@media (min-width: 769px) {
  .cp-main .p-fukidashi {
    width: 75%;
  }
  .cp-main .p-fukidashi02 {
    width: 640px;
  }
  .cp-main h2.block-title01 img {
    width: 300px;
  }
  .cp-main h2.block-title01::before, .cp-main h2.block-title01::after {
      width: 33%;
  }

.cp-main .participate-block_inner-text {
    font-size: 20px;
    margin: 2% auto;
  }
  .cp-main .small_text{
  font-size: 20px;
  line-height: 1.5;
}
.cp-main .entry_image{
    width:80%;
    display: block;
    margin:auto;
  }
.cp-main .participate-block_inner-text span {
    font-size: 16px;
  }
  .cp-main h2.block-title02 img {
    width: 59%;
  }
  .cp-main h2.block-title02::before, .cp-main h2.block-title02::after {
    width: 20%;
  }
  .cp-main h2.block-title02 {
    margin-bottom: 2%;
  }
}
.cp-main .p-fukidashi .p-fukidashi__inner {
  position: relative;
    width: 100%;
    margin: -27% auto 0;
    padding: 15% 0;
    background: url(../img/fukidashi_sp01.png) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
}
.cp-main .p-fukidashi .p-fukidashi__inner .p-fukidashi__title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 80%;
  color: var(--col-d-black);
  font-size: clamp(16px, 4.26vw, 24px);
  text-align: center;
}
.cp-main .p-fukidashi02 .p-fukidashi__inner .p-fukidashi__title02 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80%;
  padding: 3% 0 0;
  color: var(--col-c-red);
  font-size: clamp(16px, 3.2vw, 24px);
  text-align: center;
}
.cp-main .p-fukidashi02 .p-fukidashi__inner {
  position: relative;
    width: 100%;
    margin: auto;
    padding: 8% 0;
    background: url(../img/fukidashi_sp02.png) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
}

@media (min-width: 769px) {
  .cp-main .p-fukidashi .p-fukidashi__inner {
  position: relative;
    width: 100%;
    margin: -12% auto 0;
    padding: 12% 0;
    background: url(../img/fukidashi_pc01.png) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
}

.cp-main .p-fukidashi02 .p-fukidashi__inner {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 8% 0;
    background: url(../img/fukidashi_pc02.png) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .cp-main .p-fukidashi02 .p-fukidashi__inner .p-fukidashi__title02 {
    font-size: 26px;
  }
}
@media screen and (max-width: 374px) {
  .cp-main .p-fukidashi .p-fukidashi__inner .p-fukidashi__title {
    font-size: 4vw;
  }
}
.cp-main .p-fukidashi.-ticket-plus .p-fukidashi__inner {
  position: relative;
  width: 100%;
  margin: auto;
  padding-top: 18%;
  background: url("../img/fukidashi_pc01.png") no-repeat center top;
  background-size: 100% auto;
}
.cp-main .p-fukidashi.-ticket-plus .p-fukidashi__inner .p-fukidashi__title {
  height: 70%;
  padding-right: 54px;
  font-size: 16px;
}

@media (min-width: 769px) {
  .cp-main .p-fukidashi.-ticket-plus .p-fukidashi__inner .p-fukidashi__title {
    padding-right: 0;
    font-size: 24px;
  }
  .cp-main .p-fukidashi.-ticket-plus .p-fukidashi__inner {
    padding-top: 18%;
  }
  .cp-main .p-fukidashi.-ticket-plus .p-fukidashi__inner .p-fukidashi__title {
    font-size: 24px;
  }
}

/*-------------------------------------------
 15周年記念 dブック限定フェア開催中！
-------------------------------------------*/

.cp-main .koma-shelf-block__wrapper {
  background-color: #FFF;
}

.cp-main .shelf-block__inner {
  padding: 20px 16px;
}

/*--テキストリンク--*/
.cp-main .text-link{
    display: block;
    width: 100%;
    margin: 1em auto 0;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
}
.copyright-text {
    font-size: 10px;
    line-height: 1.2;
    height: 55px;
    margin-top: 5px;
}

@media (min-width: 549px) {
  .copyright-text {
      font-size: 10px;
      line-height: 1.2;
      height: 35px;
      margin-top: 5px;
  }
}
@media (min-width: 769px) {
  .cp-main .shelf-block__inner {
    padding: 30px 32px;
  }
  .copyright-text {
    font-size: 10px;
    line-height: 1.2;
    height: 60px;
    margin-top: 5px;
}
}

/*-------------------------------------------
 おデブ悪女アニメ化記念フェア開催中！
-------------------------------------------*/
.cp-main .book-cp-shelf {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em 1em;
}
.cp-main .book-shelf-block__wrapper {
	background-color: #FFF;
}

.cp-main .book-shelf-block__inner {
  padding: 20px 16px;
}

.cp-main .book-shelf-block__inner .cp-shelf__img-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .cp-main .book-shelf-block__inner {
    padding: 30px 32px;
  }
}

/*-------------------------------------------
 ポイントミッションに参加
-------------------------------------------*/
.cp-main .cp-mission-block__inner {
	padding: 0 16px 24px;
	background: #FFF;
}
.cp-main .cp-mission__img {
	margin-bottom: 10px;
}
.cp-main .cp-btn--large--orange {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(18px,3.2vw,22px);
    font-weight: bold;
    background: var(--btn-orange);
    height: 50px;
    padding: 12px;
    border-radius: 100px;
    margin: auto;
    position: relative;
    line-height: 1.2;
}

.cp-main a.cp-btn--large--orange {
    color: var(--col-white);
    text-decoration: none;
}

.cp-main .btn-shadow--orange {
    box-shadow: 0px 3px 0 #B74A15;
    transition: var(--hover-transition);
    transform: translateY(0);
}

@media (min-width: 769px) {
	.cp-main .cp-btn--large--orange {
		height: 70px;
		width: 545px;
	}
	.cp-main .cp-mission-block__inner {
		padding: 0 40px 40px;
	}
  .cp-main .btn-shadow--orange {
    box-shadow: 0px 3px 0 #B74A15;
  }
  .cp-main .btn-shadow--orange:hover{
		box-shadow: none !important;
		transform: translateY(3px);
	}
}

/*-------------------------------------------
 手動棚　共通設定
-------------------------------------------*/

.cp-main .cp-shelf{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em 1em;
}

.cp-main .cp-shelf__item{
	display: flex;
    flex-direction: column;
}

.cp-main .cp-shelf__label-box{
    flex-grow:1;
    margin-bottom: 16px;
}

.cp-main .cp-shelf__label {
    position: relative;
    display: inline-block;  
	  width: 100%;
    border: 1px solid var(--col-book-gray);
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.3;
    color: var(--col-book-gray__black);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 3px;
}

.cp-shelf__label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 8px 7.5px 0 7.5px;
  border-top-color: var(--col-book-gray);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: translate(-50%, 100%);
}

.cp-shelf__label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 6.5px 6.1px 0 6.1px;
  border-top-color: #FFF;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: translate(-50%, 100%);
}

.cp-main .cp-shelf__label--hidden{
    visibility: hidden;
}

.cp-main a.cp-shelf__link{
	text-decoration: none;
    color: var(--col-book-black);
}


.cp-main .cp-shelf__img-box{
	display: block;
	/* 挿入される書影によって調整 */
	padding-top: min(140%, 250px);
	position: relative;
	margin-bottom: 6px;
}

/* タイトルがない場合のマージン */
.cp-main .cp-shelf__link + .cp-shelf__btns{
	margin-top: 6px;
}

.cp-main .cp-shelf__img{
	display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0;
	/*
	border: 1px solid var(--col-book-gray);
	*/
	/*
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
	*/
}

.cp-main .cp-shelf__title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    margin: 5px 0;
    min-height: 48px;
}

@media (min-width: 549px) {
  .cp-main .cp-shelf__title{
      font-size: 14px;
  }
}

@media (min-width: 769px) {
  .cp-main .cp-shelf__title{
      font-size: 16px;
  }
}

.cp-main .cp-shelf__title a{
  color: #000;
}

.cp-main .cp-shelf__btns{
	display: grid;
	gap: 6px;
}


.cp-main .cp-shelf__btn{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px .2em;
	line-height: 1;
	font-size: clamp(11px , 2.8vw , 14px);
  opacity: 1;
}

.cp-main a.cp-shelf__btn--free{
	line-height: 1;
	text-align: center;
	background-color: var(--btn-green);
	color:#FFF;
	border-radius: 5px;
	text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 8px;
}

.cp-main a.cp-shelf__btn--free__book{
	line-height: 1;
	text-align: center;
	background-color: var(--btn-green);
	color:#FFF;
	border-radius: 5px;
	text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 8px;
}

.cp-main a.cp-shelf__btn--buy{
	line-height: 1;
	text-align: center;
	border: 1px solid var(--col-book-green);
	background: var(--col-book-green);
	color: #FFF;
	border-radius: 999px;
	text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 8px;
}

/* 画像が正方形の場合 */
.cp-main .shelf-square .cp-shelf__img-box{
    padding-top: 0;
}

/* ボタンがない時にはこのclassを追加 */
.cp-main a.cp-shelf__btn--hidden{
	visibility: hidden;
}


@media screen and (min-width:769px) {
	.cp-main .cp-shelf{
		grid-template-columns: repeat(4, 1fr);
	}

  	.cp-main .book-cp-shelf{
		grid-template-columns: repeat(6, 1fr);
	}
}

/*-------------------------------------------
 こちらも注目！15周年記念フェア同時開催中
-------------------------------------------*/
.cp-main .fair-banner-block__wrapper {
	background-color: #FFF;
}

.cp-main .fair-banner-block__inner {
  padding: 20px 16px;
  width: 100%;
}

.cp-main .fair-banner-item {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 10px;
  padding-top: 10px;
}

.cp-main .img__swipe-bnr {
  width: 100%;
}

.cp-main .img__heaf-bnr {
  width: 100%;
}

@media (min-width: 769px) {
  .cp-main .fair-banner-block__inner {
    	padding: 30px 40px;
  }
  .cp-main .fair-banner-item {
    gap: 16px;
    padding-top: 16px;
  }
}

/*-------------------------------------------
 エントリーエリア
-------------------------------------------*/
.cp-main .entry-block__wrapper {
  background: no-repeat top/100% url(../img/bg_red.png);
  text-align: center;
  padding: 20px 16px;
  background-color: var(--main-red);
}
.cp-main .img__entry-header {
  width: 90%;
  padding-bottom: 14px;
}
.cp-main .entry-block__inner {
  background: #FFF;
  border-radius: 16px;
  padding: 30px 16px;
}
.cp-main .entry-block__text {
  display: flex;
	align-items: center;
	justify-content: center;
  text-align: center;
  font-size: clamp(20px, 5.33vw, 24px);
  color: var(--main-red);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.cp-main .entry-block__text::before,
.cp-main .entry-block__text::after{
	content: "";
	height: 1.5em;
	width: 20px;
  margin: 0 5px 0 0;
	background-image: url(../img/img__deco-left.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  vertical-align: bottom;
}

.cp-main .entry-block__text::after{
	background-image: url(../img/img__deco-right.png);
  margin: 0 0 0 5px;
  background-position: right;
}

@media (min-width: 769px) {
  .cp-main .entry-block__wrapper {
    padding: 40px 80px;
  }
 .cp-main .img__entry-header {
    width: 80%;
    padding-bottom: 14px;
  }
  .cp-main .entry-block__inner {
    padding: 40px;
  }
  .cp-main .entry-block__text {
    margin-bottom: 20px;
  }
  .cp-main .entry-block__text::before,
  .cp-main .entry-block__text::after{  
    width: 24px;
    margin: 0 10px 0 0;
  }
  .cp-main .entry-block__text::after{
    background-image: url(../img/img__deco-right.png);
    margin: 0 0 0 10px;
    background-position: right;
  }
}
/*-------------------------------------------
 規約
-------------------------------------------*/
.cp-main .outline-block__title {
	background: var(--main-green);
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.cp-main .cp-outline-title {
  width: auto;
	height: 20px;
}
.cp-main .outline-block__inner {
  background: #FFF;
	padding: 20px 16px;
}

.cp-main .outline-block__lead{
	line-height: 1.5;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--col-book-gray);
  font-weight: bold;
}

.cp-main .weight-normal {
  font-weight: normal;
}

.cp-main .outline-block__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cp-main .outline-block__item-title,
.cp-main .outline-block__item-disc{
	font-size: 14px;
	width: 100%;
}

.cp-main .outline-block__item-title{
	color: var(--col-book-green);
	font-weight: bold;
}

.cp-main .outline-block__item-disc{
	border-bottom: 1px solid var(--col-book-gray);
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.cp-main .outline-block__item-disc:last-child{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.cp-main .list--number {
  padding-left: 20px;
}
.cp-main .list--number li {
  list-style: decimal !important;
}

/* 内側のリストの li だけ、数字を「なし」に強制上書きする */
.cp-main .list--number .list--nest li {
  	list-style: none !important;
	padding-left: 1em;
	text-indent: -1em;
}

@media (min-width: 769px) {
  .cp-main .outline-block__title {
    padding: 12px 0;
  }
	.cp-main .cp-outline-title {
    width: auto;
    height: 24px;
	}
	.cp-main .outline-block__inner {
    	padding: 20px 80px 40px;
	}
}

/*-------------------------------------------
 アプリ出しわけ導線CSS（detail_apri.css）上書き
-------------------------------------------*/
.cp-main .cp-apri-block__outer {
  background: #FFF;
	padding: 0 16px 20px;
}
.cp-main .btn-apri.btn-shadow {
	box-shadow: 0px 3px 0 #000;
}
.cp-main .btn-apri {
  width: min(100% , 545px);
  border: 2px solid #000;
}

@media (min-width: 769px) {
	.cp-main .cp-apri-block__outer {
      max-width: 768px;
    	padding: 0 80px 40px;
	}
  .cp-main .btn-apri {
      border: 3px solid #000;
  }
}

/*-------------------------------------------
 footerアプリDL導線非表示
-------------------------------------------*/
.bw-footer__download {
	display: none;
}