@charset "utf-8";
/* ==================================================
//d POINT CLUB アンケートキャンペーン 12月css
  /enq/LP/campaign_202412_a/css/style.css
================================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {font-family: 'GenJyuuGothic';src: url('../font/GenJyuuGothic-Heavy.woff2') format('woff2'), url('../font/GenJyuuGothic-Heavy.woff') format('woff'), url('../font/GenJyuuGothic-Heavy.ttf') format('truetype');font-weight: 900; font-style: normal;}
/*======================================*/
/* 1＿リセットcss   */
/*======================================*/
/*CR：destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

/* iOSデフォルトスタイルリセット */
input[type="submit"] {-webkit-appearance: none;border-radius: 0;}

/*======================================*/
/*2＿共通css   */
/*======================================*/
html {height: 100%;font-size: 62.5%;}
body {
	box-sizing: border-box;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	word-wrap: break-word;
	font-size: 1.6rem;
	line-height: 1.7;
	letter-spacing: 0.1rem;
	height: 100%;
    -webkit-text-size-adjust: 100%;
	}
	@media screen and (min-width:768px) {body {min-width: 980px;}}
	@media screen and (max-width: 767px) {body {min-width: 320px;}}
		
.only_pc {display: block !important;}
.only_sp {display: none !important;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: block;}
.clear {clear: both;}
.block {display: block;}
/* コンテンツ枠 */
.inner {width: 960px;margin: 0 auto;}
/* 背景色 */
.bg-clr-white {background-color: #fff;}
/* フォント */
.font_face-genjyu{font-family: 'GenJyuuGothic';}
/* 文字色 */
.txt-clr-dred {color: #cc0033;}
.txt-clr-orenge {color: #e60012;}
.txt-clr-white{color: #fff;}
.txt-clr-black {color: #000 !important;}
/* 文字装飾 */
.txt-underline {text-decoration: underline !important;}
.txt-bold {font-weight: bold;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.txt-left{text-align: left;}
/* リスト */
.list-disc {margin: 0 0 0.5em 1.5em;}
.list-disc li {list-style: disc !important;}
.list-num{margin: 0 0 0.5em 1.5em;}
.list-num li {list-style-type: decimal !important;}
.list-num-maru{margin: 0 0 0.5em 1em;}
.list-num-maru li{list-style-type: none!important;text-indent: -1em;}

/* フォントサイズ（大/中/小） */
.font-biggest {font-size: 3.1rem !important;line-height: 1.4!important;}
.font-bigger {font-size: 2.4rem !important;line-height: 1.4 !important;}
.font-big {font-size: 2rem !important;line-height: 1.4 !important;}
.font-small {font-size: 1.4rem !important;line-height: 1.4 !important;}
.txt-indent{text-indent: -1em;margin-left: 1em;}
/* 余白 */
.mgT60 {margin-top: 60px !important;}
.mgT50 {margin-top: 50px !important;}
.mgT40 {margin-top: 40px !important;}
.mgT30 {margin-top: 30px !important;}
.mgT20 {margin-top: 20px !important;}
.mgB90 {margin-bottom: 90px !important;}
.mgB60 {margin-bottom: 60px !important;}
.mgB30 {margin-bottom: 30px !important;}
.mgB20 {margin-bottom: 20px !important;}
.mgB10 {margin-bottom: 10px !important;}
.mgB0 {margin-bottom: 0 !important;}
.mgL1em {margin-left: 1em;}
    @media screen and (max-width: 640px) {
    .mgT60 {margin-top: 30px !important;}
    .mgT50 {margin-top: 25px !important;}
    .mgT40 {margin-top: 20px !important;}
    .mgT30 {margin-top: 15px !important;}
    .mgT20 {margin-top: 10px !important;}
    .mgB90 {margin-bottom: 45px !important;}
    .mgB60 {margin-bottom: 30px !important;}
    .mgB30 {margin-bottom: 15px !important;}
    }

/* dpointclub 共通css競合style上書き:common_wide.css,common_small.css */
#inner_header #logo_header a {line-height: 1;}
#inner_header #logo_header img {vertical-align: top;}
#inner_footer small {margin-bottom: 180px !important;}
#load_lower, #load_lower_another {background-color: #fff !important;}
#load_back_button_simple, #load_back_button_poinko {border-top: solid 15px #fff;}
.bc_ulp {letter-spacing: 0;}
	@media screen and (max-width: 640px) {#inner_footer small {margin-bottom: 100px !important;}}
	@media screen and (max-width: 768px) {#load_back_button_simple{padding-bottom: 80px;}}
/*共通 見出しタイトル（大）：H2*/
.ttl-cp_h2 {font-size: 3.2rem;font-weight: 900;letter-spacing: 0.25rem; color: #e60012; text-align: center; margin-bottom: 1.5rem;}
/*共通 見出しタイトル（中）：H3*/
.ttl-cp_h3 {font-size: 2.5rem;font-weight: 900;letter-spacing: 0.2rem; color: #e60012;}

/*コンテンツ大枠*/
#cp-wrap  {background: url("../image/bg_main.png")top center #132e2e; background-repeat: repeat;word-break: break-all;}
#cp-wrap p {font-size: 1.6rem;}
#cp-wrap a:link, #cp-wrap a:active, #cp-wrap a:visited {color: #89482e;text-decoration: none;}
#cp-wrap a:hover {opacity: 0.9;transition: .2s;}
#cp-wrap a {border: 0;word-break: break-all;}
#cp-wrap a:focus, #cp-wrap button:focus {outline: 2px dashed #89482e;}
#cp-wrap img {image-rendering: -webkit-optimize-contrast;}

/*======================================*/
/* 3＿main   */
/*======================================*/

/* === メインビジュアルエリア === */
#mv-wrap {position: relative;background: url("../image/bg_mv.png") repeat-x bottom center #132e2e; min-height: 717px;}
#mv-wrap::before{position: absolute;content: "";bottom:0; left: 0; width:246px; height:717px; background: url("../image/mv_bg_l.png") no-repeat bottom left; z-index:0;}
#mv-wrap::after{position: absolute;content: "";bottom:0; right: 0; width:232px; height:717px; background: url("../image/mv_bg_r.png") no-repeat bottom right;z-index: 0;}

#mv-wrap .inner {width: 980px;position: relative;}
#mv-wrap figure.mv{ z-index:3 !important; position: absolute;}
#mv-wrap figure img {display: block; margin: 0 auto;width: 100%;}

#mv-wrap .inner .fallleefs {
position: absolute;
content: "";
width: 100%;
height: 70px;
z-index: 3;
top: 0;
left: 0;
}
.fallleefs figure{ z-index:2 !important; position: absolute;}
.fallleefs figure.fallleef01 {
width: 40px;
height: 38px;
background: url(../image/falll-snow-en02.png) left top no-repeat;
animation: fallleef01 15s linear infinite;
}
.fallleefs figure.fallleef02 {
width: 40px;
height: 38px;
background: url(../image/falll-snow-en02.png) left top no-repeat;
animation: fallleef02 12s linear infinite;
}
.fallleefs figure.fallleef03 {
width: 40px;
height: 38px;
background: url(../image/fall-snow.png) left top no-repeat;
animation: fallleef03 10s linear infinite;
}
.fallleefs figure.fallleef04 {
width: 34px;
height: 34px;
background: url(../image/fall-snow-mini.png) left top no-repeat;
animation: fallleef04 12s linear infinite;
}
.fallleefs figure.fallleef05 {
width: 40px;
height: 38px;
background: url(../image/falll-snow-en02.png) left top no-repeat;
animation: fallleef05 15s linear infinite;
}
.fallleefs figure.fallleef06 {
width: 34px;
height: 34px;
background: url(../image/fall-snow-mini.png) left top no-repeat;
animation: fallleef06 9s linear infinite;
}
.fallleefs figure.fallleef07 {
width: 40px;
height: 38px;
background: url(../image/falll-snow-en02.png) left top no-repeat;
animation: fallleef07 15s linear infinite;
}
.fallleefs figure.fallleef08 {
width: 40px;
height: 38px;
background: url(../image/falll-snow-en02.png) left top no-repeat;
animation: fallleef08 10s linear infinite;
}
@keyframes fallleef01 {0% { left: 10%; top: 0px;transform: rotate(0deg);}100% { left: 10%; top:590px;transform: rotate(360deg);}}
@keyframes fallleef02 {0% { left: 20%; top: 0px;transform: rotate(0deg);}100% { left: 20%; top: 590px;transform: rotate(360deg);}}
@keyframes fallleef03 {0% { left: 34%; top: 100px;transform: rotate(0deg);}100% { left:34%; top: 540px;transform: rotate(360deg);}}
@keyframes fallleef04 {0% { left: 60%; top: 150px;transform: rotate(0deg);}100% { left: 60%; top: 540px;transform: rotate(360deg);}}
@keyframes fallleef05 {0% { left: 78%; top: 0px;transform: rotate(0deg);}100% { left:78%; top: 540px;transform: rotate(360deg);}}
@keyframes fallleef06 {0% { left: 50%; top: 0px;transform: rotate(0deg);}100% { left:50%; top: 510px;transform: rotate(360deg);}}
@keyframes fallleef07 {0% { left: 45%; top: 0px;transform: rotate(0deg);}100% { left: 45%; top: 520px;transform: rotate(360deg);}}
@keyframes fallleef08 {0% { left: 25%; top: 140px;transform: rotate(0deg);}100% { left: 25%; top: 520px;transform: rotate(360deg);}}

/* === メインエリア === */
#cp-wrap main .inner {max-width: 900px; padding: 2.5rem 3rem; background-color: #f5cf7b; color: #132e2e;font-weight: bold;}
#cp-se01, #cp-se02, #cp-se03 {padding-top: 0; }
#cp-se02 p, #cp-se03 p {text-align: center; font-size: 2rem; font-weight: 700; letter-spacing: 0.2rem;margin-bottom:2rem;}

/* se01：特典内容 */
#cp-se01 {position: relative;}
#cp-se01 h2 {display: none;}/* mvtitle-in_非表示 */
#cp-se01 figure {margin: auto;}
#cp-se01 figure img {max-width: 780px; width: 100%;margin: 0 auto;}

/* se02：特典付与条件 */
#cp-se02 ol {position: relative; max-width: 680px;margin: 0 auto;background-color: #132e2e;border-radius: 4px;padding: 3rem 3rem 1.6rem 3rem;display: flex;justify-content: center;}
#cp-se02 ol li {margin: 0 1rem;font-weight: bold;font-size: 1.9rem;line-height: 1.3;text-align: center;}
#cp-se02 ol li:last-child {margin-left:0rem;}
#cp-se02 ol li figure {margin-bottom: 1rem;}
#cp-se02 ol li figure img {width: 100%; display: block;}
#cp-se02 ol li span {font-size: 1.5rem;display: block;margin-top: 0.5rem;}

/* se03：キャンペーン詳細 */
#cp-se03 p {font-size: 1.6rem;text-align: left;letter-spacing: 0rem;margin-bottom: 2.5rem;}
#cp-se03 .whats-denq_wrap{background: url("../image/bg_cp03.png") no-repeat bottom center;background-position: center center;}
.whats-denq {max-width:560px;margin: 0 auto 4rem auto; padding: 2rem 3rem;text-align: center;background: #132e2e; border-radius: 4px; color: #f5cf7b;}
.whats-denq h3 {color: #f5cf7b;}
.whats-denq img {max-width:458px; width: 100%;}
.whats-denq p{ font-weight: bold !important;text-align: center !important;margin-bottom: 1.5rem !important;}
.whats-denq span{font-size: 1.4rem;margin-top: 1.5rem;display: block;}
#cp-se03 a {text-decoration: underline;}
#cp-se03 dt {font-size: 1.7rem; margin-bottom: 0.25rem;}
#cp-se03 dd a:link, #cp-se03 dd a:active, #cp-se03 dd a:visited {color: #132e2e;text-decoration: underline;}
#cp-se03 dd a:hover {opacity: 0.9;transition: .2s;text-decoration: none;}
#cp-se03 dd {display: block;margin-bottom: 1em; font-size: 1.55rem;}
dl.line-none {margin-top: 0 !important;}
dl.line-none dt {border-top: 0 !important;padding-top: 0 !important;font-weight: normal !important;font-size: 1.6rem;}
dl.line-none dd{border: 0 !important;padding-bottom: 0 !important;margin-bottom: 0 !important;}

/* キャンペーン用SNSボタン */
#cp-sns {padding: 2rem 0 4rem 0;}/*本番用*/
#cp-sns .inner {background-color: #132e2e !important;  padding: 2rem 0 4rem 0;}/*本番用*/
 
.sns-wrap{display: flex;flex-wrap:wrap;align-items: center;width: 40%;margin:0 auto;}
.sns-wrap li {font-size: 1.4rem;width:33%;text-align: center;flex-grow: 1;}
.sns-wrap li:hover {opacity: 0.8;transition: .2s;}
.sns-wrap a {display: block;color: #fff !important;padding: 0.8rem 0;}
.sns-wrap .twitter {background-color: #000;}
.sns-wrap .facebook {background-color: #3b5999;}
.sns-wrap .line {background-color: #00c300;}

/*footer固定アンケートサイト誘導ボタン*/
.fixedfooter_original {
position: fixed;
bottom: 0;
width: 100%;
height: 145px;
background: rgba(26, 2, 2, 0.95);
text-align: center;
z-index: 99;
}
.fixedfooter_original a.entry  {
display: flex;
justify-content: center;align-items: center;
position: relative;
top: 25px;
max-width: 500px;
height: 75px;
vertical-align: middle;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 3rem;
font-weight: bold;
background: #a10f0f;
padding: 2.7rem 2rem;
border-radius: 10px;
line-height: 1;
}
.entry::after{
content: "";
position: absolute;
right: 4rem;
width: 44px;
height: 44px;
background: url("../image/click.png") no-repeat center center;
}
.fixedfooter_original a.entry:hover {opacity: 0.8; transition: .2s;}
.fixedfooter_original a.entry  small {display: block;font-size: 18px;}
.fixedfooter_original a.entry  span {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1.4;font-weight: 500;}

/*======================================================*/
/*(SP（タブレット以下 ipadmini）)media only screen and ( max-width : 768px )
=======================================================*/
@media screen and (max-width: 768px) {
body {font-size: 1.4rem;}
.inner {width: 92%; padding: 0;}
.only_pc {display: none !important;}
.only_sp {display: block !important;}	
.ttl-cp_h2 img {max-width: 464px; width: 90%;}
#mv-wrap {min-height: auto;}
#mv-wrap .inner {width: 100%; padding: 0;}
#mv-wrap::before, #mv-wrap::after{display: none;}
#mv-wrap figure.mv{ z-index:3 !important; position: static;}
.fallleefs figure{background-size: 70% !important;}
@keyframes fallleef01 {0% { left: 10%; top: 0px;transform: rotate(0deg);}100% { left: 10%; top:340px;transform: rotate(360deg);}}
@keyframes fallleef02 {0% { left: 20%; top: 0px;transform: rotate(0deg);}100% { left: 20%; top: 340px;transform: rotate(360deg);}}
@keyframes fallleef03 {0% { left: 34%; top: 100px;transform: rotate(0deg);}100% { left:34%; top: 340px;transform: rotate(360deg);}}
@keyframes fallleef04 {0% { left: 60%; top: 150px;transform: rotate(0deg);}100% { left: 60%; top: 340px;transform: rotate(360deg);}}
@keyframes fallleef05 {0% { left: 78%; top: 0px;transform: rotate(0deg);}100% { left:78%; top: 340px;transform: rotate(360deg);}}
@keyframes fallleef06 {0% { left: 50%; top: 0px;transform: rotate(0deg);}100% { left:50%; top: 330px;transform: rotate(360deg);}}
@keyframes fallleef07 {0% { left: 45%; top: 0px;transform: rotate(0deg);}100% { left: 45%; top: 330px;transform: rotate(360deg);}}
@keyframes fallleef08 {0% { left: 25%; top: 140px;transform: rotate(0deg);}100% { left: 25%; top: 340px;transform: rotate(360deg);}}

#cp-wrap main .inner {padding:0.5rem 1.5rem;}
#cp-se02 .ol-wrap {
background: url(../image/bg_cp02.png) no-repeat bottom center;
background-size: 100%;
padding:  0;
}
#cp-se02 ol {width: 92%;}
#cp-se02 ol li figure img {width: 94%;margin-left: 6%;}
#cp-se02 ol::after{right: -10px; bottom: -4rem; background-size: 70%;}
.whats-denq {width: 92%;}
.whats-denq h3 br {display: none !important;}
#cp-se03 dt {font-size: 1.6rem!important;}
#cp-se03 dd, dl.line-none dt {font-size: 1.4rem!important;}
.catesns-wrap .sns-wrap{width: 100%;}
.sns-wrap {width: 100%;}
.sns-wrap li {font-size: 1.3rem;}
.catesns-wrap .sns-wrap a {padding: 0.5rem 0;}
.fixedfooter_original {height: 95px;}
.fixedfooter_original a.entry  {width: 80%;height: 50px;font-size: 1.65rem;padding: 0;top: 15px;}
.fixedfooter_original a.entry::after {right: 1.8rem;background-size: 32px 32px;}
}/*End_media only_max-width : 768px*/

/*======================================================*/
/*(SP)media only screen and ( max-width :640px ) ipad-mini除外用
=======================================================*/
@media only screen and ( max-width : 640px ) {
.ttl-cp_h2 {font-size: 2.5rem;line-height: 1.3;margin-bottom:0.5rem;}
.ttl-cp_h2 img {max-width: 464px; width: 84%;}
.ttl-cp_h3 { font-size: 2.1rem;line-height: 1.2;margin-bottom: 1rem;}
#cp-se01 p, #cp-se02 p, #cp-se03 p {font-size: 1.5rem;margin-bottom: 1.5rem;}
#cp-se01 h2 {font-size: 2.3rem;letter-spacing: 0.1rem;margin-bottom: 0.3rem;}
#cp-se01 p {font-size: 2rem;}
#cp-se02 ol {padding: 2rem 1rem 1rem 1rem;}
#cp-se02 ol li {margin: 0;font-size: 1.4rem;letter-spacing: 0rem;}
#cp-se02 ol li span {font-size: 1rem;}
#cp-se03 h2 {margin-bottom: 1rem;}
#cp-se03 p {font-size: 1.4rem; margin-bottom: 2rem;}
.whats-denq {margin: 0 auto 2rem auto;padding:  2rem 1.5rem;}
.whats-denq h3 br {display: block !important;}
.whats-denq span {font-size: 1.35rem;}
}/*End_media only_max-width : 640px*/	
/*======================================================*/
/*(SP（極小スマホ）)media only screen and ( max-width :320px )
=======================================================*/
@media screen and (max-width: 320px) {
.ttl-cp_h2 {font-size: 2.4rem;}
.ttl-cp_h3 { font-size: 2rem;}

}/*End_media only_max-width : 320px*/