@charset "utf-8";
/* ==================================================
//d POINT CLUB ｄ払いｘアンケートキャンペーンcss
  /enq/LP/campaign_202510/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: 600; 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%;
	}
	@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: #444; text-align: center; margin-bottom: 2rem;}
/*共通 見出しタイトル（中）：H3*/
.ttl-cp_h3 {font-size: 2.5rem;font-weight: 900;letter-spacing: 0.2rem; color: #444;}

/*コンテンツ大枠*/
#cp-wrap {background: #000000; position: relative;color: #f0ad5e;}
#cp-wrap a:link, #cp-wrap a:active, #cp-wrap a:visited {color: #000000;text-decoration: none;}
#cp-wrap a:hover {opacity: 0.9;transition: .2s;}
#cp-wrap a {border: 0;}
/*#cp-wrap a:focus, #cp-wrap button:focus {outline: 2px dashed #000000;}*/
#cp-wrap img {image-rendering: -webkit-optimize-contrast;}

/*======================================*/
/* 3＿main   */
/*======================================*/  
/* === メインビジュアルエリア === */
#mv-wrap {position: relative; height: 780px; background: url("../image/mv_bg-all.png") no-repeat; background-size: cover;z-index:0;}
#mv-wrap .mv-wrap-rp {position: relative; height: 780px; background: url("../image/mv_bg-rp.png") repeat-x; z-index:1;}
#mv-wrap .inner {width: 980px; position: relative;}
#mv-wrap figure {position: absolute; z-index:3!important; display: block; margin: 0 auto;/*width: 100%;*/}
#mv-wrap figure img {display: block; margin: 0 auto;max-width: 100%; width: 100%; vertical-align: text-bottom;}
#mv-wrap::before{position: absolute;content: "";bottom:0; left: 0; width:218px; height:780px; background: url("../image/mv-tree_l.png") no-repeat bottom left; z-index:1;}
#mv-wrap::after{position: absolute;content: "";bottom:0; right: 0; width:185px; height:780px; background: url("../image/mv-tree_r.png") no-repeat bottom right;z-index: 1;}

#mv-wrap .inner .falllamps {
position: absolute;
content: "";
width: 100%;
height: 106px;
z-index:3!important;
top: 0;
left: 0;
}
.falllamps figure.falllamp01 {
width: 74px;
height: 106px;
background: url(../image/fall-lamp.png) left top no-repeat;
animation: falllamp01 6s ease-in infinite alternate both;
}
.falllamps figure{ z-index:2 !important; position: absolute;}
.falllamps figure.falllamp02 {
width: 74px;
height: 106px;
background: url(../image/fall-lamp.png) left top no-repeat;
animation: falllamp02 6s ease-in infinite alternate both;
}
@keyframes falllamp01 {0% { left: 4%; top: 270px;transform: rotate(0deg);}100% { left:4%; top:290px;transform: rotate(0deg);}}
@keyframes falllamp02 {0% { left: 84%; top:400px;transform: rotate(0deg);}100% { left: 84%; top:420px;transform: rotate(0deg);}}

/* === メインエリア === */
#cp-wrap section.bg_main-sec01, #cp-wrap section.bg_main-sec02{position: relative;z-index: 1 !important;}

#cp-wrap section.bg_main-sec01::before {
position: absolute; left: 0 ;top:0;content: ""; width: 286px; height:388px; background: url("../image/bg_main_sec01-left.png") no-repeat top left;
animation:bg_main_sec01-left 2s ease-in infinite alternate both;z-index: -1 !important;}

#cp-wrap section.bg_main-sec01::after {
position: absolute; right: 0 ;top: 0;content: ""; width: 358px; height: 387px; background: url("../image/bg_main_sec01-right.gif") no-repeat top right;
animation:bg_main_sec01-right 2s ease-in infinite alternate both;z-index: -1 !important;}
@keyframes bg_main_sec01-left{0% {transform:translate(0,0px);}100% {transform:translate(0,10px);}}
@keyframes bg_main_sec01-right{0% {transform:translate(0,10px);}100% {transform:translate(0,0px);}}

