@charset "utf-8";
/* --------------------------------------------------
*	00. Reset
*	01. Default
*	02. Header
*	03. Modules
*	04. attentionLP
*	05. Footer
*	06. E.T.C.
*	99. Clearfix
 -------------------------------------------------- */

/* --------------------------------------------------
	00. Reset
 -------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del{
text-decoration: line-through;
}

abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}

img {display:block;}

table {
border-collapse:collapse;
border-spacing:0;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* --------------------------------------------------
	01. Default
 -------------------------------------------------- */
body{
margin:0;
padding:0;
background:url("../img/back-img.png");
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuProN-W3, sans-serif;
-webkit-text-size-adjust:none;
color:#333333;
font-size:24px;
line-height:1.6;
letter-spacing:-0.001em;
text-align:center;
}
ul,ol,dl{list-style:none outside none;}
em, strong{color:#ff006d; font-weight:bold; font-style:normal;}
hr{display:none;}
button{margin:0; padding:0; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
header, nav, footer{clear:both; display:block;}
a{color:#26466d; text-decoration:underline; vertical-align:baseline; background:transparent;}
img, a img{border:0; vertical-align:bottom;}
input, select{vertical-align:middle;}
a:visited {color: #26466d;}

p.tiny {font-size:0.68em;}
p.caution {font-size:0.74em; line-height:1.6; padding-left:1em; text-indent:-1em; }
p.caution:before {margin-bottom:10px!important;}

img.triangle {display:block; margin:25px auto 40px; width:140px; height:45px;}

/*img.center {display:block; margin:0 auto;}

a.goForm {display:block; width:500px; height:74px; margin:0 auto;}
a.goFormIn {display:block; width:500px; height:102px; margin:0 auto 35px;}
a.goFormIn img:last-of-type {margin-top:10px;}*/


/* --------------------------------------------------
	02. Header
 -------------------------------------------------- */
header {background-image:url("../img/back_top.png"); background-size:680px; width:100%; height:415px;}
header div {width:650px; margin:0 auto; height:415px; position:relative;}
header div #logo {position: absolute; top:0; right:15px; width:150px; height:90px;}
header div #chara {position: absolute; bottom:0; left:55px; width:340; height:105px;}
header div #yata {position: absolute; bottom:31px; right:8px; width:174px; height:230px;}
header div h1 {position: absolute; top:35px; left:25px;}
header div h1 img {width:468px; height:151px;}
header div h2 {position: absolute; top:206px; left:25px; padding:0;}
header div h2 img {width:436px; height:92px;}

h2 {margin:0 auto 30px; width:504px;}
h2 img {width:504px;}
h2.qa, h2.qa img {width:185px;}
h2.campaign, h2.campaign img {width:250px;}
h2.campaignInfo, h2.campaignInfo img {width:257px;}

/*h2 {background:url(../img/note-edge_01.png) repeat-x bottom/contain, url(../img/note-edge_02.png) repeat-x top/contain, url(../img/back-img_h2.png); padding:35px 0;}
h2 img {margin:0 auto; width:100%;}
h2 img.sec01-01 {max-width:290px;}
h2 img.sec01-02 {max-width:355px;}
h2 img.sec02 {max-width:309px;}
h2 img.sec03 {max-width:264px;}

h2.sec01 {background:none; padding:0; margin:50px auto 25px;}

h3 {margin:0 auto 25px;}
h3 img {margin:0 auto; width:100%;}
h3 img.sec02-1 {max-width:405px;}
h3 img.sec02-2 {max-width:365px;}
h3 img.sec02-3 {max-width:435px;}
h3 img.sec03-1 {max-width:275px;}
h3 img.sec03-2 {max-width:320px;}*/

/* --------------------------------------------------
	03. Modules
 -------------------------------------------------- */
article {width:100%;}
article#sec02, article#sec04, article#sec06, article#sec08 {background-image:url("../img/background_texture.png"); background-size:400px;}
article#secReward, article#sec05, article#sec07 {background-image:url("../img/background_texture_dark.png"); background-size:400px;}
/*article#secReward {background-image:url("../img/back_rw-up.png"); background-size:680px;}
article#secReward {background-image: linear-gradient(180deg, rgba(230, 245, 240, 1), rgba(255, 255, 255, 1));}*/


article#secReward h2, article#secReward h2 img {width:559px;}
article#secReward p {font-size:0.93em;}

article#secCampaign {background-image:url("../img/background_texture_campaign.png"); background-size:256px;}
article#secCampaign section div {text-align:left; width:620px; margin:0 auto;}
article#secCampaign section div ul li {font-size:0.80em; margin-bottom:0.8em; line-height:1.5; padding-left:1em; text-indent:-1em;}
article#secCampaign section div ul li strong {font-size:1.0em;}

section {width:100%; max-width:650px; margin:0 auto; padding:50px 0;}
section strong {font-size:26px;}
section a.cta {display:block; width:620px; margin:55px auto 0;}
section a.cta img {width:620px;}

section div.whiteBox, section div.whiteBox0 {width:620px; margin:0 auto; padding:50px 15px; background:#FFF; border-radius:20px; text-align:left;}
section div.whiteBox h3 {margin-bottom:50px;}
section div.whiteBox h3 img {width:442px; height:auto; margin:0 auto;}
section div.whiteBox p {padding-left:36px; text-indent:-36px; line-height:1.3; margin-bottom:1.2em;}
section div.whiteBox p::before {content:''; display:inline-block; margin:-3px 10px 0 0; width:26px; height:26px; background-image:url(../img/info-icon.png); background-size:contain; vertical-align:middle;}
section div.whiteBox p strong {font-size:1.0em;}
section div.whiteBox img {width:100%; height:auto;}

section div.whiteBox0 p {line-height:1.3; margin-bottom:1.2em; font-size:0.93em;}
section div.whiteBox0 p strong {font-size:1.0em; }

section div.clearBox {width:620px; margin:0 auto 50px; padding:0; text-align:left; display:flex;}
section div.clearBox img {width:160px; height:160px; margin:0 20px 0 0;}
section div.clearBox img.right {margin:0 0 0 20px;}
section div.clearBox h3 {text-align:left; font-size:0.82em; margin:0 0 10px 0; color:#ff006d;}
section div.clearBox p {text-align:left; width:inherit; font-size:0.80em; padding:0; margin:0;}

section div.qaBox {width:620px; margin:0 auto 50px; padding:30px 5px; background:#FFF; border-radius:10px; text-align:left;}
section div.qaBox p {padding-left:36px; text-indent:-36px; font-size:0.82em; line-height:1.5; margin-bottom:1.2em; font-weight:bold;}
section div.qaBox p::before {content:''; display:inline-block; margin:-3px 10px 0 0; width:26px; height:26px; background-image:url("../img/icon_q.png"); background-size:contain; vertical-align:middle;}
section div.qaBox p.a {margin-bottom:0; font-weight:normal;}
section div.qaBox p.a::before {background-image:url("../img/icon_a.png");}
section div.qaBox p span {font-size:0.88em;}

section div.numberBox {width:620px; margin:0 auto; padding:0; background:#FFF; border:2px solid #ff006d; border-radius:10px; text-align:left; display:flex; flex-wrap:wrap;}
section div.numberBox div.a01 {background-image:url("../img/01.png"); background-size:100px; margin:0; width:100px; height:100px;}
section div.numberBox div.a02 {background-image:url("../img/02.png"); background-size:100px; margin:0; width:100px; height:100px;}
section div.numberBox div.a03 {background-image:url("../img/03.png"); background-size:100px; margin:0; width:100px; height:100px;}
section div.numberBox div.b {margin:0; padding:15px 0 0 20px; line-height:1.3; height:100px; flex-grow:1; border-bottom:2px solid #ff006d;}
section div.numberBox div.b strong {font-size:1.0em;}
section div.numberBox div.c {padding:30px 30px 50px;}
section div.numberBox div.c ul {margin-bottom:50px;}
section div.numberBox div.c ul li {text-decoration:none; font-size:20px; margin-bottom:20px; line-height:1.3; padding-left:1em; text-indent:-1em;}
section div.numberBox div.c ul li:last-of-type {margin-bottom:0;}
section div.numberBox div.c ul li strong {font-size:20px;}
section div.numberBox div.c img {width:100%; height:auto;}

div#logo_big {width:100%; padding:30px 0; background:#FFF;}
div#logo_big img {margin:0 auto; width:220px; height:120px;}

img.fukidashiBox {width:620px; margin:0 auto;}
img.y-card {width:620px; margin:50px auto 0;}
img.footerFig {width:620px; height:415px; margin:0 auto;}



section div.reward {width:100%; margin:0 auto; display:flex; flex-wrap:wrap;}
section div.reward img {width:49%; max-width:49%; margin-bottom:10px;}
section div.reward img:nth-child(odd) {margin-right:2%;}
section div.reward img:nth-last-child(1), section div.reward img:nth-last-child(2) {margin-bottom:0;}
section div.fig {margin-bottom:25px;}
section div.fig img {width:100%; max-width:480px;}
section div.present img {width:100%; max-width:262px; margin:50px auto 25px;}
section div img.chart {width:100%; max-width:425px; height:auto; margin:50px auto;}
section div img.bannerNo1 {width:100%; max-width:362px; margin:35px auto 50px;}
section div img.full {width:100%; max-width:960px;}
section p {width:90%; max-width:780px; margin:0 auto 15px;}
section p sup {font-size:50%; vertical-align:super;}
section table {width:100%; max-width:640px; margin:25px auto;}
section table caption {font-weight:bold; padding-bottom:15px; color:#7bd3bb;}
section table tr th {border:1px solid #999; padding:10px; background:#cfe6e0; color:#FFF; width:65%; font-size:0.82em;}
section table tr td {border:1px solid #999; padding:10px; background:#FFF; width:35%; font-size:0.76em; text-align:center;}
section table tr td:nth-child(even) {text-align:right;}
/*section ul {width:100%; max-width:390px; margin: 50px auto;}
section#sec03 ul li {padding-left:1em; text-indent:-1em;}*/


/*section div.mammothFlow {display:flex; width:100%; max-width:780px; margin:20px auto; padding:20px; background:#FFF; border-radius:20px;}
section div.mammothFlow {display:flex; width:100%; max-width:480px; margin:20px auto; padding:10px; background:#FFF; border-radius:10px;}
section div.mammothFlow img {flex-shrink:0; flex-basis:52px; width:100%; max-width:52px; max-height:52px; border-radius:6px; margin-right:10px;}
section div.mammothFlow div {flex-shrink:0; flex:1;}
section div.mammothFlow div h4 {width:100%; font-size:0.62em; margin:0 0 0.8em;}
section div.mammothFlow div p {width:100%; font-size:0.60em; margin:0 0 0.8em; line-height:1.4;}
section div.mammothFlow div p.caution {font-size:0.58em;}
section div.mammothFlow div ul {width:100%; font-size:0.60em; margin:0;}*/

.icon-circle {align-items:center; background-color:#ddd; border-radius:16px; color:#fff; display:inline-flex; font-size:10px; font-weight:700; height:16px; justify-content:center; line-height:1; margin-right:4px; width:16px; background-color:#e56f6a}


section#secCampaign {width:100%; max-width:inherit; background:url(../img/note-edge_02.png) repeat-x top/contain, url(../img/note-edge_01.png) repeat-x bottom/contain, url(../img/back-img_h2.png); padding:10px 0 20px;}
section#secCampaign h2.campaign {background:none; padding:0; margin:25px auto; width:100%; max-width:187px;}
section#secCampaign h2.companyProfile {background:none; padding:0; margin:25px auto 0; width:100%; max-width:93px;}
section#secCampaign img.companyProfile {width:100%; max-width:960px; height:auto;}
section#secCampaign div {width:80%; max-width:390px; margin:0 auto; padding:0;}
section div img.companyProfile {width:100%; max-width:390px; height:auto; margin:10px auto 50px;}
section#secCampaign div ul {margin:0 0 50px;}
section#secCampaign div ul.inText li {padding-left:1em; text-indent:-1em; margin:0 0 16px; font-size: 0.82em; line-height:1.6;}




section div dl {width:620px; margin:0 auto 50px; line-height:1.4;}
section div dl.qa dt {padding:0 0 0 35px;background:url(../img/q_icon.png) no-repeat left 3px; margin:0 0 20px 0; height: auto; min-height:30px;}
section div dl.qa dd {padding:0 0 0 35px; background:url(../img/a_icon.png) no-repeat left 3px; margin:0 0 20px 0; min-height:30px;}
section div dl.qa dt h4 {margin:0 0 10px 0; font-size:24px; color:#76a4b3;}
section div dl.qa dd h4 {margin:0 0 10px 0; font-size:24px; color:#280f05;}

section div#about {margin-bottom:50px;}
section div#about dl {all:unset; padding:0 20px; background:#FFF; line-height:1.2; font-size:18px;}
section div#about dl dt {float:left; text-align:right; width:200px;}
section div#about dl dd {float:right; text-align:left; width:480px; padding-bottom:10px;}
section div#about img.logo {display:block; margin:30px auto 20px;}
section div#about:before {content: url(../img/fukidashi_sep_top.png);}
section div#about:after {content: url(../img/fukidashi_sep_bottom.png);}



/* --------------------------------------------------
	04. attentionLP
 -------------------------------------------------- */
/*#attentionLp {margin:0 auto; padding:0 0 30px;}
#attentionLp h2 {font-size:24px; margin:0 0 20px; padding:5px 0; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#attentionLp h3 {margin:20px 0 10px; padding:0;}
#attentionLp p,
#attentionLp div.privilege {margin:0 0 30px; padding:0;}
#attentionLp div.privilege h4 {margin-bottom:10px!important;}
#attentionLp div.privilege p {margin:0 0 10px; padding:0; font-weight:normal; line-height:1.4;}
#attentionLp div.privilege p img {width:120px; float:right; margin:0 0 0 10px; border-radius:4px;}
#attentionLp ul {margin-bottom:30px;}
#attentionLp ul.top {margin-bottom:0;}
#attentionLp ul li {list-style:none; text-indent:-1em; padding-left:1em; margin:10px 0 0; line-height:1.4;}
#attentionLp ul li ul {margin:15px 0 0;}
#attentionLp ul li ul li {text-indent:0; padding-left:0; margin:8px 0 0; line-height:1.2;}
#attentionLp div img.gotoBEEF {margin:0 auto; display:block; width:100%;}*/


/* --------------------------------------------------
	05. Footer
 -------------------------------------------------- */
section#pMark {padding:35px 0 25px;}
section#pMark h2 {margin:0 auto 15px; padding:0; text-align:center; font-size:12px; background:none;}
section#pMark div {width:232px;}
section#pMark img {display:block; margin:0 auto; width:100%; max-width:47px; height:auto;}

section#copyright {padding:0; border-top:dotted 1px #777; width:100%; max-width:inherit;}
section#copyright p {font-size:16px; margin:10px auto 160px; text-align:center; padding:0;}

/* --------------------------------------------------
	06. E.T.C.
 -------------------------------------------------- */
/* SP HALF-SIZE */
.mt0 {margin-top:0!important;}
.mt15 {margin-top:15px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt70 {margin-top:70px!important;}
.mt100 {margin-top:100px!important;}
.mb0 {margin-bottom:0px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb30 {margin-bottom:30px!important;}
.mb50 {margin-bottom:50px!important;}
.mb70 {margin-bottom:70px!important;}
.mb100 {margin-bottom:100px!important;}
.pt0 {padding-top:0!important;}
.pt50 {padding-top:50px!important;}
.pb0 {padding-bottom:0!important;}
.pb20 {padding-bottom:20px!important;}
.pb50 {padding-bottom:50px!important;}

/* --------------------------------------------------
	99. Clearfix
 -------------------------------------------------- */
.cf:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
font-size: 0;
content: " ";
}
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }


/* incen */
#secIncen {background:#fff; padding:35px 0 40px;}
.incen {
	margin: 0 auto 30px;
	width: 660px;
}
.incenWrap {
	width: 660px;
}
.incenWrap p {
	text-align: center;
}
/*.incenWrap div {
	width: 660px;
}*/
.incenItem {
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemHalf {
	float: left;
	width: 330px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemThird {
	float: left;
	width: 220px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenSelect {
	/*width: 660px;*/
	width: 100%!important;
	/*text-align:center!important;*/
    margin-bottom:0!important;
}
.labelSelect {
	background-color: #280f05;
	display: inline-block;
    text-align:center!important;
    font-size: 0.93em;
	line-height: 1;
	padding: 16px 0!important;
	/*width: auto;*/
	color: #fff;
	margin:0 auto!important;
	width: 100%!important;
}
.labelSelect.light {
	background-color: #a5873c;
	margin-bottom: 40px;
}
/*#secCampaign div {
	margin: 0 auto;
	width: 660px;
}*/
.accordion {
	border-top: 2px solid #a5873c;
	margin: 0 0 48px 0;
    width:100%;
    font-size: 24px;
}
.accordionContent {
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
    padding: 0;
}

.accordionHeading {
	background: #dbb960;
	background: -moz-linear-gradient(left, #dbb960 0%, #fcf4cf 100%);
	background: -webkit-linear-gradient(left, #dbb960 0%,#fcf4cf 100%);
	background: linear-gradient(to right, #dbb960 0%,#fcf4cf 100%);
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
	color: #280f05;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb960', endColorstr='#fcf4cf',GradientType=1 );
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 1;
	margin: 0;
	position: relative;
	padding: 12px 8px;
}
.accordionHeading:last-child {
	border-bottom: 0;
}
.accordionHeading .icon {
	display: inline-block;
	fill: #280f05;
	height: 16px;
	margin-top: 4px;
	position: absolute;
	right: 8px;
	top: 25%;
	width: 16px;
}
.accordionContent {
	/*font-size: 24px;*/
	font-size: 0.82em!important;
	padding: 24px;
    background: #FFF;
}
.accordionContent p {
    width:100%;
	line-height: 1.4;
}
.accordionContent p:last-child {
	margin-bottom: 0;
}
.accordionContent strong {
	font-size: 1.0em;
}
.accordionContent img {
    width:100%;
}
ul.list {
    width:100%;
	list-style: none;
	margin: 0 0 12px 0!important;
	padding-left: 0;
    padding-bottom: 0!important;
}
li.listItem {
	font-size:0.93em!important;
	line-height:1.6;
	margin:0 0 16px;
	margin:0 0 8px!important;
	/*padding-left: 16px;*/
    padding-left: initial;
    text-indent: initial;
	/*position: relative;*/
}
.listItem strong {font-size: 0.82em;}
.listItem:last-of-type {
    margin-bottom:0!important;
}
.listItem:before {
    content:'・'!important;
}
/*.listItem:before {
	background-color: #15100a;
	border-radius: 50%;
	content: '';
	display: block;
	left: 6px;
	height: 4px;
	position: absolute;
	 top: 8px;
	top: 7px;
	width: 4px;
}*/
.hang {
	padding-left: 1em;
	text-indent: -1em;
}
.bold {
	font-weight: bold;
}
.listHotel {
	margin-bottom: 24px;
}
.listHotelItem {
	float: left;
	position: relative;
	width: 25%;
}
.listHotelItem .icon {
	fill: #fff;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	right: 12px;
	/*top: 50%;*/
	top: 0.5em;
	width: 16px;
}
.listHotelItem a {
	background-color: #F70209;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 16px 12px;
}
.hotelInfo {
	font-size: 16px;
}
.hotelInfo dt {
	font-weight: bold;
}
.hotelInfo dd {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 24px;
}
.limit {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	line-height: 1.4;
	padding: 24px 0;
}
.titleNote {border-bottom:1px dotted #999; border-top:1px dotted #999; font-weight:bold; line-height:1; padding:18px 0; text-align: center; margin:0 0 35px; width:100%; font-size:0.93em;}
.subtitleNote {font-size:0.80em; font-weight:bold; line-height:1; margin:50px 0 35px;}
.subText {font-size: 0.80em; width:100%;}
.label {background-color:#F70209; border-radius:3px; color:#fff; display:inline-block; font-size:10px; line-height:1; margin-right:4px; padding:6px 0; text-align:center; width:54px; vertical-align: 0.1em;}

/*div.pc, span.pc, a.pc {display:none;}

@media screen and (min-width: 768px){
	div.pc, span.pc, a.pc {display:block;}
	div.sp, span.sp, a.sp {display:none;}
}*/


/* 下部固定メニュー */
.bottomMenu {
	display: none;
	width: 100%;
	max-width: 100%;
    /*height:82px;*/
    height:160px;
    padding:25px 0 0;
	position: fixed;
	bottom: 0;
	z-index:999;
    /*background: #363b63;*/
    /*background:url("../img/back-img_bottom-cta.png") repeat top/256px 256px;*/
    background-color: rgba(255, 255, 255, 0.6);
}
.bottomMenu div {
    display: flex;
    width: 100%;
    max-width:960px;/* 通常CTAとのバランスを整えるために明確にサイズを指定 */
    margin:0 auto;
}
.bottomMenu div div.bottomCta {
    lex-grow: 1;
    padding:0 21px;
}
.bottomMenu div div.bottomCta a {
    display: block;
    margin:0 auto;
}
.bottomMenu div.bottomCta a img {vertical-align:bottom; width:620px; margin:0 auto;}


@media screen and (min-width: 481px){
    body{
        font-size:28px;
    }
    section#copyright p {font-size:12px;}
}

/*@media screen and (min-width: 768px){
}*/

/*@media screen and (min-width: 1030px){
}*/