@charset "utf-8";
/* ==================================================
//d POINT CLUB アンケートキャンペーン 25/4月-26/3月css
  /enq/LP/campaign_202607_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")center center #ffefa0; 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: #e67800;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 #e67800;}
#cp-wrap img {image-rendering: -webkit-optimize-contrast;}

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

/* === メインビジュアルエリア === */
#mv-wrap {position: relative;; background: url("../image/bg_mv.png") repeat-x bottom center #e48104 ;min-height: 633px;z-index:0;}
#mv-wrap::before{position: absolute;content: "";bottom:0; left: 0; width:282px; height:633px; background: url("../image/mv-flag-l.png") no-repeat bottom left; z-index:1;}
#mv-wrap::after{position: absolute;content: "";bottom:0; right: 0; width:269px; height:633px; background: url("../image/mv-flag-r.png") no-repeat bottom right;z-index: 1;}

#mv-wrap .inner {position: relative; width: 980px; z-index:3!important;}
#mv-wrap .inner .fallstars {
position: absolute;
content: "";
width: 100%;
height: 37px;
z-index:3!important;
top: 0;
left: 0;
}
.fallstars figure.fallstar00 {
width: 40px;
height: 40px;
background: url(../image/fall-star02.png) left top no-repeat;
animation: fallstar00 12s ease-in-out infinite;
}
.fallstars figure{ z-index:2 !important; position: absolute;}
.fallstars figure.fallstar01 {
width: 32px;
height: 32px;
background: url(../image/fall-star01.png) left top no-repeat;
animation: fallstar01 7s ease-in-out infinite;
}
.fallstars figure.fallstar02 {
width: 40px;
height: 40px;
background: url(../image/fall-star02.png) left top no-repeat;
animation: fallstar02 12s ease-in-out infinite;
}
.fallstars figure.fallstar03 {
width: 28px;
height: 28px;
background: url(../image/fall-star03.png) left top no-repeat;
animation: fallstar03 10s ease-in-out infinite;
}
.fallstars figure.fallstar04 {
width: 32px;
height: 32px;
background: url(../image/fall-star01.png) left top no-repeat;
animation: fallstar04 7s ease-in-out infinite;
}
.fallstars figure.fallstar05 {
width: 40px;
height: 40px;
background: url(../image/fall-star02.png) left top no-repeat;
animation: fallstar05 12s ease-in-out infinite;
}
.fallstars figure.fallstar06 {
width: 28px;
height: 28px;
background: url(../image/fall-star03.png) left top no-repeat;
animation: fallstar06 10s ease-in-out infinite;
}
.fallstars figure.fallstar07 {
width: 40px;
height: 40px;
background: url(../image/fall-star02.png) left top no-repeat;
animation: fallstar07 12s ease-in-out infinite;
}
.fallstars figure.fallstar100 {
width: 40px;
height: 40px;
background: url(../image/fall-star02.png) left top no-repeat;
animation: fallstar100 12s ease-in-out infinite;
}
@keyframes fallstar00 {0% { left: 0%; top: 80px;transform: rotate(0deg);}100% { left: 0%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar01 {0% { left: 12%; top:40px;transform: rotate(0deg);}100% { left: 12%; top:550px;transform: rotate(360deg);}}
@keyframes fallstar02 {0% { left: 20%; top: 190px;transform: rotate(0deg);}100% { left: 20%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar03 {0% { left: 31%; top: 300px;transform: rotate(0deg);}100% { left:31%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar100 {0% { left: 48%; top: 5px;transform: rotate(0deg);}100% { left: 48%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar04 {0% { left: 60%; top:20px;transform: rotate(0deg);}100% { left: 60%; top:550px;transform: rotate(360deg);}}
@keyframes fallstar05 {0% { left: 70%; top: 80px;transform: rotate(0deg);}100% { left: 70%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar06 {0% { left: 85%; top: 10px;transform: rotate(0deg);}100% { left:85%; top: 550px;transform: rotate(360deg);}}
@keyframes fallstar07 {0% { left: 98%; top: 98px;transform: rotate(0deg);}100% { left: 98%; top: 550px;transform: rotate(360deg);}}
#mv-wrap figure.mv{position: absolute; z-index:3!important;}
#mv-wrap figure img {display: block; margin: 0 auto;width: 100%;}
/* === メインエリア === */
#cp-wrap main .inner {max-width: 980px; padding: 2.5rem 3rem; color: #e67800;font-weight: bold; z-index: 3;}
#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: 753px; width: 100%;margin: 0 auto;}

/* se02：特典付与条件 */
#cp-se02 .join_wrap img {max-width:728px; width: 100%; margin: 0 auto;display: block;}

/* se03：キャンペーン詳細 */
#cp-se03 p {font-size: 1.6rem;text-align: left;letter-spacing: 0rem;margin-bottom: 2.5rem;}
#cp-se03 .whats-denq_wrap img {max-width:838px; width: 100%; margin: 0 auto 6rem auto;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: #e67800;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: #ffefa0 !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(255, 210, 0, 0.90);
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: #f08200;
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: 94%; padding: 0;}
.only_pc {display: none !important;}
.only_sp {display: block !important;}	
.ttl-cp_h2 img {max-width: 352px; width: 80%;}
#mv-wrap {min-height: auto;}
#mv-wrap .mv-wrap-middlebg {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;}
.fallstars figure{background-size: 100%}
.fallstars figure.fallstar04, .fallstars figure.fallstar05, .fallstars figure.fallstar06, .fallstars figure.fallstar100 {display: none !important;}
@keyframes fallstar00 {0% { left: 10%; top: 80px;transform: rotate(0deg);}100% { left: 10%; top: 380px;transform: rotate(360deg);}}
@keyframes fallstar01 {0% { left: 30%; top:40px;transform: rotate(0deg);}100% { left:30%; top:380px;transform: rotate(360deg);}}
@keyframes fallstar02 {0% { left: 67%; top: 112px;transform: rotate(0deg);}100% { left: 67%; top: 380px;transform: rotate(360deg);}}
@keyframes fallstar03 {0% { left: 80%; top: 0px;transform: rotate(0deg);}100% { left:80%; top: 380px;transform: rotate(360deg);}}
@keyframes fallstar07 {0% { left: 45%; top: 0px;transform: rotate(0deg);}100% { left: 45%; top: 380px;transform: rotate(360deg);}}
/*@keyframes fallstar04 {0% { left: 60%; top:20px;transform: rotate(0deg);}100% { left: 60%; top:380px;transform: rotate(360deg);}}
@keyframes fallstar05 {0% { left: 70%; top: 80px;transform: rotate(0deg);}100% { left: 70%; top: 380px;transform: rotate(360deg);}}
@keyframes fallstar06 {0% { left: 80%; top: 10px;transform: rotate(0deg);}100% { left:80%; top: 380px;transform: rotate(360deg);}}
@keyframes fallstar07 {0% { left: 90%; top: 98px;transform: rotate(0deg);}100% { left: 90%; top: 380px;transform: rotate(360deg);}}*/
#cp-wrap  { background-size: 120%;}

#cp-wrap main .inner {padding:0.5rem 1.5rem;}
#cp-wrap main #cp-se01 .inner {padding:0 1.5rem;}
/*#cp-se02 {padding-top: 12%;}*/
#cp-se02 p {margin-top: -1rem;}
#cp-se02 .join_wrap img {margin: 0 auto 2rem auto;}
.whats-denq_wrap {width: 100%;}
.catesns-wrap .sns-wrap{width: 100%;}
#cp-se03 .whats-denq_wrap img {margin: 0 auto 2rem auto;}
#cp-se03 dd {font-size: 1.4rem; line-height: 1.4;}
.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: 2rem; letter-spacing: 0; 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-se03 h2 {margin-bottom: 1rem;}
#cp-se03 p {font-size: 1.4rem; margin-bottom: 2rem;}

}/*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*/