#cp-wrap section.bg_main-sec02::before {
position: absolute; left: 0 ;top:0;content: ""; width: 358px; height: 387px; background: url("../image/bg_main_sec02-left.gif") no-repeat top left;
animation:bg_main_sec02-left 2s ease-in infinite alternate both;z-index: -1 !important;}
#cp-wrap section.bg_main-sec02::after {
position: absolute; right: 0 ;top: 0;content: ""; width: 286px; height:388px; background: url("../image/bg_main_sec02-right.png") no-repeat top right;
animation:bg_main_sec02-right 2s ease-in infinite alternate both;z-index: -1 !important;}

@keyframes bg_main_sec02-left{0% {transform:translate(0,10px);}100% {transform:translate(0,0px);}}
@keyframes bg_main_sec02-right{0% {transform:translate(0,0px);}100% {transform:translate(0,10px);}}

#CP-SE01 .inner {background: none !important;}
/*#CP-SE01 .bg-box {background: url("../image/join_bg.gif") no-repeat top center; max-width: 910px; z-index: 3 !important; margin: 0 auto;}*/
#CP-SE01 .inner-wide {max-width: 960px; z-index: 4 !important; margin: 0 auto 1rem auto;}/* SP_slider用 */
#cp-wrap main #CP-SE02 .inner {background: url("../image/bg_inner-sec02.png") repeat-y top center; max-width: 960px; z-index: 3; }

#CP-SE01, #CP-SE02, #CP-SE03 {padding: 1rem 0 2rem 0;}
#CP-SE01 .inner{position: relative;}
#CP-SE01 p.caption, #CP-SE02 p.caption {font-size: 2rem;font-weight: bold; text-align: center;margin-bottom: 3.5rem;line-height: 1.7;}

/* se01：キャンペーン参加条件 */
#cp-SE01 h2 {display: none;}/* mvtitle-in_非表示 */
#CP-SE01 p.att{max-width: 910px;margin: 0 auto 0 auto;font-size: 1.5rem;text-align: center;padding-bottom: 13rem;}
#CP-SE01 ol.slider-touroku {
	position: relative;;
	z-index: 4 !important;
	display: flex;
	justify-content: center; 
	margin: 0 auto 1rem auto;
	width: 96%;
	background: url("../image/join_bg.gif") no-repeat top center; max-width: 930px; margin: 0 auto;}
#CP-SE01 ol.slider-touroku li {
	width: 33%;
	margin: 0 auto;
	position: relative;/*PC矢印用*/
}
#CP-SE01 ol.slider-touroku li figure {margin-bottom: 1rem;}
#CP-SE01 ol.slider-touroku li figure img {width: 100%;max-width: 295px; display: block; margin: 0 auto;}
#CP-SE01 ol.slider-touroku li span {font-size: 1.5rem;display: block;}

#CP-SE01 ol.slider-touroku li:nth-child(2)::before {
	position: absolute;
	top: 35%;
	left: -27px;
	content: "";
	width: 24px;
	height: 30px;
    background: url("../image/top/arrow_r.png") no-repeat !important;
	background-size: 24px !important;
	z-index: 2;
	display: block;
}
#CP-SE01 ol.slider-touroku li:nth-child(2)::after {
	position: absolute;
	top: 35%;
	right:-28px;
	content: "";
	width: 24px;
	height: 30px;
	background: url("../image/top/arrow_r.png") no-repeat !important;
	background-size: 24px !important;
	z-index: 3;
	display: block;
}

