@charset 'utf-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
  margin: 0;
  padding: 0;
}
html { height: 100vh; font-size: 62.5%; }
body {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #534741;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.02em; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
a { text-decoration: none; color: #534741; }
.device-click a { transition: 0.4s ease; }
.device-click a:hover { opacity: 0.8; }

@media screen and (max-width: 768px) {
  .visible-sp { display: inherit !important; }
  .visible-pc { display: none !important; }
}

@media screen and (min-width: 769px) {
  *,
  *:before,
  *:after { letter-spacing: 0.08em; }
  .visible-sp { display: none !important; }
  .visible-pc { display: inherit !important; }
}

/* clearfix
------------------------------------------------ */
.clearfix { clear: both; }
.clearfix:before,.clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }

/* header
------------------------------------------------ */
.closed-hd { position: relative; padding: 20px 0; }
.closed-hd-logo { margin: 0 auto; }
.closed-hd-logo.standard { width: 200px; }
.closed-hd-logo img { width: 100%; max-width: inherit; }
.closed-hd-title { text-align: center; font-size: 1.8rem; }

@media screen and (min-width: 769px) {
  .closed-hd { padding: 30px 0; }
  .closed-hd-logo.standard { width: 260px; }
  .closed-hd-title { font-size: 2.4rem; }
}

/* main
------------------------------------------------ */
.closed-main { display: block; position: relative; padding-bottom: 40px; width: 100%; }

@media screen and (min-width: 769px) {
  .closed-main { padding-bottom: 100px; }
}

/* content
------------------------------------------------ */
.closed-content { position: relative; }
.closed-wrap { position: relative; }

@media screen and (max-width: 768px) {
  .closed-wrap { margin: 0 20px; }
}

@media screen and (min-width: 769px) {
  .closed-wrap { margin: 0 auto; padding: 0 20px; max-width: 1040px; }
}

/* post
------------------------------------------------ */
.closed-post { position: relative; }
.closed-post-hd { position: relative; margin-bottom: 20px; padding: 20px 0; background: url(/assets/img/common/main.jpg) no-repeat center center; background-size: cover; }
.closed-post-title,
.closed-post-date { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff; }
.closed-post-title { font-size: 2.4rem; font-weight: 700; line-height: 1.4; }
.closed-post-date { margin-top: 10px; font-size: 1.2rem; font-weight: 700; line-height: 1.4; }
.closed-post-content { font-size: 1.4rem; line-height: 1.8; }
.closed-post-content p + p,
.closed-post-content .wp-video + *,
.closed-post-content iframe + * { margin-top: 1.8em; }
.closed-post-content .wp-video { margin-right: auto; margin-left: auto; }
.closed-post-content iframe { display: block; margin-right: auto; margin-left: auto; }

@media screen and (min-width: 769px) {
  .closed-post-hd { margin-bottom: 30px; padding: 40px 0; }
  .closed-post-title { font-size: 4.8rem; }
  .closed-post-date { margin-top: 20px; font-size: 1.6rem; }
  .closed-post-content { font-size: 1.6rem; }
}

/* footer
------------------------------------------------ */
.closed-ft { position: relative; padding: 20px 0; border-top: 1px solid #333; }
.closed-ft-logo { margin: 0 auto; width: 200px; }
.closed-ft-logo img { width: 100%; max-width: inherit; }
.closed-ft-copyright { margin-top: 15px; font-family: 'Noto Sans JP', sans-serif; text-align: center; font-size: 1rem; line-height: 1.2; }
.closed-ft-copyright > small { font-size: inherit; }

@media screen and (min-width: 769px) {
  .closed-ft { padding: 30px 0; }
  .closed-ft-logo { width: 300px; }
  .closed-ft-copyright { margin-top: 30px; font-size: 1.4rem; }
}