/* === style.css === */
@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, mark, menu, nav, object, ol, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: 0px 0px; }
body, p { border: 0px; vertical-align: baseline; }
body { margin: 0px; line-height: 1; font-size: 14px; }
p { margin: 0px 0px 1em; }
a, body, img, p { background: 0px 0px; }
a, img, p { font-size: 100%; }
body, img, p { outline: 0px; }
img { margin: 0px; }
a { vertical-align: baseline; }
a, ins { text-decoration: none; }
body, hr, img, p { padding: 0px; }
img, input, select { vertical-align: middle; }
a, input, textarea { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
i { display: inline-block; }
hr, img { border: 0px; }
ol, ul { padding-left: 20px; }
html { min-height: 100%; }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
:root { --swiper-navigation-size: 44px; }
.grid-wrapper { box-sizing: border-box; max-width: 960px; margin: 0px auto; padding-right: 1rem; padding-left: 1rem; width: 100%; overflow: hidden; }
.grid-wrapper--lg { max-width: 1280px; }
.grid-wrapper--no-gutter { padding-right: 0px; padding-left: 0px; }
.grid-wrapper--full, .row { box-sizing: border-box; }
.grid-wrapper--full { padding-right: 0px; padding-left: 0px; max-width: 100%; margin: 0px auto; width: 100%; overflow: hidden; }
.row { display: flex; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; flex-flow: wrap; margin-right: -1rem; margin-left: -1rem; }
.row-item-gutter--lg { margin-left: -2rem; margin-right: -2rem; }
.row-item-gutter--lg > [class*="col-"] { padding-left: 2rem; padding-right: 2rem; }
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { box-sizing: border-box; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { -webkit-box-flex: 0; flex-grow: 0; flex-basis: 8.33333%; max-width: 8.33333%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 25%; max-width: 25%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 50%; max-width: 50%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5ths, .col-xs-7, .col-xs-8, .col-xs-9 { flex-basis: 58.3333%; max-width: 58.3333%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5ths, .col-xs-8, .col-xs-9 { flex-basis: 66.6667%; max-width: 66.6667%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5ths, .col-xs-9 { flex-basis: 75%; max-width: 75%; }
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5ths { flex-basis: 83.3333%; max-width: 83.3333%; }
.col-xs-11, .col-xs-12, .col-xs-5ths { flex-basis: 91.6667%; max-width: 91.6667%; }
.col-xs-12, .col-xs-5ths { flex-basis: 100%; max-width: 100%; }
.col-xs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.start-xs { -webkit-box-pack: start; justify-content: flex-start; text-align: start; }
.center-xs { -webkit-box-pack: center; justify-content: center; text-align: center; }
.middle-xs { -webkit-box-align: center; align-items: center; }
.basis-auto-xs { flex-basis: auto; }
@media only screen and (min-width: 480px){
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { box-sizing: border-box; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; }
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { -webkit-box-flex: 0; flex-grow: 0; flex-basis: 8.33333%; max-width: 8.33333%; }
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { flex-basis: 25%; max-width: 25%; }
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-4, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-5, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-5ths, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { flex-basis: 50%; max-width: 50%; }
.col-sm { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.basis-auto-sm { flex-basis: auto; }
}
@media only screen and (min-width: 768px){
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { box-sizing: border-box; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { -webkit-box-flex: 0; flex-grow: 0; flex-basis: 8.33333%; max-width: 8.33333%; }
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-md-10, .col-md-11, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { flex-basis: 25%; max-width: 25%; }
.col-md-10, .col-md-11, .col-md-12, .col-md-4, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-md-10, .col-md-11, .col-md-12, .col-md-5, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-md-10, .col-md-11, .col-md-12, .col-md-5ths, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { flex-basis: 50%; max-width: 50%; }
.col-md { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.basis-auto-md { flex-basis: auto; }
}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-webkit-keyframes anim-balloon { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(0.965, 0.965, 0.965); }
}
@keyframes anim-balloon { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(0.965, 0.965, 0.965); }
}
@-webkit-keyframes anim-shake { 
  10%, 30%, 50%, 70%, 90% { transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.8deg); }
  0%, 20%, 40%, 60%, 80%, 100% { transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.8deg); }
}
@keyframes anim-shake { 
  10%, 30%, 50%, 70%, 90% { transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.8deg); }
  0%, 20%, 40%, 60%, 80%, 100% { transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.8deg); }
}
@-webkit-keyframes anim-bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -0.75em, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -0.375em, 0px); }
  90% { transform: translate3d(0px, -0.1875em, 0px); }
}
@keyframes anim-bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -0.75em, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -0.375em, 0px); }
  90% { transform: translate3d(0px, -0.1875em, 0px); }
}
@-webkit-keyframes anim-reflection { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  50% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  75% { transform: scale(0) rotate(45deg); opacity: 0.75; }
  100% { transform: scale(100) rotate(45deg); opacity: 0; }
}
@keyframes anim-reflection { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  50% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  75% { transform: scale(0) rotate(45deg); opacity: 0.75; }
  100% { transform: scale(100) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes anim-pulse { 
  0%, 100% { filter: brightness(100%); }
  50% { filter: brightness(115%); }
}
@keyframes anim-pulse { 
  0%, 100% { filter: brightness(100%); }
  50% { filter: brightness(115%); }
}
@-webkit-keyframes pulse-ring { 
  0% { box-shadow: rgba(29, 200, 200, 0.6) 0px 0px 0px 0px; }
  60% { box-shadow: transparent 0px 0px 0px 12px; }
  100% { box-shadow: transparent 0px 0px 0px 0px; }
}
@keyframes pulse-ring { 
  0% { box-shadow: rgba(29, 200, 200, 0.6) 0px 0px 0px 0px; }
  60% { box-shadow: transparent 0px 0px 0px 12px; }
  100% { box-shadow: transparent 0px 0px 0px 0px; }
}
@-webkit-keyframes shake { 
  0%, 82%, 100% { transform: translateY(0px); }
  86%, 95% { transform: translate(2px, 2px) rotate(0deg); }
  87% { transform: translate(-1px, -3px) rotate(-1deg); }
  88% { transform: translate(-2px, 0px) rotate(1deg); }
  89% { transform: translate(0px, 2px) rotate(0deg); }
  90% { transform: translate(1px, -1px) rotate(1deg); }
  91% { transform: translate(-1px, 1px) rotate(-1deg); }
  92% { transform: translate(-2px, 0px) rotate(0deg); }
  93% { transform: translate(1px, 1px) rotate(-1deg); }
  94% { transform: translate(-2px, -1px) rotate(1deg); }
  96% { transform: translate(2px, -3px) rotate(-1deg); }
}
@keyframes shake { 
  0%, 82%, 100% { transform: translateY(0px); }
  86%, 95% { transform: translate(2px, 2px) rotate(0deg); }
  87% { transform: translate(-1px, -3px) rotate(-1deg); }
  88% { transform: translate(-2px, 0px) rotate(1deg); }
  89% { transform: translate(0px, 2px) rotate(0deg); }
  90% { transform: translate(1px, -1px) rotate(1deg); }
  91% { transform: translate(-1px, 1px) rotate(-1deg); }
  92% { transform: translate(-2px, 0px) rotate(0deg); }
  93% { transform: translate(1px, 1px) rotate(-1deg); }
  94% { transform: translate(-2px, -1px) rotate(1deg); }
  96% { transform: translate(2px, -3px) rotate(-1deg); }
}
@font-face { font-family: FontAwesome; src: url("/images/guild-community/css/assets/fontawesome-webfont.woff") format("woff"), url("/images/guild-community/css/assets/fontawesome-webfont.ttf") format("truetype"); font-weight: 400; font-style: normal; }
.fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.fa-info-circle::before { content: ""; }
.mfp-title, body { overflow-wrap: break-word; }
*, .c-wrapper { box-sizing: border-box; }
html { font-size: 62.5%; }
body { color: rgb(5, 22, 26); font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; line-height: 1.6; background-color: rgb(255, 255, 255); }
h2 { font-size: inherit; line-height: inherit; }
body, select { font-size: 1.4rem; }
.c-wrapper { max-width: 960px; margin: 0px auto; padding-right: 1rem; padding-left: 1rem; width: 100%; }
.c-wrapper--lg { max-width: 1280px; }
.c-wrapper--sm { max-width: 720px; }
.c-wrapper--no-gutter { padding-right: 0px; padding-left: 0px; }
.c-inner { padding: 20px 20px 1px; }
.c-inner--sm { padding: 10px 10px 1px; }
.c-inner--lg { padding: 40px 40px 20px; }
.c-inner--one-elem { padding-bottom: 20px; }
.c-inner--one-elem.c-inner--sm { padding-bottom: 10px; }
.c-inner--one-elem.c-inner--md { padding-bottom: 20px; }
.c-inner--one-elem.c-inner--lg { padding-bottom: 40px; }
.c-inner--vertical { padding-left: 0px; padding-right: 0px; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.c-inner { padding: 20px 20px 1px; }
.c-inner--sm { padding: 10px 10px 1px; }
.c-inner.c-inner--one-elem { padding-bottom: 20px; }
.c-inner.c-inner--one-elem.c-inner--sm { padding-bottom: 10px; }
.c-inner.c-inner--vertical { padding-left: 0px; padding-right: 0px; }
}
.c-img img { display: inline-block; vertical-align: top; }
.c-img--responsive img { display: inline-block; max-width: 100%; height: auto; }
.c-img--responsive-v img { display: inline-block; max-height: 100%; width: auto; }
.c-img--circle .pera1-clip-image, .c-img--circle img { border-radius: 50%; }
.c-img--responsive img:not([width])[src$=".svg"], .c-img--responsive img:not([width])[src$=".svgz"] { width: 100%; max-width: 300px; }
.c-img-frame img { border: 10px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px 0px; }
.c-img-icon--circle, .c-root-img-to-circle img { border-radius: 50%; }
.c-bg-img { background-position: center center; background-repeat: no-repeat; }
.c-bg-img--cover { background-size: cover; }
.c-bg-color { background-color: rgb(247, 247, 247); }
.c-embedly-object { position: relative; }
.c-embedly-object--responsive { padding-bottom: 56.25%; height: 0px; overflow: hidden; }
.c-embedly-object--responsive embed, .c-embedly-object--responsive iframe, .c-embedly-object--responsive object { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.c-btn .btn-customform-submit, .c-btn a, .c-btn button, .c-btn input { background-color: rgb(40, 195, 212); color: rgb(255, 255, 255); display: inline-block; font-size: 1.6rem; transition: opacity 0.3s; text-align: center; text-shadow: none; border: 0px; cursor: pointer; font-weight: 400; padding: 0.8em 1.8em; min-width: 30%; line-height: 1.2; font-family: inherit; }
.c-btn .btn-customform-submit:hover, .c-btn a:hover, .c-btn button:hover, .c-btn input:hover { opacity: 0.8; }
.c-btn--sm .btn-customform-submit, .c-btn--sm a, .c-btn--sm button, .c-btn--sm input { font-size: 1.4rem; padding: 0.8em 1.8em; min-width: 1%; }
.c-btn--lg .btn-customform-submit, .c-btn--lg a, .c-btn--lg button, .c-btn--lg input { font-size: 2rem; padding: 0.8em 1.8em; min-width: 47%; }
.c-btn--full .btn-customform-submit, .c-btn--full a, .c-btn--full button, .c-btn--full input { padding-left: 0.4em; padding-right: 0.4em; width: 100%; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.c-btn .btn-customform-submit, .c-btn a, .c-btn button, .c-btn input { padding-left: 0.8em; padding-right: 0.8em; }
.c-btn--sm a, .c-btn--sm button, .c-btn--sm input { font-size: 1.6rem; padding: 0.4em 0.8em; }
.c-btn--lg a, .c-btn--lg button, .c-btn--lg input { padding-left: 1.8em; padding-right: 1.8em; }
.c-btn--full .btn-customform-submit, .c-btn--full a, .c-btn--full button, .c-btn--full input { padding-left: 0.4em; padding-right: 0.4em; }
}
.c-heading { font-size: 2.8rem; line-height: 1.3; }
.c-heading--sm { font-size: 2rem; }
.c-heading--lg { font-size: 3.6rem; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.c-heading { font-size: 2rem; }
.c-heading--sm { font-size: 1.6rem; }
.c-heading--lg { font-size: 2.4rem; }
}
.c-border { border: 3px solid rgb(40, 195, 212); }
.c-list li + li, .c-list-v li + li { margin-top: 0.8em; }
.c-list-v ul { padding-left: 0px; list-style-type: none; }
.c-list-v--lg li + li { margin-top: 1.5em; }
.c-symbol { background-color: rgb(40, 195, 212); border-radius: 50%; color: rgb(255, 255, 255); font-weight: 700; text-align: center; overflow: hidden; font-size: 14px; line-height: 30px; height: 30px; width: 30px; }
.c-symbol--sm { font-size: 12px; font-weight: 400; line-height: 20px; height: 20px; width: 20px; }
.p-article--bdr__box { background-color: rgb(255, 255, 255); }
.p-heading__inner { padding-top: 40px; padding-bottom: 5px; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-heading__inner { padding-top: 20px; }
}
.p-heading-arrow--v2 { position: relative; overflow: visible; color: rgb(255, 255, 255); background-color: rgb(40, 195, 212); }
.p-heading-arrow--v2::before { display: block; content: ""; position: absolute; z-index: 1; bottom: -50px; left: 50%; transform: translateX(-50%); border-width: 30px; border-style: solid; border-color: rgb(40, 195, 212) transparent transparent; border-image: none; }
.p-heading-arrow--v2 .p-heading-arrow__inner { padding-bottom: 1em; padding-top: 1em; }
.p-heading-btm-bdr { position: relative; margin-bottom: 15px; padding-bottom: 15px; }
.p-heading-btm-bdr::after { bottom: 0px; content: ""; display: block; position: absolute; border-top: 2px solid rgb(40, 195, 212); margin-left: -30px; left: 50%; width: 60px; }
.p-navigation { position: relative; border-color: inherit; background-color: inherit; }
.p-navigation__wrapper { overflow: visible; background-color: inherit; }
@media only screen and (min-width: 1px) and (max-width: 768px){
.p-navigation { display: block; }
}
.p-header { background-color: rgb(255, 255, 255); }
.p-header__nav-heading { min-height: 35px; }
.p-header__logo > a > img, .p-header__logo > img { max-height: 50px; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-header__logo > a > img, .p-header__logo > img { max-height: 40px; }
}
@media only screen and (min-width: 1px) and (max-width: 768px){
.p-header__nav-heading { padding: 4px 40px 0px 0px; }
}
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-header { font-size: 1.1rem; }
}
.p-header-fixed { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 1000; margin-top: 0px !important; }
.p-others-shop-menu__card { border: 1px solid rgb(204, 204, 204); border-radius: 6px; box-shadow: rgb(247, 247, 247) 0px 6px 4px 0px; position: relative; background-color: rgb(255, 255, 255); }
.p-main { position: relative; min-height: 500px; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-main { min-height: 200px; padding: 20px 0px; }
}
.p-premium-heading-grad { position: relative; padding: 10px 0px; background-color: rgb(40, 195, 212); }
.p-premium-heading-grad::after, .p-premium-heading-grad::before { content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; right: 0px; width: 100%; height: 1px; }
.p-premium-heading-grad::before { top: 5px; }
.p-premium-heading-grad::after { bottom: 5px; }
.p-premium-heading-grad__inner { display: block; padding: 10px; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px; background: radial-gradient(rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0.5) 100%) rgb(40, 195, 212); }
.p-premium-letter-card { box-shadow: rgb(135, 0, 2) 0px 0px 0px 1px inset; background: linear-gradient(135deg, rgb(178, 7, 7) 0px, rgb(150, 0, 0) 37%, rgb(178, 7, 7) 74%, rgb(150, 0, 0) 100%); }
.p-premium-letter-card__inner { padding: 2px; position: relative; background: linear-gradient(135deg, rgb(254, 191, 1) 0px, rgb(145, 79, 0) 16%, rgb(254, 191, 1) 35%, rgb(255, 243, 76) 45%, rgb(254, 191, 1) 58%, rgb(145, 79, 0) 71%, rgb(254, 191, 1) 89%, rgb(254, 191, 1) 100%); }
.p-premium-letter-card__mark img { position: absolute; top: -25px; right: 0px; left: 0px; margin: auto; z-index: 10; }
.p-premium-letter-card__textarea { box-shadow: rgb(241, 225, 193) 0px 0px 0px 4px inset; background: radial-gradient(rgb(253, 249, 240) 0px, rgb(253, 245, 228) 100%); }
.p-premium-letter-card__heading { position: relative; color: rgb(148, 1, 1); text-shadow: rgb(255, 241, 192) -1px -1px; line-height: 1.2; }
.p-premium-faq__img img, .p-premium-profile__printedPic img { border: 2px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px; }
.p-premium-cards-img-left__card { display: flex; position: relative; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px; }
.p-premium-cards-img-left__img { flex-shrink: 0; max-width: 150px; margin-right: 20px; }
@media only screen and (min-width: 1px) and (max-width: 768px){
.p-premium-cards-img-left__card { display: block; }
.p-premium-cards-img-left__img { margin-bottom: 10px; margin-left: auto; margin-right: auto; }
}
.p-premium-profile-wrapper { padding-top: 60px; padding-bottom: 60px; max-width: 800px; }
.p-premium-profile__heading { padding: 0.8em; background-color: rgb(40, 195, 212); font-weight: 400; }
.p-premium-profile__body { background-color: rgb(255, 255, 255); }
.p-premium-profile__name { margin-bottom: 10px; border-bottom: 1px solid rgb(40, 195, 212); font-weight: 700; }
.p-premium-profile__name--noBdr { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.p-premium-profile__printedPic img { border: 3px solid rgb(255, 255, 255); }
.p-premium-list-note2__body li, .p-premium-list-note__body li { margin-bottom: 20px; }
.p-premium-list-note2__top { height: 72px; background: url("/images/guild-community/css/assets/note2_top.png") center bottom / 100% auto no-repeat; }
.p-premium-list-note2__body { padding: 0px 10% 50px; background: url("/images/guild-community/css/assets/note2_body.png") center top / 100% auto repeat-y; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-premium-list-note2__body { padding-bottom: 25px; }
}
.p-premium-list-note2__bottom { height: 72px; background: url("/images/guild-community/css/assets/note2_bottom.png") center top / 100% auto no-repeat; }
.p-premium-sentence-merit { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px; }
.p-premium-sentence-merit + .p-premium-sentence-merit { margin-top: 40px; }
.p-premium-sentence-merit__header { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgb(40, 195, 212); }
.p-premium-sentence-merit__label { margin-right: 10px; padding: 5px 10px; background-color: rgb(40, 195, 212); color: rgb(255, 255, 255); }
@media only screen and (min-width: 1px) and (max-width: 768px){
.p-premium-sentence-merit__header { display: block; padding: 10px; }
.p-premium-sentence-merit__label { display: inline-block; }
}
.p-premium-article-thinking__heading-icon { margin-right: 10px; width: 34px; height: 33px; background: url("/images/guild-community/css/assets/ic_exclamation.png") center center no-repeat; }
.p-premium-article-thinking__list li { position: relative; padding: 1em; border: 1px solid rgb(204, 204, 204); border-radius: 5px; background-color: rgb(255, 255, 255); }
.p-premium-article-thinking__list li::after, .p-premium-article-thinking__list li::before { content: ""; display: block; position: absolute; top: 50%; right: -21px; transform: translateY(-50%); border-width: 10px; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); border-image: none; }
.p-premium-article-thinking__list li::after { right: -20px; border-left-color: rgb(255, 255, 255); }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-premium-article-thinking__list { margin-bottom: 20px; }
.p-premium-article-thinking__list li + li { margin-top: 1.5em; }
.p-premium-article-thinking__list li::after, .p-premium-article-thinking__list li::before { inset: auto auto -21px 50%; transform: translate(-50%, 0px); border-width: 10px; border-style: solid; border-color: rgb(204, 204, 204) transparent transparent; border-image: none; }
.p-premium-article-thinking__list li::after { bottom: -20px; border-top-color: rgb(255, 255, 255); }
}
.p-premium-article-thinking__img { align-self: flex-end; }
.p-header-floating-btn { background-color: rgb(255, 255, 255); box-shadow: rgba(220, 220, 220, 0.5) 0px 1px 2px; }
.p-header-floating-btn__top { padding-top: 10px; padding-bottom: 10px; }
.p-header-floating-btn .grid-wrapper { overflow: visible; }
.p-header-floating-btn__top-outer-row { display: flex; -webkit-box-align: center; align-items: center; }
.p-header-floating-btn__top-btns { -webkit-box-flex: 2; flex-grow: 2; }
.p-header-floating-btn__top-btns-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; text-align: end; }
.p-header-floating-btn__text-pc { line-height: 1.2; }
.p-header-floating-btn__editable-btn { flex-shrink: 0; }
.p-header-floating-btn__sp-icon-btn, .p-header-floating-btn__sp-icon-btn img.pera1-editable { display: none; }
.p-header-floating-btn__bottom .pera1-removable.p-header__nav-heading.p-header__logo { display: block; position: absolute; top: -55px; left: 10px; }
.p-header-floating-btn__bottom .pera1-removable.p-header__nav-heading.p-header__logo img.pera1-editable { display: block; max-height: 44px; }
.p-header-floating-btn__bottom .c-inner { padding: 0px; }
.p-header-floating-btn .only-edit { margin: 5px; padding: 25px 5px; background-color: rgb(255, 248, 217); border: 2px solid rgb(242, 194, 0); border-radius: 4px; color: rgb(5, 22, 26); }
@media only screen and (min-width: 1px) and (max-width: 768px){
.p-header-floating-btn__top { padding-top: 0px; padding-bottom: 0px; }
.p-header-floating-btn .grid-wrapper { overflow: visible; }
.p-header-floating-btn__top-btns { position: fixed; bottom: 0px; left: 0px; padding-right: 0px; padding-left: 0px; width: 100%; height: 57px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px -1px 2px -1px; }
.p-header-floating-btn__top-btns-row { height: 57px; }
.p-header-floating-btn__text-pc, .p-header-floating-btn__text-pc .pera1-removable { display: none; }
.p-header-floating-btn__editable-btn { width: calc(50% - 30px); height: 57px; -webkit-box-flex: 1; flex-grow: 1; }
.p-header-floating-btn__editable-btn .c-btn--sm, .p-header-floating-btn__editable-btn .c-btn--sm .c-btn { height: 57px; }
.p-header-floating-btn__editable-btn .c-btn--sm a { width: 100%; height: 57px; line-height: 57px; padding: 0px 0.2em; overflow: hidden; }
.p-header-floating-btn__sp-icon-btn { flex-shrink: 0; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 60px; height: 57px; }
.p-header-floating-btn__bottom .pera1-removable.p-header__nav-heading.p-header__logo img.pera1-editable, .p-header-floating-btn__sp-icon-btn img.pera1-editable { display: inline-block; }
.p-header-floating-btn__bottom .pera1-removable.p-header__nav-heading.p-header__logo { display: block; top: 5px; }
.p-header-floating-btn__bottom .p-navigation { position: relative; padding-bottom: 0px; }
.p-header-floating-btn__bottom .p-navigation > .c-inner { height: 62px; }
}
.p-footer__inner { padding-top: 80px; padding-bottom: 80px; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.p-footer__inner { padding-top: 60px; padding-bottom: 60px; }
}
.only-edit { margin: 5px; padding: 25px 5px; background-color: rgb(255, 248, 217); border: 2px solid rgb(242, 194, 0); border-radius: 4px; color: rgb(5, 22, 26); }
.u-fsmd { font-size: 1.6rem; }
.u-fslg { font-size: 1.8rem; }
.u-fsxl { font-size: 2rem; }
.theme-nature div[data-structure="b-sentence-caution"] .p-sentence-caution__content-inner .c-heading h2, .u-color-white { color: rgb(255, 255, 255); }
.u-align-left { text-align: left; }
.u-align-center { text-align: center; }
.u-clearfix::after { content: ""; display: block; clear: both; }
.u-float-left { float: left; }
.u-overflow-hidden { overflow: hidden; }
.u-mtxs { margin-top: 5px; }
.u-mbxs { margin-bottom: 5px; }
.u-mtsm { margin-top: 10px; }
.u-mrsm { margin-right: 10px; }
.u-mbsm { margin-bottom: 10px; }
.u-mbmd { margin-bottom: 20px; }
.u-mblg { margin-bottom: 40px; }
.u-ptmd { padding-top: 20px; }
.u-prmd { padding-right: 20px; }
.u-ptxl { padding-top: 60px; }
@media only screen and (min-width: 1px) and (max-width: 768px){
.u-mbmd--sp { margin-bottom: 20px; }
.u-ptmd--sp { padding-top: 20px; }
}
.font-size-22px { font-size: 22px !important; }
.font-size-24px { font-size: 24px !important; }
[data-custom-pc-fontsize="14px"] { font-size: 14px !important; }
[data-custom-pc-fontsize="16px"] { font-size: 16px !important; }
[data-custom-pc-fontsize="18px"] { font-size: 18px !important; }
[data-custom-pc-fontsize="24px"] { font-size: 24px !important; }
[data-custom-pc-fontsize="32px"] { font-size: 32px !important; }
@media only screen and (min-width: 1px) and (max-width: 480px){
.font-size-22px { font-size: 19px !important; }
.font-size-24px { font-size: 21px !important; }
}
.only-edit, .only-edit-notification-icon, .pera1-ghost .c-embedly-object { display: none; }
/* === template-premium.css === */
.theme-premium { color: rgb(51, 51, 51); }
.theme-premium .btn-customform-submit, .theme-premium .c-btn:not(.c-btn--round):not(.c-btn--circle):not(.c-btn--ghost-white) a { border-radius: 5px; }
.theme-premium .btn-customform-submit, .theme-premium .c-btn:not(.c-btn--circle):not(.c-btn--ghost-white) a { box-shadow: rgba(0, 0, 0, 0.5) 0px -3px inset; }
.theme-base div[data-structure="b-sentence-caution"] .p-sentence-caution__content-inner .c-heading h2, .theme-premium [data-structure="b-footer"] { color: rgb(255, 255, 255); }
.theme-base { --block-bg-color: #fff; background-color: rgb(255, 255, 255); }
.theme-base .c-border { border-color: rgb(7, 70, 123); }
.theme-base .c-btn .btn-customform-submit, .theme-base .c-btn a, .theme-base .c-btn button, .theme-base .c-btn input { background-color: rgb(7, 70, 123); }
.theme-base .c-img-icon, .theme-base .c-symbol, .theme-base .c-thead--color-invert thead td, .theme-base .c-thead--color-invert thead th { background-color: rgb(7, 70, 123); }
.theme-base .p-header--theme-color, .theme-base .p-heading-arrow, .theme-base .p-heading-arrow--v2 { background-color: rgb(7, 70, 123); }
.theme-base .p-heading-arrow::after, .theme-base .p-heading-arrow::before { background-color: rgb(255, 255, 255); }
.theme-base .p-heading-arrow--v2::before { border-top-color: rgb(7, 70, 123); background-color: transparent; }
.theme-base .p-heading-btm-bdr::after { border-top-color: rgb(7, 70, 123); }
.theme-base .p-others-shop-menu__card { background-color: rgb(255, 255, 255); border: 0px; box-shadow: none; }
.theme-base .p-premium-cards-img-left__label, .theme-base .p-premium-sentence-merit__label { background-color: rgb(7, 70, 123); }
.theme-base .p-premium-sentence-merit__header { border-color: rgb(7, 70, 123); }
.theme-base .p-premium-profile__heading { background-color: rgb(7, 70, 123); }
.theme-base .p-premium-profile__name { border-color: rgb(7, 70, 123); }
.theme-base .p-premium-heading-grad, .theme-base .p-premium-heading-grad__inner, .theme-base .p-premium-steps__heading::after { background-color: rgb(7, 70, 123); }
.theme-base div[data-structure="b-article-has-number"] .p-article-has-number__circle, .theme-base div[data-structure="b-article-has-number"] .p-article-has-number__ribbon, .theme-base div[data-structure="b-article-has-tags"] .p-article-has-tags__tag, .theme-base div[data-structure="b-article-point"] .p-article-point__header, .theme-base div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon--flat, .theme-base div[data-structure="b-premium-cards-img-left"] .p-premium-cards-img-left__label, .theme-base div[data-structure="b-premium-interview"] .p-premium-interview__heading, .theme-base div[data-structure="b-premium-profile-set2"] .p-premium-profile__heading, .theme-base div[data-structure="b-premium-profile-set"] .p-premium-profile__heading, .theme-base div[data-structure="b-premium-steps"] .p-premium-steps__item-header { background: rgb(7, 70, 123); }
.theme-base div[data-structure="b-header-logo-img-2"] .p-header--theme-color, .theme-base div[data-structure="b-heading-arrow--has-subtext"] .p-heading-arrow--v2, .theme-base div[data-structure="b-heading-arrow"] .p-heading-arrow--v2, .theme-base div[data-structure="b-heading-balloon--invert"] .p-heading-balloon--invert, .theme-base div[data-structure="b-heading-marker"] .p-heading-marker::after, .theme-base div[data-structure="b-heading-put-on-bdr"] .p-heading-put-on-bdr__inner::after, .theme-base div[data-structure="b-heading-put-on-bdr"] .p-heading-put-on-bdr__inner::before, .theme-base div[data-structure="b-premium-btn-set-2"] .p-premium-btn-set-2__heading, .theme-base div[data-structure="b-premium-btn-set-3"] .p-premium-btn-set-3__wrapper, .theme-base div[data-structure="b-premium-faq"] .p-premium-faq__icon--a, .theme-base div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad, .theme-base div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad__inner, .theme-base div[data-structure="b-premium-heading-icon"] .p-heading-put-on-bdr__inner::after, .theme-base div[data-structure="b-premium-heading-icon"] .p-heading-put-on-bdr__inner::before, .theme-base div[data-structure="b-premium-sentence-merit"] .p-premium-sentence-merit__label, .theme-base div[data-structure="b-rectangle"] .p-others-rectangle__item-inner { background-color: rgb(7, 70, 123); }
.theme-base div[data-structure="b-premium-sentence-merit"] .p-premium-sentence-merit__header { border-bottom: 1px solid rgb(7, 70, 123); }
.theme-base div[data-structure="b-heading-arrow--has-subtext"] .p-heading-arrow--v2::before, .theme-base div[data-structure="b-heading-arrow"] .p-heading-arrow--v2::before, .theme-base div[data-structure="b-heading-balloon--invert"] .p-heading-balloon--invert::after { border-top-color: rgb(7, 70, 123); }
.theme-base div[data-structure="b-heading-btm-bdr"] h2::after { border-bottom: 3px solid rgb(7, 70, 123); }
.theme-base div[data-structure="b-heading-btm-bdr"] .p-heading-btm-bdr::after { border-top: 2px solid rgb(7, 70, 123); }
.theme-base div[data-structure="b-premium-sentence-merit"] .p-premium-sentence-merit { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px; }
.theme-base .c-bg-color, .theme-modern { background-color: rgb(247, 247, 247); }
.theme-base [data-structure="b-premium-article-thinking"] .c-bg-color, .theme-base [data-structure="b-premium-btn-set-4"] .c-bg-color { background-color: rgb(173, 215, 220); }
.theme-base .p-premium-btn-set-2__main .c-btn a, .theme-base .p-premium-btn-set-3__body .c-btn a, .theme-base [data-structure="b-main-set-2--center"] .c-btn a { background-color: rgb(122, 187, 39); }
.theme-base [data-structure="b-footer"] { background-color: rgb(7, 70, 123); }