@charset "utf-8";

/* --------------------------------------------------------------------------------
html { font-size:62.5%; = 10px }
body { font-size:1.6rem; = 16px }
font-family: Arial, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
-------------------------------------------------------------------------------- */

html { font-size:10px; background:#FFF; }
body { height:100%; min-width:980px; font-size:1.3rem; letter-spacing:0; color:#444; position:relative; }
br { letter-spacing:normal; }
img { vertical-align:bottom; }
div.hidden { overflow-x:hidden; }
a { color:#666; }
a:hover { color:#666; text-decoration:none; }

/* WRAP */
#wrap { margin:0 auto; width:980px; position:relative; }

/* HEADER */
#header { margin:0 -500%; padding:0 500%; background:#FFE400; overflow:hidden; }
#header div { margin:0; padding:9px 0 10px 5px; line-height:31px; height:31px; width:auto; float:left; }
#header div img { width:auto; height:31px; }
#header ul { margin:0; padding:3px 0 0; width:auto; float:right; overflow:hidden; }
#header ul li { padding:0; width:auto; height:44px; float:left; list-style:none; }
#header ul li a { display:block; text-indent:-9999px; width:44px; height:44px; background:url(../../../img/images/point/btn_tw.png) no-repeat 50% 50% / auto 38px; overflow:hidden; }
#header ul li.sns-icon1 a { background-image:url(../../../img/images/point/btn_tw.png); }
#header ul li.sns-icon2 a { background-image:url(../../../img/images/point/btn_fb.png); background-size: 30px; background-position-y: 5px; background-position-x: 3px; }
#header ul li.sns-icon3 a { background-image:url(../../../img/images/point/btn_line.png); }
#header ul li.sns-icon4 a { background-image:url(../../../img/images/point/btn_hatebu.png); }
/* HEADER */

/* TOPBOX */
#topBox { margin-bottom:20px; height:230px; position:relative; }
#topBox h1 { margin:0 -500%; padding:0 500%; text-align:center; height:230px; background:#FFEF7B url(../../../img/images/point/bg_top.png) ; }
#topBox h1 img { width:auto; height:230px; }
#topBox h1 + p {margin-left:-300px;font-size:1.6rem;line-height:1.5;text-align:center;width:600px;position:absolute;left:50%;bottom: 5px;text-shadow:2px 2px 0 rgba(255,255,255,1.00);font-weight: bold;}
/* pointBox */
.pointBox {padding:10px 5px;width: 280px;border:2px solid #CCC;border-radius:3px;background:#FFF;position:absolute;left:0;bottom:20px;}
.pointBox p {margin:0 auto 5px;padding:0;font-size:1.3rem;line-height:1.25;text-align: left;padding-left: 10px;}
.pointBox p em { font-weight:bold; font-style:normal; }
.pointBox p em span { font-size:2.2rem; color:#FF8C00; }
.pointBox p + p {margin:0 auto;font-size:1.2rem;color:#FF8C00;text-align: left;padding-left: 8px;line-height: 1.5;}
#topBox p.login {margin:0;padding:0;border-radius:8px;background:#FFF;/* position:absolute; *//* left:0; *//* bottom:20px; */margin: 5px 10px 10px;/* width: 230px; */text-align: center;}
#topBox p.login a { display:block; padding:0 20px; font-size:1.4rem; line-height:41px; text-decoration:none; color:#FFF!important; height:41px; border-radius:8px; background:#FF8C00; opacity:1.0; transition:all 0.3s; }
#topBox p.login a:hover { opacity:0.7; transition:all 0.3s; }
/* pointBox */
/* TOPBOX */


/* CONTENT */
#content p.bread { margin:0 0 20px; padding:0; font-size:1.4rem; line-height:1.5; }

#content > section > h1 {margin:0 0 0 20px;padding:8px 0 8px 45px;font-size:1.6rem;font-weight:normal;line-height:36px;text-align:center;width:139px;height:36px;background:#FFF;border:solid #EEE;border-width:8px 8px 0;border-top-left-radius:8px;border-top-right-radius:8px;position:relative;display: none;}
#content > section > h1::before { display:block; content:''; width:36px; height:36px; border-radius:18px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 36px auto; position:absolute; left:8px; top:8px; }

/* RIREKIBOX */
#rirekiBox { margin:0 auto 20px; padding:20px 20px 5px; border-radius:8px; background:#EEE; overflow:hidden; }
#rirekiBox p { margin:0 0 20px; padding:0; font-size:1.6rem; line-height:1.5; text-align:center; }
#rirekiBox p em { font-size:2.4rem; font-weight:bold; font-style:normal; }
#rirekiBox div.item { margin:0 0 15px; padding:10px 10px 10px 200px; border-bottom:2px solid #CCC; border-radius:8px; background:#FFF; position:relative; }
#rirekiBox div.item h1 { margin:0; padding:0; font-size:1.6rem; font-weight:normal; line-height:1.5; }
#rirekiBox div.item p { margin:0; padding:0; font-size:1.6rem; position:absolute; top:10px; left:10px; width:170px; overflow:hidden; }
#rirekiBox div.item p time { display:block; width:auto; float:left; }
#rirekiBox div.item p span { display:block; line-height:26px; width:auto; float:right; }
#rirekiBox div.item p span::before { display:block; content:''; margin-right:5px; width:26px; height:26px; float:left; border-radius:13px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 26px auto; }
#rirekiBox div.item p span.get { color:#FF8C00; }
#rirekiBox div.item p span.pay { color:#999; }
#rirekiBox div.item p span.pay::before { background-color:#CCC; }
/* RIREKIBOX */


/* SINGLEBOX */
#singleBox { margin:0 auto 20px; padding:32px; border:8px solid #EEE; border-radius:8px; background:#FFF; overflow:hidden; }
#singleBox div.data {clear:both;margin-bottom:20px;width:auto;border-bottom:1px dashed #CCC;overflow:hidden;position:relative;}
#singleBox div.data p { margin:0 0 20px; padding:0 10px; font-size:1.5rem; line-height:30px; color:#FF8C00; width:560px; float:right; height:30px; border-bottom:5px solid #FF8C00; overflow:hidden; }
#singleBox div.data p span { width:auto; float:left; }
#singleBox div.data p time { width:auto; float:right; }
#singleBox div.data h1 { margin:0 0 10px; padding:0 0 0 35px; font-size:1.8rem; line-height:1.25; width:545px; min-height:40px; float:right; position:relative; }
#singleBox div.data h1::before { display:block; content:''; width:30px; height:30px; border-radius:15px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 30px auto; position:absolute; left:0; top:-4px; }
#singleBox div.data > img { display:block; margin:0 auto 20px; width:auto; float:left; width:auto; height:auto; max-width:300px; max-height:300px; }
#singleBox div.data table { margin:0 auto 10px; padding:0; width:580px; border:1px solid #CCC; border-collapse:collapse; border-spacing:0; position:absolute; right:0; bottom:10px; }
#singleBox div.data table td { padding:10px; text-align:center; border-top:1px solid #CCC; }
#singleBox div.data table td + td { border-left:1px solid #CCC; }
#singleBox div.data table td em { font-size:1.6rem; font-weight:bold; font-style:normal; color:#FF8C00; }
#singleBox div.data table td.btn { padding:0; background:#FFEAD7; }
#singleBox div.data table td a { display:block; padding-left:20px; font-size:1.6rem; font-weight:bold; line-height:44px; text-align:center; text-decoration:none; color:#FF8C00; width:100%; height:44px; position:relative; opacity:1.0; transition:all 0.3s; }
#singleBox div.data table td a::before { display:block; content:''; margin:-15px 0 0 -60px; width:30px; height:30px; border-radius:3px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 30px auto; position:absolute; left:50%; top:50%; }
#singleBox div.data table td a:hover { opacity:0.7; transition:all 0.3s; }
#singleBox > article div.data { min-height: 300px; }

/* type */
#singleBox div.data.green h1::before,
#singleBox div.data.green table td a::before { background-color:#9C0; }
#singleBox div.data.green p,
#singleBox div.data.green table td em,
#singleBox div.data.green table td a { color:#9C0; border-bottom-color:#9C0; }
#singleBox div.data.green table td.btn { background-color:#F0F8D9; }

#singleBox div.data.yellow h1::before,
#singleBox div.data.yellow table td a::before { background-color:#FFBE00; }
#singleBox div.data.yellow p,
#singleBox div.data.yellow table td em,
#singleBox div.data.yellow table td a { color:#FFBE00; border-bottom-color:#FFBE00; }
#singleBox div.data.yellow table td.btn { background-color:#FFFBD9; }

#singleBox div.data.purple h1::before,
#singleBox div.data.purple table td a::before { background-color:#96C; }
#singleBox div.data.purple p,
#singleBox div.data.purple table td em,
#singleBox div.data.purple table td a { color:#96C; border-bottom-color:#96C; }
#singleBox div.data.purple table td.btn { background-color:#E0D1F0; }

#singleBox div.data.end h1::before,
#singleBox div.data.end table td a::before { background:none; }
#singleBox div.data.end p,
#singleBox div.data.end table td em { color:#666; border-bottom-color:#DDD; }
#singleBox div.data.end table td a { color:#FFF; cursor: default;   padding:0; }
#singleBox div.data.end table td a:hover { opacity:1.0; }
#singleBox div.data.end table td.btn { background-color:#DDD;  padding:0;}
/* type */

#singleBox div.info {margin:0 auto;/* padding:0 150px; */overflow:hidden;}
#singleBox div.info p {margin: 20px 0;padding: 0;font-size:1.6rem;line-height:1.5;float: left;width: 50%;/* vertical-align: middle; *//* display: table-cell; */}
#singleBox div.info p img {display:block;margin: 0 auto 30px;text-align:center;max-width: 90%;max-height: 300px;height: auto;width: auto;}
#singleBox div.info p.description {float:none;width:600px;padding: 0 160px;display: inline-block;}
/* SINGLEBOX */


/* FORMBOX */
#formBox { margin:0 auto 20px; padding:32px; border:8px solid #EEE; border-radius:8px; background:#FFF; overflow:hidden; }
#formBox div > h1 { clear:both; margin:0 auto 10px; padding:0; font-size:1.8rem; line-height:1.25; color:#FF8C00; }

/* data */
#formBox div.data {clear:both;margin-bottom:20px;width:auto;/* border-bottom:1px dashed #CCC; */overflow:hidden;position: relative;/* min-height: 380px; */display: initial;}
#formBox div.data > img { display:block; margin:0 auto 20px; width:auto; float:left; width:auto; height:auto; max-width:300px; max-height:300px; }
#formBox div.data table {margin:0 auto 20px;padding:0;width:580px;float:right;border:1px solid #CCC;border-radius:3px;border-collapse:collapse;border-spacing:0;/* position: absolute; *//* right: 0; *//* top: 30px; */}
#formBox div.data table th, #formBox div.data table td { padding:20px 10px; font-size:1.6rem; line-height:1.5; border-bottom:1px dashed #CCC; }
#formBox div.data table th {white-space:nowrap;background:#EDEDED;width: 135px;}
#formBox div.data table td { }
#formBox div.data table td em { font-size:1.8rem; font-weight:bold; font-style:normal; color:#FF8C00; }
#formBox div.data table td.type { line-height:26px; }
#formBox div.data table td.type::before { display:block; content:''; margin-right:5px; width:26px; height:26px; float:left; border-radius:13px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 26px auto; }
#formBox div.data.green table td.type::before { background-color:#9C0; }
#formBox div.data.yellow table td.type::before { background-color:#FFBE00; }
#formBox div.data.purple table td.type::before { background-color:#96C; }
/* data */

/* mail */
#formBox div.mail {clear:both;margin-bottom:20px;padding-bottom:20px;width:auto;border-bottom:1px dashed #CCC;overflow:hidden;border-top: 1px dashed #CCC;padding-top: 20px;}
#formBox div.mail dl { margin:0 0 20px; padding:0; }
#formBox div.mail dl dt { margin:0 0 10px; padding:0; font-size:1.6rem; }
#formBox div.mail dl dt input { width:50%; }
#formBox div.mail dl dd { margin:0; padding:0; font-size:1.4rem; line-height:1.25; text-align:center; }
#formBox div.mail dl dd:first-of-type {margin-bottom:20px;/* padding-bottom:20px; */text-align:left;color:#C00;/* border-bottom:1px dashed #CCC; */}
#formBox div.mail p.btn { margin:0; width:390px; float:right; border:2px solid #FF8C00; border-radius:8px; }
#formBox div.mail p.btn a { display:block; padding-left:20px; font-size:1.6rem; font-weight:bold; line-height:44px; text-align:center; text-decoration:none; color:#FF8C00; width:100%; height:44px; position:relative; }
#formBox div.mail p.btn a::before { display:block; content:''; margin:-15px 0 0 -90px; width:30px; height:30px; border-radius:3px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 30px auto; position:absolute; left:50%; top:50%; }
#formBox div.mail p + p { margin:0; width:390px; float:left; }
#formBox div.mail p + p a { display:block; font-size:1.4rem; line-height:41px; text-align:center; text-decoration:none; height:41px; border:2px solid #CCC; border-radius:8px; }
#formBox div.mail p a { opacity:1.0; transition:all 0.3s; }
#formBox div.mail p a:hover { opacity:0.6; transition:all 0.3s; }
/* mail */

/* notice */
#formBox div.notice {border-bottom:1px dashed #CCC;margin-bottom: 20px;}
#formBox div.notice ul { margin:0 10px; padding:0 0 10px; }
#formBox div.notice ul li { margin:0 0 10px 1em; padding:0; font-size:1.4rem; line-height:1.25; }
/* notice */
/* FORMBOX */


/* LISTBOX */
#listBox > h1 { display:none; }
#listBox > ul {margin:0;padding:0;font-size:0;text-align:center;display: none;}
#listBox > ul li { display:inline-block; margin:0 0 0 20px; }
#listBox > ul li:first-of-type { margin-left:0; }
#listBox > ul li a { display:block; padding:8px 0 8px 41px; font-size:1.6rem; font-weight:normal; line-height:36px; text-align:center; text-decoration:none; width:115px; height:36px; background:#FFF; border:solid #EEE; border-width:8px 8px 0; border-top-left-radius:8px; border-top-right-radius:8px; position:relative; opacity:1.0; transition:all 0.3s; }
#listBox > ul li a::before { display:block; content:''; width:36px; height:36px; border-radius:18px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 36px auto; position:absolute; left:8px; top:8px; }
#listBox > ul li.current a { color:#FFF; background-color:#FF8C00; }
#listBox > ul li:not(.current) a:hover { opacity:0.6; transition:all 0.3s }

#listBox > div { margin:0 auto 20px; padding:32px 32px 17px; border:8px solid #EEE; border-radius:8px; background:#FFF; overflow:hidden; }

#listBox div.item {margin:0 15px 15px 0;width: 440px;float:left;border:1px solid #CCC;border-radius:3px;}
#listBox div > article:nth-of-type(2n) div.item { margin-right:0; }
#listBox div > article:nth-of-type(3n+1) div.item {/* clear:both; */}
#listBox div.item a { display:block; text-decoration:none; opacity:1.0; transition:all 0.3s; }
#listBox div.item a:hover { opacity:0.7; transition:all 0.3s; }
#listBox div.item p { margin:0 0 10px; padding:0 10px; font-size:1.3rem; line-height:30px; color:#FFF; width:auto; height:30px; background:#FF8C00; overflow:hidden; }
#listBox div.item p span { width:auto; float:left; }
#listBox div.item p time { width:auto; float:right; }
#listBox div.item h1 { margin:0 10px 10px; padding:0 0 0 35px; font-size:1.4rem; line-height:1.25; min-height:30px; position:relative; }
#listBox div.item h1::before { display:block; content:''; width:30px; height:30px; border-radius:15px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 30px auto; position:absolute; left:0; top:0; }
#listBox div.item table { margin:0 auto; padding:0; width:100%; border-collapse:collapse; border-spacing:0; }
#listBox div.item table td { padding:10px; text-align:center; border-top:1px solid #CCC; }
#listBox div.item table td + td { border-left:1px solid #CCC; }
#listBox div.item table td em { font-size:1.6rem; font-weight:bold; font-style:normal; color:#FF8C00; }
#listBox div.item table td.btn { padding:0 0 0 20px; font-size:1.6rem; font-weight:bold; line-height:44px; text-align:center; text-decoration:none; color:#FF8C00; width:100%; height:44px; background:#FFEAD7; position:relative; }
#listBox div.item table td.btn::before { display:block; content:''; margin:-15px 0 0 -60px; width:30px; height:30px; border-radius:3px; background:#FF8C00 url(../../../img/images/point/iconB.png) no-repeat 50% 50% / 30px auto; position:absolute; left:50%; top:50%; }

/* type */
#listBox > ul li.red.current a,
#listBox > ul li.red a::before { background-color:#C00; }

#listBox > ul li.green.current a,
#listBox > ul li.green a::before,
#listBox div.item.green p,
#listBox div.item.green h1::before,
#listBox div.item.green table td.btn::before { background-color:#9C0; }
#listBox div.item.green table td em,
#listBox div.item.green table td.btn { color:#9C0; }
#listBox div.item.green table td.btn { background-color:#F0F8D9; }

#listBox > ul li.yellow.current a,
#listBox > ul li.yellow a::before,
#listBox div.item.yellow p,
#listBox div.item.yellow h1::before,
#listBox div.item.yellow table td.btn::before { background-color:#FFBE00; }
#listBox div.item.yellow table td em,
#listBox div.item.yellow table td.btn { color:#FFBE00; }
#listBox div.item.yellow table td.btn { background-color:#FFFBD9; }

#listBox > ul li.purple.current a,
#listBox > ul li.purple a::before,
#listBox div.item.purple p,
#listBox div.item.purple h1::before,
#listBox div.item.purple table td.btn::before { background-color:#96C; }
#listBox div.item.purple table td em,
#listBox div.item.purple table td.btn { color:#96C; }
#listBox div.item.purple table td.btn { background-color:#E0D1F0; }

#listBox div.item.end p,
#listBox div.item.end h1::before  { background-color:#DDD; }
#listBox div.item.end table td.btn::before { background:none; }
#listBox div.item.end table td em { color:#666; }
#listBox div.item.end table td.btn { color:#FFF; }
#listBox div.item.end table td.btn { background-color:#DDD; padding:0; }

#listBox > ul li.orange.current a, #listBox > div.orange {border-color: #EEE;}
#listBox > ul li.red.current a, #listBox > div.red { border-color:#C00; }
#listBox > ul li.green.current a, #listBox > div.green { border-color:#9C0; }
#listBox > ul li.yellow.current a, #listBox > div.yellow { border-color:#FFBE00; }
#listBox > ul li.purple.current a, #listBox > div.purple { border-color:#96C; }
/* type */
/* LISTBOX */


/* goTop */
#content > p.goTop { clear:both; margin:0 auto 20px; padding:0 20px; text-align:right; font-size:2.2rem; line-height:44px; }
#content > p.goTop a { margin:0 auto; display:inline-block; text-align:center; color:#FFF; text-decoration:none; width:44px; height:44px; border-radius:22px; background:#FF8C00; opacity:1.0; transition:all 0.3s; }
#content > p.goTop a:hover { opacity:0.6; transition:all 0.3s; }
/* goTop */
/* CONTENT */

/* FOOTER */
#footer { clear:both; margin:0 -500%; padding:0 500%; text-align:center; background:#FFE400; overflow:hidden; }
#footer ul { margin:0; padding:20px 0 10px; font-size:0; width:auto; overflow:hidden; }
#footer ul li { display:inline-block; margin:0; padding:0 15px; font-size:1.4rem; line-height:1.25; width:auto; border-right:1px solid #666; list-style:none; }
#footer ul li:last-of-type { border-right:none; }
#footer ul + p { margin:0 0 20px; padding:0 10px; font-size:1.3rem; line-height:1.25; }
/* FOOTER */

.Errays {background:#fff;padding:0;border:solid 1px #f00 ;width:auto; padding:5px; margin:10px 0; }
.Errays h4 { margin:5px 0; font-size:108% }
.Errays ul { padding-left:0px }
.Errays ul li {list-style:none;}

p.thx + p.back a {display:block;font-size:1.4rem;line-height:41px;text-align:center;text-decoration:none;height:41px;border:2px solid #CCC;border-radius:8px;width: 280px;margin-top: 30px;}

div.imgBox {margin: 0 auto 10px;vertical-align: middle;display: table-cell;text-align: center;}
#listBox .item div.imgBox {width: 440px;height: 220px;}
#singleBox .data div.imgBox {width: 440px;height: 300px;}
#formBox .data div.imgBox {width: 300px;height: 270px;/* float: left; */}
div.imgBox > img { display:block;margin: 0 auto; width: auto;height: auto;max-width: 300px;max-height: 200px; }