@charset "UTF-8";
/* line 5, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* line 45, ../../chibibeach_compile/sass/_base.scss */
#twitter a { overflow: hidden; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-size: contain; }

/* set
-------------------------------------------------- */
/* line 9, ../../chibibeach_compile/sass/_layout.scss */
*, *:before, *:after { box-sizing: border-box; }

/* line 12, ../../chibibeach_compile/sass/_layout.scss */
img { vertical-align: bottom; }

/* @ media screen
-------------------------------------------------- */
/* line 18, ../../chibibeach_compile/sass/_layout.scss */
html { height: 100%; }

/* line 19, ../../chibibeach_compile/sass/_layout.scss */
body { height: 100%; width: 100%; }
@media only screen and (min-width: 426px), print { /* line 24, ../../chibibeach_compile/sass/_layout.scss */
  body { color: #009fe8; }
  /* line 25, ../../chibibeach_compile/sass/_layout.scss */
  body .sp { display: none !important; } }
@media only screen and (max-width: 425px) { /* line 29, ../../chibibeach_compile/sass/_layout.scss */
  body { color: #lineCol; }
  /* line 30, ../../chibibeach_compile/sass/_layout.scss */
  body .pc { display: none !important; } }

/* line 38, ../../chibibeach_compile/sass/_layout.scss */
body * { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important; font-feature-settings: "palt"; letter-spacing: 0.04em; line-height: 1.6; color: #222; }

/* color */
/* line 47, ../../chibibeach_compile/sass/_layout.scss */
a, a * { color: #009fe8; text-decoration: none; }
/* line 74, ../../chibibeach_compile/sass/_base.scss */
a:hover, a:active, a:focus, a *:hover, a *:active, a *:focus { color: rgba(0, 159, 232, 0.8); }

/* line 52, ../../chibibeach_compile/sass/_layout.scss */
a.link { position: relative; padding-left: 10px; }
/* line 151, ../../chibibeach_compile/sass/_base.scss */
a.link:before { display: block; content: ""; position: absolute; top: 3px; left: 1px; width: 0; height: 0; border: 4px solid transparent; border-left-color: #009fe8; }

/* font size */
@media only screen and (max-width: 425px) { /* line 57, ../../chibibeach_compile/sass/_layout.scss */
  body * { font-size: 13px; font-size: 0.8125rem; line-height: 1.6; }
  /* line 60, ../../chibibeach_compile/sass/_layout.scss */
  body * h2, body * h2 * { font-size: 22px; font-size: 1.375rem; line-height: 1.6; }
  /* line 61, ../../chibibeach_compile/sass/_layout.scss */
  body * h3, body * h3 * { font-size: 18px; font-size: 1.125rem; line-height: 1.6; }
  /* line 62, ../../chibibeach_compile/sass/_layout.scss */
  body * footer { font-size: 11px; font-size: 0.6875rem; line-height: 1.6; } }
@media only screen and (min-width: 426px) and (max-width: 768px), print { /* line 57, ../../chibibeach_compile/sass/_layout.scss */
  body * { font-size: 13px; font-size: 0.8125rem; line-height: 1.6; }
  /* line 66, ../../chibibeach_compile/sass/_layout.scss */
  body * h2, body * h2 * { font-size: 18px; font-size: 1.125rem; line-height: 1.6; }
  /* line 67, ../../chibibeach_compile/sass/_layout.scss */
  body * h3, body * h3 * { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; }
  /* line 68, ../../chibibeach_compile/sass/_layout.scss */
  body * footer { font-size: 12px; font-size: 0.75rem; line-height: 1.6; } }
@media only screen and (min-width: 426px), print { /* line 57, ../../chibibeach_compile/sass/_layout.scss */
  body * { font-size: 14px; font-size: 0.875rem; line-height: 1.6; }
  /* line 72, ../../chibibeach_compile/sass/_layout.scss */
  body * h2, body * h2 * { font-size: 19px; font-size: 1.1875rem; line-height: 1.6; }
  /* line 73, ../../chibibeach_compile/sass/_layout.scss */
  body * h3, body * h3 * { font-size: 16px; font-size: 1rem; line-height: 1.6; }
  /* line 74, ../../chibibeach_compile/sass/_layout.scss */
  body * footer { font-size: 12px; font-size: 0.75rem; line-height: 1.6; } }

/* footnote 脚注 */
/* line 79, ../../chibibeach_compile/sass/_layout.scss */
.footnote { font-size: 0.7em; position: relative; bottom: 0.55em; }

/* .attention 特筆事項 */
/* line 86, ../../chibibeach_compile/sass/_layout.scss */
.attention { font-size: 0.85em; }

/* line 96, ../../chibibeach_compile/sass/_layout.scss */
a.btn { margin: 0 auto 0; text-align: center; position: relative; display: block; width: 80%; max-width: 240px; height: 44px; background-color: #009fe8; line-height: 44px; border-radius: 8px; color: #fff; text-decoration: none; }
/* line 110, ../../chibibeach_compile/sass/_layout.scss */
a.btn:hover { background-color: #FFF; border: 2px solid #009fe8; color: #009fe8; line-height: 40px; }

/* line 120, ../../chibibeach_compile/sass/_layout.scss */
.sns { line-height: 1.0em; }

/* line 121, ../../chibibeach_compile/sass/_layout.scss */
.fb_iframe_widget { line-height: 1.0em; }

/* line 122, ../../chibibeach_compile/sass/_layout.scss */
.fb_iframe_widget > span { vertical-align: baseline; }

/* flame.scss  ------------------------------------------- */
/* line 15, ../../chibibeach_compile/sass/flame.scss */
.flex, nav ul { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
/* line 21, ../../chibibeach_compile/sass/flame.scss */
.flex > * > *:nth-child(n+2), nav ul > * > *:nth-child(n+2) { margin-top: 16px; }
/* line 25, ../../chibibeach_compile/sass/flame.scss */
.flex > * > img, nav ul > * > img { width: 100%; height: auto; }
@media only screen and (min-width: 426px), print { /* line 32, ../../chibibeach_compile/sass/flame.scss */
  .clm2.flex > *, nav ul.clm2 > * { width: 48.5%; }
  /* line 33, ../../chibibeach_compile/sass/flame.scss */
  .clm3.flex > *, nav ul.clm3 > * { width: 31.2%; }
  /* line 34, ../../chibibeach_compile/sass/flame.scss */
  .clm4.flex > *, nav ul.clm4 > * { width: 23%; } }
@media only screen and (max-width: 425px) { /* line 15, ../../chibibeach_compile/sass/flame.scss */
  .flex, nav ul { flex-direction: column; }
  /* line 39, ../../chibibeach_compile/sass/flame.scss */
  .clm2.flex > *, nav ul.clm2 > *, .clm3.flex > *, nav ul.clm3 > *, .clm4.flex > *, nav ul.clm4 > * { width: 100%; }
  /* line 43, ../../chibibeach_compile/sass/flame.scss */
  .clm2.flex > *:nth-child(n+2), nav ul.clm2 > *:nth-child(n+2), .clm3.flex > *:nth-child(n+2), nav ul.clm3 > *:nth-child(n+2), .clm4.flex > *:nth-child(n+2), nav ul.clm4 > *:nth-child(n+2) { padding-top: 48px; } }

/* line 50, ../../chibibeach_compile/sass/flame.scss */
.article_ttl { padding-bottom: 48px; line-height: 1; }
/* line 53, ../../chibibeach_compile/sass/flame.scss */
.article_ttl i { display: block; font-size: 32px; line-height: 48px; }

/* line 64, ../../chibibeach_compile/sass/flame.scss */
.sb-header { position: fixed; top: 0; display: none; z-index: 9000; }

/* line 70, ../../chibibeach_compile/sass/flame.scss */
#main-area { margin: 0 auto 0; width: 90% !important; max-width: 960px; min-width: 288px; }
@media only screen and (min-width: 769px), print { /* line 70, ../../chibibeach_compile/sass/flame.scss */
  #main-area { padding-top: 32px; } }
@media only screen and (min-width: 426px) and (max-width: 768px), print { /* line 70, ../../chibibeach_compile/sass/flame.scss */
  #main-area { padding-top: 88px; } }
@media only screen and (max-width: 425px) { /* line 70, ../../chibibeach_compile/sass/flame.scss */
  #main-area { padding-top: 88px; } }

/* line 85, ../../chibibeach_compile/sass/flame.scss */
article { margin: 0 auto 0; padding-bottom: 10px; max-width: 860px; }

/* line 90, ../../chibibeach_compile/sass/flame.scss */
body h2, body h2 *, body h3, body h3 * { line-height: 1; font-weight: bold; }

/* line 98, ../../chibibeach_compile/sass/flame.scss */
h2, h2 * { color: #e50012; text-align: center; }

/* line 103, ../../chibibeach_compile/sass/flame.scss */
section { border-top: 1px dashed #222; padding: 48px 24px; }
/* line 106, ../../chibibeach_compile/sass/flame.scss */
section img { width: 100%; height: auto; }
@media only screen and (max-width: 768px) { /* line 103, ../../chibibeach_compile/sass/flame.scss */
  section { padding: 48px 0px; } }

/* line 122, ../../chibibeach_compile/sass/flame.scss */
.sb-header { background: #fff; width: 100%; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1); }
/* line 126, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder { position: relative; padding: 20px 32px; }
/* line 129, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder .sb-logo { max-width: 432px; width: 80%; height: 24px; }
/* line 133, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder .sb-logo img { max-width: 432px; max-height: 24px; }
/* line 138, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder p { position: absolute; width: 32px; height: 42px; top: 0; bottom: 4px; right: 32px; margin: auto 0; }
/* line 144, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder p *, .sb-header .sb-holder p a:hover { color: #009fe8; }
/* line 145, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder p a { display: flex; flex-direction: column; }
/* line 149, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder p i { font-size: 32px; font-size: 2rem; line-height: 1.6; line-height: 1; }
/* line 153, ../../chibibeach_compile/sass/flame.scss */
.sb-header .sb-holder p span { font-size: .6rem; line-height: 1; text-align: center; }
@media only screen and (max-width: 425px) { /* line 161, ../../chibibeach_compile/sass/flame.scss */
  .sb-header .sb-holder { position: relative; padding: 4%; }
  /* line 164, ../../chibibeach_compile/sass/flame.scss */
  .sb-header .sb-holder p { right: 4%; } }

/* line 171, ../../chibibeach_compile/sass/flame.scss */
#twitter { position: fixed; top: 136px; right: 0; z-index: 9000; }
/* line 175, ../../chibibeach_compile/sass/flame.scss */
#twitter a { display: block; height: 104px; width: 36px; background: transparent url(../img/common/btn_twitter.png) 0 0 no-repeat; background-size: 36px auto; }
/* line 182, ../../chibibeach_compile/sass/flame.scss */
#twitter a:hover { background-position: 0 bottom; }
/* line 185, ../../chibibeach_compile/sass/flame.scss */
#twitter a img { width: 100%; }
@media only screen and (max-width: 768px) { /* line 190, ../../chibibeach_compile/sass/flame.scss */
  #twitter { display: none !important; } }

/* line 194, ../../chibibeach_compile/sass/flame.scss */
#backtop { position: fixed; bottom: 0; right: 0; z-index: 9000; }
/* line 198, ../../chibibeach_compile/sass/flame.scss */
#backtop a { display: block; background: #fff100; display: inline-block; width: 80px; height: 80px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; line-height: 80px; vertical-align: text-top; text-align: center; line-height: 80px; margin: 0 32px 32px 0; font-weight: bold; text-align: center; }
/* line 206, ../../chibibeach_compile/sass/flame.scss */
#backtop a:hover { background-color: #FFF366; color: #009fe8; }
@media only screen and (min-width: 426px), print { /* line 211, ../../chibibeach_compile/sass/flame.scss */
  #backtop a:after { content: "TOP"; } }
@media only screen and (max-width: 425px) { /* line 216, ../../chibibeach_compile/sass/flame.scss */
  #backtop a { display: inline-block; width: 40px; height: 40px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; line-height: 40px; vertical-align: text-top; text-align: center; padding: 0; line-height: 40px; } }

/* line 223, ../../chibibeach_compile/sass/flame.scss */
nav { max-width: 960px; position: relative; margin: 0 auto 0; padding: 24px 32px 24px; height: 118px; font-weight: bold; }
/* line 230, ../../chibibeach_compile/sass/flame.scss */
nav .organizer { position: absolute; right: 32px; top: 24px; }
/* line 234, ../../chibibeach_compile/sass/flame.scss */
nav .organizer *:nth-child(n+2) { margin-left: 8px; }
/* line 238, ../../chibibeach_compile/sass/flame.scss */
nav h1 { padding-bottom: 24px; }
/* line 241, ../../chibibeach_compile/sass/flame.scss */
nav a { color: #222; line-height: 1; }
/* line 244, ../../chibibeach_compile/sass/flame.scss */
nav a :hover { color: #009fe8 !important; opacity: 1; }
/* line 249, ../../chibibeach_compile/sass/flame.scss */
nav ul { justify-content: space-around; padding: 24px 0 0; background: transparent url("../img/common/bg.svg") left top repeat-x; background-size: 107px 5px; }
/* line 255, ../../chibibeach_compile/sass/flame.scss */
nav ul li { text-align: center; line-height: 1; }
@media only screen and (max-width: 768px) { /* line 261, ../../chibibeach_compile/sass/flame.scss */
  nav { display: none; } }

/* line 264, ../../chibibeach_compile/sass/flame.scss */
footer { max-width: 960px; margin: 5rem auto 0; padding: 24px 32px 24px; background: transparent url("../img/common/bg.svg") left top repeat-x; background-size: 107px 5px; }
/* line 270, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper { margin: 0 auto 0; }
/* line 272, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl { padding: 16px 0; text-align: center; }
/* line 275, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl dt, footer .wrapper dl dd { display: inline-block; line-height: 1; font-size: 0.7rem; }
/* line 280, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl dt { padding-right: 8px; }
/* line 281, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl dd { padding-left: 8px; }
/* line 284, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.owner dt { border-right: 1px solid #222; }
@media only screen and (max-width: 425px) { /* line 289, ../../chibibeach_compile/sass/flame.scss */
  footer .wrapper dl.owner dt, footer .wrapper dl.owner dd { width: 100%; border-right: none; line-height: 1.4rem; } }
/* line 295, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.owner a { font-size: 12px; }
/* line 299, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer { border-top: 1px solid #222; }
/* line 301, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer dt, footer .wrapper dl.organizer dd { line-height: 32px; vertical-align: middle; }
/* line 304, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer dt *, footer .wrapper dl.organizer dd * { vertical-align: middle; }
/* line 306, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer dt { font-size: .6rem; }
/* line 309, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer dd + dd { padding-left: 16px; }
/* line 310, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper dl.organizer dd + dt { padding-left: 32px; }
@media only screen and (max-width: 425px) { /* line 313, ../../chibibeach_compile/sass/flame.scss */
  footer .wrapper dl.organizer dt { width: 100%; line-height: 1.4rem; }
  /* line 317, ../../chibibeach_compile/sass/flame.scss */
  footer .wrapper dl.organizer dd { padding-bottom: 16px; }
  /* line 319, ../../chibibeach_compile/sass/flame.scss */
  footer .wrapper dl.organizer dd:last-child { padding-bottom: 0; } }
/* line 323, ../../chibibeach_compile/sass/flame.scss */
footer .wrapper p { padding-top: 8px; text-align: center; font-size: 0.7rem; }