@charset "UTF-8";
/* === HTML5 Elements === */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display:inline;
*zoom:1;
}
/* === Base === */
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: auto; -ms-text-size-adjust: auto; }
body { margin: 0; font-size: 16px; line-height: 1.6; word-wrap: break-word; }
body, button, input, select, textarea { font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; color: #333333; }
/* === Links === */
/*
a { color: #025BAB; }
a:visited { color: #025BAB; }
a:focus { outline: thin dotted; text-decoration: none; }
a:hover, a:active { outline: 0; text-decoration: underline; }
*/
/* === Typography === */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #f42; color: #000; text-decoration: none; }
mark { background: #f42; color: #000; font-style: italic; font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* === Lists === */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
/* === Embedded Content === */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; }
svg:not(:root) { overflow: hidden; }
/* === Figures === */
figure { margin: 0; }
/* === Forms === */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left:-7px;
padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle;
}
button, input { line-height: normal; *overflow:visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color:#f0dddd;
}
/* === Table === */
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
/* === Non-semantic helper classes ==== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* === XXXX === */
h1, h2, h3, ul, li, p { margin: 0; padding: 0; }
li { list-style: none; }
/**========================*/


/* =====================================================
struct
======================================================== */
.section { margin-bottom: 20px; }
.section .inner { padding: 0 20px; }
h2 { margin-bottom: 20px; }
.cap { font-size: 12px; }
/* =====================================================
c
======================================================== */
.tac { text-align: center; }
a.fc01:link { color: #4d4d4d; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs18 { font-size: 18px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.db { display: block; }
.bg_grayInner { text-align: center; line-height: 1; padding: 15px; font-size: .75em; }
.iPhone .bg_grayInner { font-size: 2em; padding: 5px; }
.android .bg_grayInner { font-size: 1em; }
/* =====================================================
top
======================================================== */
.top-wak { border: 7px solid #FFF000; display: inline-block; background-color: rgba(255,255,255,0.3); padding: 20px 25px; }
.top-wak p { margin: 0; padding:0:
}
.btn-top-att { margin: 15px 0 0px; }
/*cSlide*/
.nSli { width: 100%; margin: 0 auto; padding-bottom: 10px; }
.bg-gray { background: #e5e5e5; padding: 10px; margin-bottom: 10px; }
.bg-gray .txtArea {padding:0 5px;}
.bg-white { background: #FFF; }
.nSli.s01 ul, .nSli.s01 .inner { margin: 0; padding: 0; }
.sbtn { position: relative; }
/**/
.sbtn.sn01 { width: 100%; margin: 0 auto; background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s01.png) center top no-repeat; background-size: cover; }
.sbtn.sn02 { width: 100%; margin: 0 auto; background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s02.png) center top no-repeat; background-size: cover; }
.sbtn.sn03 { width: 100%; margin: 0 auto; background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s03.png) center top no-repeat; background-size: cover; }
.sbtn.sn01.on { background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s01_on.png) center top no-repeat; background-size: cover; }
.sbtn.sn02.on { background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s02_on.png) center top no-repeat; background-size: cover; }
.sbtn.sn03.on { background: url(//img.tsite.jp/r/cpn/charity10/sp/images/top/btn_s03_on.png) center top no-repeat; background-size: cover; }

.exMess {padding-bottom: 10px;text-align: center;background: #FFFFFF;}
.exMess .inner {background: #FFFFFF;}
.exMess p {color: #000000;font-weight: bold;font-size: 14px;}

/* =====================================================
header
======================================================== */
.comHeader { padding-bottom: 10px; }
.comHeader h1 { float: left; display: inline; margin: 0; padding: 0; line-height: 0; }
.comHeader p { float: right; display: inline; }
.comHeader img { vertical-align: text-bottom; }
.comHeader .hd01 { width: 30%; }
.comHeader .hd02 { width: 55%; }
.header { text-align: center; background: url(//img.tsite.jp/r/cpn/charity10/sp/images/bg_main.jpg) left top no-repeat; background-size: cover; }
.header.bg_pb { background: url(//img.tsite.jp/r/cpn/charity10/sp/images/bg_main.jpg) left bottom no-repeat; background-size: cover; }
.header.top-header { background: url(//img.tsite.jp/r/cpn/charity10/sp/images/bg_main_top.jpg) left bottom no-repeat; background-size: cover; }
.header p.item01 { padding-top: 20px; margin-bottom: 20x; }
.header p.item02 { margin-bottom: 10px; }
.header p.item03 { margin-bottom: 20px; }
.resultRate { margin-bottom: 15px; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.header .fit { margin: 20px 15px auto; padding-bottom: 15px; }
.section.fit { margin: 20px 43px 25px; padding-bottom: 15px; }
.w55p { width: 55%; height: auto; }
/* =====================================================
waku
======================================================== */
.waku { width: 85%; margin: 0 auto; background: #FFF; border: 4px solid #0168B5; clear: both; position: relative; margin-bottom: 18px; }
.wakuInner { text-align: center; }
.wakuInner:after { content: ""; background: url(//img.tsite.jp/r/cpn/charity10/sp/images/mc_fukidasu.png) center bottom no-repeat; background-size: cover; width: 43px; height: 18px; position: absolute; bottom: -18px; left: 47%; }
.waku p { color: #0168B5; font-weight: bold; margin: 0; padding: 0; }
.fuki { margin-bottom: 5px; }
.wak1 { background: #e5e5e5; }
.wak1 .fit { padding: 15px; text-align: center; font-size: 3em; }
.iPhone .wak1 .fit { padding: 15px; text-align: center; font-size: 32px; }
/* =====================================================
footer
======================================================== */
.nav { border-top: 1px solid #e1e1e1; text-align: center; font-size: 14px; padding: 20px 10px 18px; margin: 0; list-style: none; }
.nav li { display: inline; padding: 0 2px 0 6px; }
.nav { text-align: center; font-size: 14px; list-style: none; }
.nav a { display: inline-block; margin: 0 0 10px; }
.footer { font-size: 12px; border-top: 1px solid #e1e1e1; text-align: center; color: #999; padding: 8px; }
/*faq*/
/* =====================================================
faq
======================================================== */
.faq a:link,
.faq a:visited { color: #4d4d4d; }
.faq .ttl,
.faq h2 { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 15px;text-align:center; }
.faq ul.qList { margin-bottom: 20px; }
.faq ul.qList li { margin-left: 1em; text-indent: -1em; font-size: 12px;margin-bottom: 0.3em;}
.faq .qa dt { background: #A5A5A5; color: #000000; font-weight: bold;font-size: 14px; margin-bottom: 10px; padding: 0.2em 0.5em; }
.faq .qa dd { margin-bottom: 25px; margin-left:10px;font-size: 12px;line-height: 1.6;}
.section.sm { width: 87%; margin: 0px auto 0px; padding-bottom: 5px; }
.faq .bg-gray {padding-top: 20px;padding-bottom: 20px;}
/* =====================================================
attention
======================================================== */
.attention a:link,
.attention a:visited { color: #4d4d4d; }
.attention .attnav { text-align: center; font-weight: bold; font-size: 12px;margin-bottom: 15px; }
.attention .ttl { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
.attention ul.attList {font-size: 12px;line-height: 1.6; margin-bottom: 15px;}
.attention ul.attList li { margin-left: 0.9em; text-indent: -0.9em; }
.attention ul.pdl li { padding-left: 1em; }
.attention .bg-gray {padding-top: 20px;padding-bottom: 20px;}


.txtx {font-size: 13px;line-height: 1.6;}
/*130903*/
.exMess {padding-bottom: 10px;text-align: center;background: #FFFFFF;}
.exMess .inner {background: #FFFFFF;}
.exMess p {color: #000000;font-weight: bold;font-size: 17px;}


.faq dd ul {padding-left:0px;margin-bottom:10px;}
.faq dd li {margin-bottom:5px;}
.faq dd strong {font-weight:bold;padding-top:1em;display:block;}
.faq dd ul.nest li {text-indent:-2em;margin-left:2em;}
.faq dd ul.nest li ul li {text-indent:-1.5em;margin-left:1.5em;}
.faq .figure img {margin:5px 0;}
.faq .exTx {display:block;padding:0.5em;}


.attention ul.attList li.alName {
	font-weight:bold;
	display:block;margin-top:0.3em;
	line-height: 1.4;
}
.attention ul.attList li.alText,
.attention ul.attList li.alText2 {
	padding-left:1em;
	padding-bottom:0.3em;
}
.attention ul.attList li.alName,
.attention ul.attList li.alText {
	margin-left:0;
	text-indent:0;
}
.attention ul.attList li {
	font-size:13px;
	line-height:1.6;
}
ul li li {padding-bottom:0;}

.attention dd ul {padding-left:10px;margin-bottom:5px;}
.attention dd li {margin-bottom:5px;}
.attention dd strong,.attention li strong {font-weight:bold;padding-top:0.5em;display:block;}
.attention ul.nest {margin-left:0.5em;}
.attention ul.nest li {text-indent:-2.5em;margin-left:2.5em;}
.attention ul.nest li ul li {text-indent:-1.5em;margin-left:1.5em;}
.attention .figure img {margin:5px 0;}
.attention .exTx {display:block;padding:1em;}
.attention p strong {font-weight:bold;padding-top:1em;display:block;}
.attention .pl30 {padding-left:30px;}
.nontiml {text-indent:0 !important;margin-left:0 !important;}
.ti-1ml1 {text-indent:-1em !important;margin-left:1em !important;}
.date {margin-bottom: 0 !important;margin-left: 10px;font-size: 12px !important;line-height: 1.6;}

.resp {margin:0 26px 10px !important;}
.resp img {width:100%;height:auto !important;}
.resp p {font-size:12px;}
.resp.dub img {width:100% !important;height:auto !important;}
.resp.dub p {width:47%;}

/* === Media Queries === */
@media only screen and (max-width: 480px) {
}
@media only screen and (min-width: 481px) and (max-width:768px) {
}
@media only screen and (min-width: 769px) and (max-width:1199px) {
}
@media only screen and (min-width: 1200px) {
}
/* === Print === */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page {
margin:0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
body.print * { margin: 0; padding: 0; }
body.print header, body.print nav, body.print #topicpath, body.print #side, body.print footer, body.print h2, body.print .resortHeader, body.print .btnPrint { display: none; }
body.print #below .postInner { width: auto; padding: 0; }
body.print #container { width: 100% !important; text-align: center; padding: 0; background: none; }
body.print #below.coupon { background: none; }
body.print #main { width: 100%; text-align: center; margin: 0 auto; }
body.print .expDate { color: #F00 !important; border-bottom: 1px solid #666; }
body.print .couponInfo { float: none; margin: 0 auto; padding: 6px; }
}