@charset "UTF-8";
html { font-size: 62.5%; }

body { font: 10px/1.2 sans-serif; font-size: 1rem; word-break: break-all; word-wrap: break-word; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; }

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, select, table, tr, th, td, article, aside, footer, header, hgroup, nav, section { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p { margin: 0; }

img { vertical-align: bottom; }

.cf { zoom: 1; }
.cf:before, .cf:after { content: ''; display: table; }
.cf:after { clear: both; }

.pir { text-indent: 100%; background-repeat: no-repeat; background-position: 0 0; white-space: nowrap; overflow: hidden; }
.pir a { display: block; width: 100%; height: 100%; text-decoration: none; }

html, body { height: 100%; }

body { color: #ffffff; background: #13324d url(../../img/body-back.jpg) repeat; font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

a:link { color: #00cccc; text-decoration: none; }

/* #page */
#page { background: url(../../img/body-back-top.jpg) center top no-repeat; }

/* #header */
/* #gnav */
/* #main */
#main { margin: 0 auto; width: 960px; color: #262626; }
#main .rights { padding: 32px 0; color: #ffffff; line-height: 1.5; text-align: center; }
#main .rights small { font-size: 1.4rem; }

/* #content */
#content { background-color: #ffffff; line-height: 1.5; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5); }

/* #footer */
@media only screen and (min-width: 768px) { /* #page */
  /* #header */
  /* #gnav */
  /* #main */
  /* #content */
  /* #footer */ }
@media only screen and (min-width: 992px) { /* #page */
  /* #header */
  /* #gnav */
  /* #main */
  /* #content */
  /* #footer */ }
@media only screen and (min-width: 1200px) { /* #page */
  /* #header */
  /* #gnav */
  /* #main */
  /* #content */
  /* #footer */ }
#content a:link { color: #00cccc; text-decoration: none; }
#content a:hover { color: #cc6600; text-decoration: underline; }
#content a:visited { color: #666666; }
#content a:visited:hover { color: #cc6600; }

body.home #content .front { position: relative; width: 960px; color: #ffffff; background: #000000 url(../../img/front-visual.jpg) no-repeat; }
body.home #content .front .present { margin: 376px 0 0; }
body.home #content .front .instruct { padding-top: 8px; }
body.home #content .instruct { margin: 0 auto; padding: 48px 0; list-style: none; text-align: center; }
body.home #content .instruct .link { margin: 16px; display: inline-block; }
body.home #content .instruct a img { transform: scale(1); transition: .1s ease-in-out; }
body.home #content .instruct a:hover img { transform: scale(1.04); }
body.home #content .howto { padding-bottom: 80px; background-color: #ffffff; }
body.home #content .howto .heading { position: relative; z-index: 2; }
body.home #content .howto .lead { margin-top: -8px; padding: 20px 0 40px; position: relative; z-index: 1; max-height: 152px; background: url(../../img/howto-leadbg.png) center bottom no-repeat; text-align: center; font-weight: bold; font-size: 2rem; }
body.home #content .howto .steps { margin: 32px 0 0; padding: 0; list-style: none; text-align: center; }
body.home #content .howto .steps li:after { margin: 24px 0; display: block; color: #00cccc; text-align: center; content: "\f107"; font-family: FontAwesome; line-height: .3; font-size: 16rem; }
body.home #content .howto .steps li:last-child:after { margin-top: 0; content: none; }
body.home #content .howto .steps li .desc { margin: 12px 0; font-size: 2rem; font-weight: bold; }
body.home #content .howto .steps li .note { margin: 12px 0; font-size: 1.4rem; }
body.home #content .howto1 .package { margin: 40px auto 0; display: table; }
body.home #content .howto1 .package .fig { display: table-cell; }
body.home #content .howto1 .package .link { padding-left: 20px; display: table-cell; vertical-align: middle; }
body.home #content .howto1 .season { margin-top: 32px; text-align: center; }
body.home #content .howto1 .steps { margin-top: 72px; }
body.home #content .howto2 .season { margin-top: 40px; text-align: center; }
body.home #content .foot { padding-bottom: 16px; color: #ffffff; background: #000000 url(../../img/footer-bar.png) center bottom no-repeat; }
body.home #content .foot .instruct { margin-bottom: -48px; }
body.home #content .foot .notes { padding: 40px; }
body.home #content .foot .notes .heading { margin-bottom: 8px; font-size: 2rem; font-weight: bold; }
body.home #content .foot .notes ul { margin: 0; padding: 0 0 0 1.5em; font-size: 1.6rem; }

/*# sourceMappingURL=bundle.css.map */