@charset "UTF-8";

/* CSS Document */
/* ===========================================
 * ベース
 * ======================================== */
#cp h1,
#cp h2,
#cp h3,
#cp h4,
#cp h5,
#cp h6 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#cp p {
	padding: 0px;
	margin: 0px;
}
#cp dl, #cp dt, #cp dd {
	padding: 0px;
	margin: 0px;
}
#cp ul, #cp ol {
	list-style: none;
}
#cp small {
	margin: 0 0 0 1em;
	text-indent: -1em;
	font-size: inherit;
	display: block;
}
#cp img {
	max-width: 100%;
	margin: 0px auto;
	padding: 0px;
	border: none;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	display: block;
}
#cp a {
	color: inherit;
}
#cp summary {
	display: block;
	list-style: none;
}
#cp summary::-webkit-details-marker {
  display:none;
}
#cp a:hover {
	text-decoration: none;
}
#cp .clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#cp .clearfix {
	zoom: 1; /* for IE6/7 */
}
#cp .clearfix::after {
	content: '';
	display: block;
	clear: both;
}
#cp *{
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

/* ===========================================
 * 全体
 * ======================================== */
#cp {
  margin-inline: auto;
	font-size: inherit;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	color: #231815;
}

/* ===========================================
 * バナー
 * ======================================== */
#cp .bannerWrap {
  margin-inline: auto;
}
#cp .bannerInner {
	margin-inline: auto;
}
#cp .bannerInner > a {
	display: block;
}

/* ===========================================
 * トップ
 * ======================================== */
#cp .topWrap {
	margin-inline: auto;
}
#cp .topInner {
	margin-inline: auto;
}

/* ===========================================
 * コンテンツ
 * ======================================== */
#cp .contentWrap {
	position: relative;
	z-index: auto;
	padding-bottom: min(calc(60 / 1080 * 100vw), 40px);
	margin-inline: auto;
	font-size: clamp(1.2rem, calc(22 / 1080 * 100vw), 22px);
	background-color: #ffffff;
}

#cp .contentInner {
	width: calc(960 / 1080 * 100%);
	margin-inline: auto;
}
#cp .contentInner > p {
	display: block;
}
#cp .contentInner > .contentBtnEntrt {
	width: min(calc(900 / 1080 * 100vw), 900px);
	margin-inline: auto;
	margin-bottom: min(calc(28 / 1080 * 100vw), 28px);
	margin-top: min(calc(32 / 1080 * 100vw), 32px);
	display: block;
}
#cp .contentInner ul {
	margin-bottom: min(calc(32 / 1080 * 100vw), 32px);
}
#cp .contentInner ul > li > small {
	color: #000000;
}
#cp .contentInner ul > li > small > a {
	color: #e60012;
	text-decoration: underline;
}
#cp .contentInner ul > li > small > a:hover {
	text-decoration: none;
}
#cp .contentBox {
	position: relative;
	z-index: auto;
	margin-inline: auto;
}

/* ===========================================
 * リンク01
 * ======================================== */
#cp .link01Wrap {
	padding: min(calc(32 / 1080 * 100vw), 32px) 0;
	margin-inline: auto;
	font-size: clamp(1.2rem, calc(22 / 1080 * 100vw), 22px);
	background-color: #ffff00;
}
#cp .link01Inner {
	width: calc(960 / 1080 * 100%);
	margin-inline: auto;
	display: grid;
	gap: min(calc(24 / 1080 * 100vw), 24px)	;
}
#cp .link01Inner ul {
	margin-inline: auto;
}
#cp .link01Inner ul > li {
	width: fit-content;
	margin-inline: auto;
}
#cp .link01Inner ul > li > small {
	text-align: center;
}
#cp .link01BtnDetail {
	width: min(calc(900 / 1080 * 100vw), 900px);
	margin-inline: auto;
	display: block;
}
#cp .link01BtnStore {
	width: min(calc(900 / 1080 * 100vw), 900px);
	margin-inline: auto;
	display: block;
}

/* ===========================================
 * 注意事項
 * ======================================== */
#cp .cautionWrap {
padding: min(calc(50 / 1080 * 100vw), 50px) 0;
margin-inline: auto;
font-size: clamp(1.2rem, calc(19 / 1080 * 100vw), 19px);
}
#cp .cautionInner {
	width: calc(960 / 1080 * 100%);
	margin-inline: auto;
	
}
#cp details #close,
#cp details[open] #open {
	display: none;
}
#cp details #open,
#cp details[open] #close {
	display: block;
}
#cp details summary {
	border-bottom: clamp(2px, calc(5 / 1080 * 100vw), 5px) solid #c8c8c8;
}
#cp details[open] summary {
	border: none;
}
#cp .cautionInner h3 {
	margin-inline: auto;
	border: clamp(2px, calc(5 / 1080 * 100vw), 5px) solid #000000;
}
#cp .cautionBox {
	position: relative;
	padding: min(calc(50 / 1080 * 100vw), 50px);
	margin-inline: auto;
	border: clamp(2px, calc(5 / 1080 * 100vw), 5px) solid #c8c8c8;
	border-top: 0px;
	display: grid;
	gap: 1.5em;
	animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; 
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
#cp .cautionBox h4 {
	width: fit-content;
	margin-inline: auto;
	font-size: clamp(1.4rem, calc(22 / 1080 * 100vw), 22px);
	font-weight: bold;
}
#cp .cautionBox dl > dt {
	margin-bottom: 0.5em;
}
#cp .cautionBox dl > dd > ol {
	padding-left: 1em;
}
#cp .cautionBox dl > dd > ol > li {
	margin: 0 0 0 1em;
	text-indent: -1em;
}
#cp .cautionBox small > a,
#cp .cautionBox p > a {
	color: #0068b7;
	text-decoration: underline;
}
#cp .cautionBox p > a:hover {
	text-decoration: none;
}

/* ===========================================
 * リンク02
 * ======================================== */
#cp .link02Wrap {
	padding: min(calc(80 / 1080 * 100vw), 80px) 0;
	margin-inline: auto;
	font-size: clamp(1.2rem, calc(22 / 1080 * 100vw), 22px);
	background-color: #ffff00;
}
#cp .link02Inner {
	width: calc(960 / 1080 * 100%);
	margin-inline: auto;
	display: grid;
	gap: min(calc(40 / 1080 * 100vw), 40px)	;
}
#cp .link02BtnDetail {
	width: min(calc(900 / 1080 * 100vw), 900px);
	margin-inline: auto;
	margin-bottom: min(calc(15 / 1080 * 100vw), 15px);
	display: block;
}
#cp .link02Inner ul {
	width: fit-content;
	margin-inline: auto;
}

/* ===========================================
 * キャンペーンコード
 * ======================================== */
#cp .contsTxt {
	width: calc(960 / 1080 * 100%);
	max-width: 960px;
	margin-top: 0.5em;
	margin-inline: auto;
}