/* se02：キャンペーン参加規約 */
#CP-SE02{margin-top: -11rem !important;}
#CP-SE02 p.caption {font-size: 1.7rem;}
.whats-denq_wrap {background: url("../image/whats-denq_bg.gif") no-repeat 60% center;background-size: 910px auto; position: relative;}
.whats-denq {max-width:560px;margin: 0 auto 4rem auto; padding: 2.5rem 3rem 2rem 3rem;text-align: center;border-radius: 20px;background: #171717;color: #f08200;}
.whats-denq h3 {color: #f08200; letter-spacing: 0;}
.whats-denq img {max-width:445px; width: 100%; margin-bottom: 1rem;}
.whats-denq p{ color: #f08200; font-weight: bold;margin-bottom: 1.5rem;line-height: 1.5;font-size: 1.7rem;}
.whats-denq span{color: #f0ad5e; font-size: 1.4rem;display: block;letter-spacing: 0; font-weight: bold;}
#CP-SE02 a {text-decoration: underline;}
#CP-SE02 dl {margin-top: 1em; padding-bottom: 2rem;}
#CP-SE02 dt {font-weight: bold;font-size: 1.8rem;font-family: 'GenJyuuGothic';}
#CP-SE02 dd a:link, #CP-SE02 dd a:active, #CP-SE02 dd a:visited {color: #5cbfcd;text-decoration: underline;}
#CP-SE02 dd a:hover {opacity: 0.9;transition: .2s;;text-decoration: none;}
#CP-SE02 dd {display: block;margin-bottom: 1.5em; font-size: 1.6rem;}

/* se03：その他キャンペーン */
#CP-SE03 .other_cpn {max-width:560px;margin: 0 auto; padding: 0 3rem 3rem; text-align: center;border-radius: 20px;background: #171717;margin-bottom: 4rem;}
#CP-SE03 .other_cpn .ttl-cpn {margin-bottom: 0.5rem;}
#CP-SE03 .other_cpn h3 {color: #f0ad5e; margin-bottom: 1.5rem;letter-spacing: 0.1rem;line-height: 1.4;}
#CP-SE03 .other_cpn h3 span {color: #f0ad5e;}
#CP-SE03 .other_cpn img { display: block; max-width:300px; width: 100%;margin: 0 auto;}
#CP-SE03 .other_cpn p{ font-weight: bold;margin-bottom: 1rem;line-height: 1.6;font-size: 1.6rem;color: #f0ad5e; }

/* キャンペーン用SNSボタン */
#cp-sns {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; border: 1px solid #666;}
.sns-wrap .facebook {background-color: #3b5999;border: 1px solid #3b5999; border-left: 0;border-right: 0;}
.sns-wrap .line {background-color: #00c300;border: 1px solid #00c300; border-left: 0;border-right: 0;}

/*footer固定アンケートサイト誘導ボタン*/
.fixedfooter_original {	
position: fixed;
bottom: 0;
width: 100%;
height: 145px;
background: rgba(255, 255, 255, 0.85);
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: #50005f;
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.9; 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: 384px; width: 80%;}

#mv-wrap .inner {width: 100%; padding: 0;}
#mv-wrap{padding: 0; background: none;height: auto; min-height: auto;}
#mv-wrap figure{ z-index:3 !important; position: static;}
#mv-wrap .mv-wrap-rp {height:80%;;background: none;}
#mv-wrap::before, #mv-wrap::after{display: none;}

#mv-wrap .inner .falllamps {
position: absolute;
content: "";
z-index:3!important;
top: 0;
left: 0;
}
.falllamps figure.falllamp01 {
position: absolute !important;
width: 60px;
height: 60px;
background: url(../image/fall-lamp.png) left top no-repeat;
background-size: 80%;
animation: falllamp01 4s ease-in infinite alternate both;
}
.falllamps figure{ z-index:2 !important; position: absolute;}
.falllamps figure.falllamp02 {
position: absolute !important;
width: 60px;
height: 60px;
background: url(../image/fall-lamp.png) left top no-repeat;
background-size: 80%;
animation: falllamp02 4s ease-in infinite alternate both;
}
@keyframes falllamp01 {0% { left: 2%; top: 30px;transform: rotate(0deg);}100% { left:2%; top:50px;transform: rotate(0deg);}}
@keyframes falllamp02 {0% { left: 82%; top:400px;transform: rotate(0deg);}100% { left: 82%; top:380px;transform: rotate(0deg);}}

#cp-wrap section.bg_main-sec01::before{background-size: 100%; width:114px; height: 128px;}
#cp-wrap section.bg_main-sec01::after {background-size: 100%; width:114px; height: 134px;}
#cp-wrap section.bg_main-sec02::before {background-size: 100%; width:114px; height: 134px;}
#cp-wrap section.bg_main-sec02::after {background-size: 100%; width:114px; height: 128px;}
#cp-wrap section.bg_main-sec03::before { left: 0 ;top:20%;}
#cp-wrap section.bg_main-sec03::after {right: 0 ;top:20%;}
#cp-wrap main .inner, #CP-SE01 .bg-box  {background: none;}
#cp-wrap main #CP-SE02 .inner {background: url("../image/bg_inner-sec02_sp.png") 30% center;background-size: 100%;}

/* SE01：キャンペーン参加条件*/
#cp-SE01 h2 {display: none;}/* mvtitle-in_非表示 */
#CP-SE01.inner-wide {width: 100%; padding: 0;z-index: 3 !important; } /* SP_slider用 */
#CP-SE01 ol.slider-touroku {margin: 0 auto;}
#CP-SE01 ol.slider-touroku li:nth-child(2)::before {left: -9px;}
#CP-SE01 ol.slider-touroku li:nth-child(2)::after {right: -15px;}

#CP-SE01 ol.slider-touroku li {width: 100%;margin: 0 0;}
#CP-SE01 ol.slider-touroku li figure {padding: 0 2%;}
#CP-SE01 .slick-prev, #CP-SE01 .slick-next {top: -10% !important;}
#CP-SE01 .slick-slide{ height:auto!important; }
#CP-SE01 .slick-arrow{position: absolute;top: 0;bottom: 0;margin: auto;}	
#CP-SE01 .slick-next{ right:20%!important;width: 34px;height: 34px;z-index: 2;}
#CP-SE01 .slick-prev{ left:20%!important;width: 34px;height: 34px;z-index: 2;}
#CP-SE01 .slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top:100%;left: 0;
	}
#CP-SE01 .slick-next:before{background: url("../image/arrow_r.png") no-repeat !important; opacity: 1; background-size: contain !important;}
#CP-SE01 .slick-prev:before{background: url("../image/arrow_l.png") no-repeat!important; opacity: 1;background-size: contain !important;}

#CP-SE02{margin-top: 0 !important; padding: 1rem 0 0rem 0;}
#CP-SE02 .inner {padding-bottom: 2em;}
#CP-SE02 dl {padding-bottom: 0rem;}
#CP-SE03{padding-top: 0 !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: 110px;}
.fixedfooter_original a.entry  {width: 80%;height: 50px;font-size: 1.6rem;padding: 0;top: 25px;}
.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 ) {

/*共通 見出しタイトル（大）：H2*/
.ttl-cp_h2 {font-size: 2.5rem;line-height: 1.3;}
/*共通 見出しタイトル（中）：H3*/
.ttl-cp_h3 { font-size: 2rem;line-height: 1.3;}
#CP-SE01 {padding:0 0 2rem 0;}
#CP-SE01 p.caption {font-size: 1.7rem;margin-bottom: 1.5rem;line-height: 1.6;}
#CP-SE01 p.att {font-size: 1.3rem;margin-left: 0;line-height: 1.5;padding-bottom: 0}
#CP-SE01 ol.slider-touroku {width: 100%; padding: 0;border-radius: 0;overflow: hidden;position: relative; background-size: 60%;}

#CP-SE02 .ttl-cp_h2{margin-bottom: 1.5rem;}
#CP-SE02 p.caption {font-size: 1.55rem; letter-spacing: 0rem; margin-bottom: 1rem;}
#CP-SE01 ol {padding: 0;}
#CP-SE02 dl {line-height: 1.5; letter-spacing: 0;}
#CP-SE02 dt {font-size: 1.5rem;}
#CP-SE02 dd {margin-bottom: 0.5em; font-size: 1.4rem;}
.whats-denq {margin: 0 auto 2rem auto;padding:  2rem;}
.whats-denq h3{font-size: 2.2rem;}
.whats-denq p{font-size: 1.5rem;}
.whats-denq span{font-size: 1.3rem;}
#CP-SE03 .other_cpn {margin-bottom: 0;}
#CP-SE03 .other_cpn .ttl-cpn img {max-width: 240px;}
#CP-SE03 .other_cpn {width: 100%;padding: 0 2rem 0rem;}
    .overlay_con-wrap .c-check label{margin-top: 20px;}
}/*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;}
#CP-SE01 ol.slider-touroku {padding: 2rem 0;}
#CP-SE01 ol.slider-touroku li {font-size: 1.5rem;}
#CP-SE01 ol.slider-touroku li span {font-size: 1.3rem;}
}/*End_media only_max-width : 320px*/

/*======================================================*/
/*modal・エントリーの指定
/*(SP)タブレット以下
=======================================================*/
.c-entry {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgba(27, 0, 32, 0.97);
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	z-index: 99;
	padding-top: 0.8rem;
	height: 98px;
}
.active {opacity: 1;visibility: visible;}
.c-entry--active{width: 100%;}
.c-entry--btn, .c-entry--active a {
	display: flex;
	justify-content: center;align-items: center;
	position: relative;
	width: 80%;
	height: 48px;
	font-size: 2rem;
	padding: 0;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
	font-weight: bold;
	background: #444444;
	border-radius: 4px;
	line-height: 1;
}
.c-entry--active a {color: #f89318;background: #50005f;}
.c-entry--btn::after, .c-entry--active a::after {
	content: "";
	position: absolute;
	width: 44px;
	height: 44px;
	background: url("../image/click_off.png") no-repeat center center;
	right: 1rem;background-size: 32px 32px;
	}
	.c-entry--active a::after {
	background: url("../image/click.png") no-repeat center center;background-size: 32px 32px;}
	.c-entry--active a:hover {text-decoration: none;}

/* チェックボックスとテキストの作成 */
.c-check {
	width: 80%;
	line-height: 1;
	margin: 0.5rem auto 0 auto;
    top: 85%;
	}
	/*オーバーレイmodal表示のとき*/
	.overlay_con-wrap .c-check {bottom: 15vw;left: 10%;position: absolute;}
.c-check label {
	display: block;
	width: 100%;
	padding: 6px 10px 4px 30px;
	text-indent: -5.156vw;
	font-size: 3vw;
	letter-spacing: 0;
	font-weight: bold;
	border-radius: 2px;
	color: #fff;
	/*background: #ffffff;*/
	cursor: pointer;
	text-align: left;
	}
	/*オーバーレイmodal表示のとき*/
	.overlay_con-wrap .c-check label {background: none;}
.c-check label:before {
  display: inline-block;
  position: relative;
  top: -0.25vw;
  width: 3.906vw;
  height: 3.906vw;
  margin-right: 1.25vw;
  vertical-align: middle;
  content:'';
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.c-check input {display: none;}
.c-check input[type="checkbox"]:checked + label:before {background-image: url('../image/img_check.png');}
.c-check input[type="checkbox"] + label:before {background-image: url('../image/img_check_off.png');}


.c-entry input[type="checkbox"]:checked + label:before, .c-entry input[type="checkbox"] + label:before {width: 3.906vw;height: 3.906vw;}
.c-mv-btn img, .c-mv-btn-active img {max-width: 100%;width: auto;height: auto;}  
.c-entry.activecheck .c-entry--active {display: inline-block;}
.c-entry.activecheck .c-entry--btn {display: none;}
.c-entry .c-entry--btn {cursor: not-allowed}
.c-entry .c-entry--active {display: none;}
.c-footer.c-confirm-footer {padding: 20px 10px 105px;}

.c-modal-mv.active .c-mv-btn-active {display: block;}
.c-modal-mv.active .c-mv-btn {display: none;}
.c-modal-mv .c-mv-btn-active {display: none;}
.c-modal-mv .c-mv-btn {display: block; bottom: 25vw;cursor: not-allowed;}

/* チェックボックスとテキストの作成 */
.c-modal-dc {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  background-color: #ffffff;
  border-radius: 5px;
  z-index: 11;
  padding: 5.333vw 1.333vw;
  text-align: justify;
}
.c-modal-mv {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 95%;
	transform: translate(-50%, -50%);
	z-index: 11;
	}
	@media screen and (max-width:375.9px) {
	.c-modal-mv {top: 55.5%;}
	}
.c-mv-entry {position: relative; border-radius: 5px;width: 94%;margin: 0 3%;
box-shadow: 0px 0px 15px -2px #d8980e;
border-radius: 8px;
}

.c-mv-btn, .c-mv-btn-active {
  position: absolute;
  top: 77%;
  left: 8%;
  width: 84%;
  cursor: pointer;
}
.is-button-close {
  position: absolute;
  top: -50px;
  right: 10px;
  font-size: 40px;
  color: #333;
  cursor: pointer;
  border: none;
  background: none;
}
.p-button-close {
  display: block;
  position: relative;
  width: 25px;
  height: 55px;
  z-index: 11;
}

.p-button-close::before, .p-button-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px; /* 棒の幅（太さ） */
  height: 36px; /* 棒の高さ */
  background: #fff;
  border-radius:10px;
}
.p-button-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.p-button-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.c-overlay-mv {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.80);
  width: 100%;
  height: 100%;
  z-index: 10;
}
/*======================================================*/
/*modal・エントリーの指定
/*(タブレット以上～PC)media only screen and ( min-width :640px )
=======================================================*/

@media screen and (min-width:640px) {
.c-entry {height: 160px;padding-top: 1.8rem; }
.c-modal-mv {width: 480px;}
.c-mv-entry {width: 480px;
box-shadow: 0px 0px 15px 4px #d8980e;
border-radius: 8px;
}

/* チェックボックスとテキストの作成 */
.c-check { }
.overlay_con-wrap .c-check {padding-top: 1.5rem; bottom: 60px;}
.c-check label {padding: 5px 10px 5px 30px;text-indent: -23px;font-size: 14px;border-radius: 4px;letter-spacing: 0;}
	.overlay_con-wrap .c-check label {padding: 19px 10px 5px 30px;}
.c-check label:before {top: -1px;width: 26px;height: 26px;margin-right: 5px;}
.c-entry input[type="checkbox"]:checked + label:before,
.c-entry input[type="checkbox"] + label:before {width: 26px;height: 26px;}
		.c-mv-btn, .c-mv-btn-active {
  position: absolute;
  top: 77%;
  left: 12%;
  width: 84%;
  cursor: pointer;
	bottom: 100px;
}
.c-modal-mv .c-mv-btn {bottom: 100px;}
.c-entry .c-check {bottom: 1px;width: 480px;}
.c-entry .c-check label {font-size: 16px; color: #fff;}
.c-footer.c-confirm-footer {padding: 20px 10px 130px;}

/* /チェックボックスとテキストの作成 */
.c-modal-dc {padding: 34px 8.533px;width: 588px;}
.c-entry--btn, .c-entry--active a {
width: 480px;
height: 87px;
font-size: 3rem;
padding: 2.7rem 2rem;
border-radius: 10px;
}
.c-entry--active a {
width: 480px;
height: 87px;
padding: 2.7rem 2rem;
}
.c-entry--btn::after {
content: "";
position: absolute;
right: 4rem;
width: 44px;
height: 44px;
background: url("../image/click_off.png") no-repeat center center;
}
 .c-entry--active a::after {
content: "";
position: absolute;
right: 4rem;
width: 44px;
height: 44px;
background: url("../image/click.png") no-repeat center center;
}

}/*End_media only_min-width : 640px*/