@charset "utf-8";
/* ==================================================
//d POINT CLUB ｄ払いｘアンケートキャンペーンcss
  /enq/LP/campaign_202508/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;}s
.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: 1rem;}
/*共通 見出しタイトル（中）：H3*/
.ttl-cp_h3 {font-size: 2.5rem;font-weight: 900;letter-spacing: 0.2rem; color: #444;}

/*コンテンツ大枠*/
#cp-wrap {background: #89aa2e; position: relative;color: #000;}
#cp-wrap a:link, #cp-wrap a:active, #cp-wrap a:visited {color: #000000f;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;min-height: 722px;z-index:0; background: url("../image/bg_repeat") repeat-x bottom right;}
#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;width: 100%;}
#mv-wrap::before{position: absolute;content: "";bottom:0; left: 0; width:302px; height:722px; background: url("../image/mv-cloud_l.png") no-repeat bottom left; z-index:1;}
#mv-wrap::after{position: absolute;content: "";bottom:0; right: 0; width:302px; height:722px; background: url("../image/mv-cloud_r.png") no-repeat bottom right;z-index: 1;}

/* === メインエリア === */
#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.png") 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.png") 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-wrap main .inner {background: url("../image/bg_inner.png") repeat-y top center; max-width: 960px; z-index: 3 !important;}
#CP-SE01 .inner {background: none !important;}
#CP-SE01 .bg-box {background: url("../image/bg_inner.png") no-repeat top center; max-width: 960px; z-index: 3 !important; margin: 0 auto;}
#CP-SE01 .inner-wide {max-width: 960px; z-index: 4 !important; margin: 0 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: 2.5rem;line-height: 1.8;}

/* 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: 11rem;}
#CP-SE01 ol.slider-touroku {
	position: relative;;
	z-index: 4 !important;
	display: flex;
	justify-content: center; 
	margin: 0 auto 1rem auto;
	width: 96%;
}
#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.png") no-repeat 60% center;background-size: 806px 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: #fff;color: #000000;}
.whats-denq h3 {color: #000; letter-spacing: 0;}
.whats-denq img {max-width:445px; width: 100%; margin-bottom: 1rem;}
.whats-denq p{ color: #000; font-weight: bold;margin-bottom: 1.5rem;line-height: 1.5;font-size: 1.7rem;}
.whats-denq span{color: #000; 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.7rem;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.5rem;}

/* se03：その他キャンペーン */
#CP-SE03 .other_cpn {max-width:560px;margin: 0 auto; padding: 0 3rem 2.5rem; text-align: center;border-radius: 20px;background: #fff;margin-bottom: 4rem;}
#CP-SE03 .other_cpn .ttl-cpn {margin-bottom: 0.5rem;}
#CP-SE03 .other_cpn h3 {color: #000; margin-bottom: 1rem;letter-spacing: 0.1rem;line-height: 1.4;}
#CP-SE03 .other_cpn h3 span {color: #f82527;}
#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: #000; }

/* キャンペーン用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;}
.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, 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: #48c3f6;
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::before, #mv-wrap::after{display: none;}
#mv-wrap figure{ z-index:3 !important; position: static;}
#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: url("../image/bg_inner_sp.png") center bottom no-repeat; background-size: 108%;}
#cp-wrap main #CP-SE02 .inner {background: url("../image/bg_inner-sec02_sp.png");background-size: 100%;}

#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;}

/* 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;}

#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 .ttl-cpn img {max-width: 240px;}
#CP-SE03 .other_cpn {width: 100%;padding: 0 2rem 2rem;}
    .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(255, 255, 255, 0.82);
	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: #fff;background: #48c3f6;}
.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: #000;
	background: #ffffff;
	cursor: pointer;
	text-align: left;
	}
	/*オーバーレイmodal表示のとき*/
	.overlay_con-wrap .c-check label {background: #fff;}
.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: 100%;}

.c-mv-btn, .c-mv-btn-active {
  position: absolute;
  top: 74%;
  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.65);
  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: 138px;padding-top: 1.5rem; }
.c-modal-mv {width: 380px;}
.c-mv-entry {width: 380px;}

/* チェックボックスとテキストの作成 */
.c-check { }
	.overlay_con-wrap .c-check {padding-top: 1.5rem; bottom: 60px;}
.c-check label {padding: 7px 10px 5px 30px;text-indent: -23px;font-size: 12px;border-radius: 4px;letter-spacing: 0;}
.c-check label:before {top: -1px;width: 18px;height: 18px;margin-right: 5px;}
.c-entry input[type="checkbox"]:checked + label:before,
.c-entry input[type="checkbox"] + label:before {width: 18px;height: 18px;}
.c-mv-btn, .c-mv-btn-active {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: 14px;}
.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: 75px;font-size: 3rem;

padding: 2.7rem 2rem;
border-radius: 10px;
}
.c-entry--active a {
width: 480px;
height: 75px;
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*/	