@charset "UTF-8";
/* CSS Document */

/* 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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del {text-decoration: line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input,select {vertical-align:middle;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}


/* Common */
body { color: rgb(51,51,51); font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; line-height: 1.4; letter-spacing: -0.001em; -webkit-text-size-adjust: none; }
.column, .faq, .regist { zoom: 1; overflow: hidden; margin-bottom: 30px; }
.column:after, .faq:after, .regist:after { content: ""; clear: both; display: block; }
.column h1, .faq h1, .regist h1 { height: 40px; margin-bottom: 10px; padding-left: 5px; background: #392; background-size: 150px 40px; }
.column h1 img, .faq h1 img, .regist h1 img { width: 300px; height: 40px; }
.column .contents, .faq .contents, .regist .contents { padding: 0 2%; }
p.return a { padding-left: 20px; background: url(../../../../suica/cp/applepay/s/img/return_arrow.png) no-repeat left center; background-size: 20px 20px; display: block; }

#flink { padding: 10px; }
#flink ul li a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }


/* Header */
#header { width: 100%; }
#header h1 { width: 94%; max-width: 480px; height: auto; margin: 10px auto 5px auto; }
#keyvisual { width: 100%; padding-bottom: 10px; border-bottom: solid 1px #999; background: url(../img/kv_bg.gif) repeat-x 0 0; background-size: 100% 160px; }
#kvbox { width: 300px; height: 200px; margin: 0 auto; position: relative; }
#kvbox h2 { width: 300px; height: auto; padding-top: 10px; }
#kvbox #kviphone { width: 80px; height: auto; position: absolute; left: 0; top: 40px; }
#kvbox h3, #kvbox h4, #kvbox #kvlogo { width: 210px; height: auto; position: absolute; left: 90px; }
#kvbox h3 { top: 40px; }
#kvbox h4 { top: 105px; }
#kvbox #kvlogo { top: 170px; }
#header h1 img, #kvbox h2 img, #kvbox h3 img, #kvbox h4 img, #kvbox #kviphone img, #kvbox #kvlogo img { width: 100%; height: auto; }
#shoplist { width: 300px; height: auto; margin: 0 auto; padding: 3px 0; position: relative; }
#shoplist dt { width: 80px; height: auto; position: absolute; left: 0; }
#shoplist dd { padding-left: 80px; }
#shoplist dd ul { zoom: 1; overflow: hidden; }
#shoplist dd ul:after { content: ""; clear: both; display: block; }
#shoplist dd ul li { width: 80px; height: auto; float: left; }
#shoplist dd ul li:last-child { width: 60px; }
#shoplist dt img, #shoplist dd ul li img { width: 100%; height: auto; }
#suicaapp { text-align: center; padding: 10px 0; border-top: solid 1px #999; }
#suicaapp img { width: auto; height: 25px; }


/* Overview */
#overview { padding: 0 10px 10px 10px; }
#overview h1 { font-size: 170%; line-height: 1.4; text-align: center; font-weight: normal; color: #392; padding-bottom: .4em; }
#overview p { padding-bottom: .5em; }
#overview p.attention { font-size: 93%; text-indent: -1em; padding-left: 1em; }

#outline ul { }
#outline ul li { line-height: 1.3; padding: .4em 0 .3em 0; border-bottom: dotted 1px #999; word-break: break-all; }
#outline ul li h2 { font-weight: bold; color: #372; padding-bottom: .1em; display: block; }
#outline ul li span { color: #AD9; padding-right: .2em; }
#outline ul li strong#prize { font-size: 115%; line-height: 1.2; color: #F60; padding-bottom: .3em; display: block; }
#outline ul li:first-child { padding-top: 0; }
#outline ul li:last-child { border-bottom: none; }
#outline ul li ul.attention { padding-top: .4em; }
#outline ul li ul.attention li { font-size: 93%; line-height: 1.4; text-indent: -1em; padding: 0 0 .3em 1em; border-bottom: none; }
#outline ul li ul.attention li:last-child { padding-bottom: 0; }
#outline ul li dl { padding-top: .8em; }
#outline ul li dl dt { font-weight: bold; padding-bottom: .2em; }
#outline ul li dl dd { padding-bottom: .8em; }
#outline ul li dl dd dl { padding-top: 0; }
#outline ul li dl dd ul li { text-indent: -1em; padding: 0 0 .1em 1em; border-bottom: none; }
#outline ul li#annotation { font-size: 93%; text-indent: -1em; padding-left: 1em; }
#outline ul li a.btn { line-height: 1.4; font-weight: bold; text-align: center; color: #FFF; text-decoration: none; margin: .5em 0; padding: .7em 0 .6em 0; border-radius: 5px; background: #F60; display: block; }

#notes ul { padding-top: .4em; }
#notes ul li { line-height: 1.4; text-indent: -1em; padding: 0 0 .2em 1em; }
#notes ul li span { color: #AD9; }
#notes ul li strong { color: #C00; border-bottom: solid 1px #C00; }

#notes dl#chargeget { margin-top: 1em; border: solid 1px #392; border-radius: 5px; }
#notes dl#chargeget dt { font-size: 115%; line-height: 1.2; color: #FFF; padding: .4em 0 .4em .5em; background: #392; }
#notes dl#chargeget dd { padding: 8px; }
#notes dl#chargeget dd dl {  }
#notes dl#chargeget dd dl dt { width: 220px; height: 178px; margin: .5em auto; padding: 0; background: none; }
#notes dl#chargeget dd dl dt img { width: 220px; height: auto; }
#notes dl#chargeget dd dl dd { padding: 0; }
#notes dl#chargeget dd dl dd ul { padding: 0; }
#notes dl#chargeget dd dl dd ul li { text-indent: 0; padding: 0 0 .3em 0; }
#notes dl#chargeget dd dl dd p { font-size: 93%; line-height: 1.4; padding: .5em .5em .3em .5em; background: #FCC; }

#privacy ul { padding-top: .4em; }
#privacy ul li { line-height: 1.4; padding: 0 0 .4em 1.2em; position: relative; }
#privacy ul li span { color: #999; position: absolute; left: 0; }
#privacy ul li strong { font-weight: normal; padding-top: .3em; display: block; }
#privacy ul li a.pc { margin-right: .2em; padding-right: 20px; background: url(../img/pc_icon.png) no-repeat right top; background-size: 16px 16px; }

#entry { padding: 0 10px; }
#entry .contents { padding: 10px 10px 0 10px; border: solid 1px #900; background: #FDD; }
#entry p { font-size: 93%; line-height: 1.3; padding-bottom: .5em; }
#entry p.attention { text-indent: -1em; padding-left: 1em; }
#entry p a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }

#teaser { margin: 0 10px; border: solid 1px #C00; background: #FDD; }
#teaser p { font-size: 115%; line-height: 1.3; color: #C00; padding: .5em .4em .4em .4em; }

#license { padding: 0 2%; }
#license ul { padding-bottom: 5px; }
#license ul li { font-size: 85%; line-height: 1.3; text-indent: -1em; padding: 0 0 .3em 1em; }

.registmenu { width:100%; margin: .3em 0 .8em 0; border-bottom: solid 1px #999; }
.registmenu dt { font-size: 105%; line-height: 2; padding: .4em .4em; border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #999; background: #CCC; background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(220,220,220,1)); background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(220,220,220,1)); background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(220,220,220,1)); display: block; cursor: pointer; }
.registmenu dt:before { content: "▼"; color: #F93; padding-right: .2em; }
.registmenu dt:hover { background: #CCC; background: -moz-linear-gradient(top, rgba(255,220,120,1), rgba(255,255,200,1)); background: -webkit-linear-gradient(top, rgba(255,220,120,1), rgba(255,255,200,1)); background: linear-gradient(to bottom, rgba(255,220,120,1), rgba(255,255,200,1)); }
.registmenu dd { padding: 15px 10px 30px 10px; border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #999; background: #FFF; display: none; }
.registmenu dd div { width: 100%; max-width: 300px; height: auto; margin: 0 auto; }
.registmenu dd div img { width: 100%; height: auto; }
.registmenu dd ul li { text-indent: 0 !important; padding-top: .3em !important; position: relative; }
.registmenu dd ul li h4 { position: absolute; left: 0;}
.registmenu dd ul li ul { margin-top: -.2em; padding: 0 0 .5em 0; }
.registmenu dd ul li ul li { text-indent: -1em !important; }
.registmenu dd ul li ul li strong { line-height: 1.2; text-indent: 0; margin: 0 0 0 -1em; padding-bottom: .1em; border-bottom: solid 1px #999; display: block; }

.registmenu dd p { padding-top: .5em; }
.registmenu dd h3 { text-align: center; margin-top: 1em; padding: .3em 0; background: #CCC; }




/* FAQ */
#faqhead { width: 100%; margin-bottom: 10px; background: url(../img/kv_bg.gif); background-size: 100% 100%; }

#anchor h3 { font-size: 105%; font-weight: normal; text-align: center; color: #FFF; padding: .3em 0 .3em 0; }
#anchor { padding: 0 3% 4px 3%; background: url(../../../../suica/cp/applepay/s/img/cards_bg.gif); }
#anchor ul li a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }
p.return a { padding-left: 20px; background: url(../img/return_arrow.png) no-repeat left center; background-size: 20px 20px; display: block; }

.faq dl.faqlist { padding-bottom: 1em; }
.faq dl.faqlist dt { font-size: 123%; line-height: 1.2; font-weight: bold; color: #07C; padding: .6em 0 .4em 1.8em; position: relative; }
.faq dl.faqlist dt h4 { font-size: 90%; line-height: 1.2; text-align: center; color: #07C; width: 1.6em; padding: .2em 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #BDF; position: absolute; left: 0; top: .5em; display: block; }
.faq dl.faqlist dd { line-height: 1.4; padding: 0 0 10px 20px; border-bottom: dotted 1px #999; padding: .2em 0 .6em 2.2em; position: relative; }
.faq dl.faqlist dd h4 { font-size: 110%; line-height: 1.2; text-align: center; color: #900; width: 1.6em; padding: .2em 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #FCC; position: absolute; left: 0; top: .1em; display: block; }
.faq dl.faqlist dd a.btn { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }

.faq dl.faqlist dd dl#chargeget { margin-top: 1em; border: solid 1px #392; border-radius: 5px; }
.faq dl.faqlist dd dl#chargeget dt { font-size: 115%; line-height: 1.2; color: #FFF; padding: .4em 0 .4em .5em; background: #392; }
.faq dl.faqlist dd dl#chargeget dd { padding: 8px; border-bottom: none; }
.faq dl.faqlist dd dl#chargeget dd dl dt { width: 220px; height: 178px; margin: .5em auto; padding: 0; background: none; }
.faq dl.faqlist dd dl#chargeget dd dl dt img { width: 220px; height: auto; }
.faq dl.faqlist dd dl#chargeget dd dl dd { padding: 0; border-bottom: none; }
.faq dl.faqlist dd dl#chargeget dd dl dd ul { padding: 0; }
.faq dl.faqlist dd dl#chargeget dd dl dd ul li { text-indent: 0; padding: 0 0 .3em 0; }
.faq dl.faqlist dd dl#chargeget dd dl dd p { font-size: 93%; line-height: 1.4; padding: .5em .5em .3em .5em; background: #FCC; }

.faq dl.faqlist dd ul#purchaseatte li { padding-top: .8em; }
.faq dl.faqlist dd ul#purchaseatte li strong { color: #392; }
.faq dl.faqlist dd dl#mysuica { margin-top: 1em; }
.faq dl.faqlist dd dl#mysuica dt { font-size: 105%; line-height: 1.2; color: #392; padding: 0 0 .3em 0; border-bottom: solid 1px #392; }
.faq dl.faqlist dd dl#mysuica dd { padding: .3em 0 1.2em 0; border-bottom: none; }

.faq dl.faqlist dd dl#depodit { margin-top: .5em; }
.faq dl.faqlist dd dl#depodit dt { font-size: 100%; line-height: 1.2; font-weight: normal; color: #333; padding: 0 0 .3em 0; }
.faq dl.faqlist dd dl#depodit dd { padding: 0; border-bottom: none; }
.faq dl.faqlist dd dl#depodit dd ul { width: 10em; position: relative; }
.faq dl.faqlist dd dl#depodit dd ul li { text-align: right; }
.faq dl.faqlist dd dl#depodit dd ul li h5 { text-align: left; font-weight: normal; position: absolute; left: 0; }

.faq dl.faqlist dd dl#express { padding: .5em 0 1em 0; }
.faq dl.faqlist dd dl#express dt { font-size: 105%; line-height: 1.2; color: #392; padding: .5em 0 .3em 0; }
.faq dl.faqlist dd dl#express dd { padding: 0; border-bottom: none; }
.faq dl.faqlist dd dl#express dd p { padding-bottom: .5em; }
.faq dl.faqlist dd dl#express dd strong { display: block; }

.faq dl.faqlist dd dl#mbchange { margin-top: 1em; }
.faq dl.faqlist dd dl#mbchange dt { font-size: 115%; line-height: 1.2; color: #392; padding: 0 0 .3em 0; border-bottom: solid 1px #392; }
.faq dl.faqlist dd dl#mbchange dd { padding: .3em 0 1.2em 0; border-bottom: none; }
.faq dl.faqlist dd dl#mbchange dd ul { padding-top: .5em; }
.faq dl.faqlist dd dl#mbchange dd ul li { padding: 0 0 .5em 0; }
.faq dl.faqlist dd dl#mbchange dd ul li h5 { font-size: 105%; text-indent: 0; }
.faq dl.faqlist dd dl#mbchange dd ul li ul { padding-top: .4em;}
.faq dl.faqlist dd dl#mbchange dd ul li ul li { padding: 0 0 .4em 1em;}
.faq dl.faqlist dd dl#mbchange dd ul li ul li h6 { text-indent: -1em; }
.faq dl.faqlist dd dl#mbchange dd ul.attention { padding-top: .2em; }
.faq dl.faqlist dd dl#mbchange dd ul.attention li { text-indent: -1em; padding-left: 1em; }
.faq dl.faqlist dd dl#mbchange dd dl { margin-bottom: .5em; border: solid 1px #C00; background: #FCC; }
.faq dl.faqlist dd dl#mbchange dd dl dt { font-size: 105%; color: #FFF; padding: .4em 0 .3em .4em; border-bottom: none; background: #C00; }
.faq dl.faqlist dd dl#mbchange dd dl dd { padding: .5em .5em .3em .5em; }

.faq dl.faqlist dd ul.attention { font-size: 100%; padding-top: .3em; }
.faq dl.faqlist dd ul.attention li { border-bottom: none; }
.faq dl.faqlist dd ul.indent1em { padding: .3em 0; }
.faq dl.faqlist dd ul.indent1em li { text-indent: -1em; padding-left: 1em; }
.faq dl.faqlist dd ul.indent1em li ul.attention { padding: 0 0 .3em 0; }
.faq dl.faqlist dd ul.indent1em li ul.attention li { text-indent: 0; padding-left: 0; }


.faq dl#applesuica { margin: .8em 0 2em 0; }
.faq dl#applesuica dt { line-height: 16px; text-align: center; }
.faq dl#applesuica dt a { font-size: 105%; line-height: 1.3; text-decoration: none; color: #FFF; padding: 1em 0 .9em 0; border-radius: 5px; background: #F60; display: block; }
.faq dl#applesuica dt a:hover { opacity: .8; }
.faq dl#applesuica dd { font-size: 93%; line-height: 1.3; padding-top: .4em; text-align: center; }


#contact h4 { font-size: 123%; line-height: 1.2; text-align: center; color: #392; padding-top: .6em; }
#contact p { text-align: center; padding-bottom: 1em; margin-bottom: 1em; border-bottom: solid 1px #CCC; }
#contact p strong a { font-size: 180%; color: #C00; }


/* Nets修正追記 */
p.redtxt{
	color:#c00;!important;
	padding-left:1em;
}
p.cautionadd{
	padding-left:1em;
}
#outline ul li a.blank,#mbchange ul li a.blank{ padding-right: 20px; background: url(../img/blank_icon.png) no-repeat right top; background-size: 16px 16px; }

/* Nets追加2017.10.1 */
p#finish{
	border:2px solid #ff0000;
	margin:1em 0;
	padding:1em;
	color:#ff0000;
}

p.finish{
	color:#ff0000;
}
