@charset "UTF-8";
/*
Theme Name: JAPANESE LIFE LETTER
Author: JAPANESE LIFE LETTER
Description: オリジナルテーマ
Version: 1.0.0
Text Domain: japanese-life-letter
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.5
Requires PHP: 7.4
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
.JLL_FIGURE-bluegreen {
  color: #44a2ad; }

.JLL_GROUND-bluegreen {
  background-color: #44a2ad; }

.JLL_header_menu {
  display: none !important; }

#JLL_nav {
  display: none !important; }

body {
  font-size: 16px;
  color: #0d0a0a;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .02rem;
  flex-shrink: 0;
  min-width: 320px; }

#JLL {
  background-color: #0d0a0a; }

#JLL_background {
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }

#JLL_frame {
  max-width: 480px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0px 80px rgba(0, 0, 0, 0.8); }

#JLL_header {
  background: #0d0a0a; }
  #JLL_header .JLL_header_wrap {
    display: flex;
    justify-content: center;
    align-items: center; }
    #JLL_header .JLL_header_wrap .JLL_header_logo {
      padding: 10px 0 10px 10px;
      flex-shrink: 0; }
      #JLL_header .JLL_header_wrap .JLL_header_logo a {
        width: 92px;
        height: 30px;
        display: block; }
        #JLL_header .JLL_header_wrap .JLL_header_logo a img {
          width: 100%;
          height: auto; }
    #JLL_header .JLL_header_wrap .JLL_header_menu {
      flex-shrink: 0;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #474545; }
      #JLL_header .JLL_header_wrap .JLL_header_menu div {
        width: 28px;
        height: 20px;
        opacity: 0.5; }
        #JLL_header .JLL_header_wrap .JLL_header_menu div img {
          width: 100%;
          height: auto; }

#JLL_breadcrumb {
  background: #0d0a0a;
  overflow-x: auto;
  /* 横方向のスクロールを有効化 */
  white-space: nowrap;
  /* パンくずリストを折り返さない */
  border-top: 1px solid #ebe8e8;
  height: 1.5rem;
  padding: 0 0 0 0.5rem; }
  #JLL_breadcrumb ol {
    display: inline-block;
    /* パンくずリストを横並びにする */
    padding: 0;
    /* padding初期化 */
    margin: 0;
    /* margin初期化 */
    display: flex; }
    #JLL_breadcrumb ol li {
      display: inline-block;
      /* パンくずリストを横並びにする */ }
      #JLL_breadcrumb ol li a {
        color: #fff;
        font-size: 0.65rem;
        letter-spacing: .05rem; }
      #JLL_breadcrumb ol li:not(:first-child):before {
        content: "/";
        color: #fff;
        font-size: 0.6rem;
        margin: 0 0.2rem 0 0.4rem; }

.JLL_insert {
  background-color: #ebe8e8;
  text-align: center;
  padding: 1rem 0; }

#JLL_single_content .JLL_single_content_wrap {
  margin-top: 2rem;
  margin-bottom: 2rem; }
#JLL_single_content .JLL_single_content_tag {
  text-align: center;
  margin: 0 0 0.6rem; }
  #JLL_single_content .JLL_single_content_tag span {
    color: #fff;
    padding: 0 0.2rem;
    font-weight: 900;
    letter-spacing: 0.1rem;
    font-size: 1rem;
    background: #da3a1b; }
#JLL_single_content .JLL_single_content_title {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 900; }
  #JLL_single_content .JLL_single_content_title:after {
    margin-top: 2rem;
    content: "";
    display: block;
    background-image: url("./asset/img/img_JLL_icon_bar_red.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 10px;
    height: 10px; }
#JLL_single_content .JLL_single_content_info {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.7rem;
  text-align: center; }
#JLL_single_content .JLL_single_content_mainimg {
  font-size: 0; }
  #JLL_single_content .JLL_single_content_mainimg img {
    width: 100%;
    height: auto; }
#JLL_single_content .JLL_single_content_outline {
  background-color: #ebe8e8;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  #JLL_single_content .JLL_single_content_outline .JLL_single_content_outline_title {
    font-size: .8rem;
    letter-spacing: .1rem;
    margin: 0 0 .4rem; }
  #JLL_single_content .JLL_single_content_outline ol li {
    display: flex;
    align-items: baseline; }
    #JLL_single_content .JLL_single_content_outline ol li:before {
      content: "";
      display: block;
      width: .4rem;
      height: .4rem;
      background: #da3a1b;
      border-radius: 50%;
      flex-shrink: 0; }
    #JLL_single_content .JLL_single_content_outline ol li a {
      padding: .2rem 0 .2rem 0.3rem;
      font-size: 1rem;
      font-weight: 700; }

.JLL_single_content_letterbody h2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.4rem;
  font-weight: 700; }
  .JLL_single_content_letterbody h2 div {
    border-left: 3px solid #da3a1b;
    padding: 0 0 0 0.6rem; }
.JLL_single_content_letterbody h3 {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.2rem;
  font-weight: 700; }
.JLL_single_content_letterbody p {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1.4rem; }
.JLL_single_content_letterbody a {
  text-decoration: underline dotted; }
.JLL_single_content_letterbody .twitter-tweet {
  padding: 0 2rem; }
.JLL_single_content_letterbody blockquote {
  background: #ebe8e8;
  padding: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 2rem;
  margin-right: 2rem; }
  .JLL_single_content_letterbody blockquote cite {
    margin: 1.4rem 0 0 0;
    display: block;
    font-size: 0.75rem; }
.JLL_single_content_letterbody > cite {
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
  font-size: 0.75rem; }
.JLL_single_content_letterbody strong {
  font-weight: 700; }
.JLL_single_content_letterbody i {
  font-style: italic; }
.JLL_single_content_letterbody .wp-block-image {
  margin-top: 2rem;
  margin-bottom: 2rem; }
.JLL_single_content_letterbody .JLL_movie-yt {
  width: 100%;
  aspect-ratio: 16 / 9;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .JLL_single_content_letterbody .JLL_movie-yt iframe {
    width: 100%;
    height: 100%; }
.JLL_single_content_letterbody .JLL_single_content_letterbody_img img, .JLL_single_content_letterbody .wp-block-image img {
  width: 100%;
  height: auto; }
.JLL_single_content_letterbody .JLL_single_content_letterbody_img figcaption, .JLL_single_content_letterbody .wp-block-image figcaption {
  font-size: .8rem;
  opacity: 0.6;
  padding: 0 0 0 0.6rem; }
.JLL_single_content_letterbody .JLL_single_content_letterbody_list {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .JLL_single_content_letterbody .JLL_single_content_letterbody_list ul {
    border-top: 2px solid #ebe8e8; }
    .JLL_single_content_letterbody .JLL_single_content_letterbody_list ul li {
      border-bottom: 2px solid #ebe8e8;
      padding: 0.4rem 0; }
.JLL_single_content_letterbody .JLL_single_content_letterbody_link {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .JLL_single_content_letterbody .JLL_single_content_letterbody_link ul {
    border-top: 2px solid #ebe8e8; }
    .JLL_single_content_letterbody .JLL_single_content_letterbody_link ul li {
      border-bottom: 2px solid #ebe8e8;
      padding: 0.4rem 0; }
.JLL_single_content_letterbody .JLL_single_content_letterbody_note {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 0.1rem;
  border: 2px solid #ebe8e8; }

.JLL_single_share {
  background: #0d0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0; }
  .JLL_single_share > div {
    color: #fff;
    font-size: .7rem;
    margin: 0 0.4rem 0 0; }
  .JLL_single_share ul {
    display: flex; }
    .JLL_single_share ul li {
      margin: 0 0.2rem; }
      .JLL_single_share ul li a {
        display: flex;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        background: red;
        align-items: center;
        justify-content: center; }
        .JLL_single_share ul li a img {
          width: 100%;
          height: auto; }

.JLL_tagarticle {
  background: #0d0a0a;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  .JLL_tagarticle .JLL_tagarticle_title {
    font-weight: 700;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    margin: 0 0 0.4rem;
    display: flex;
    align-items: center; }
    .JLL_tagarticle .JLL_tagarticle_title span:nth-of-type(1) {
      font-size: 1.6rem;
      margin: 0 0.2rem 0 0; }
  .JLL_tagarticle ul li {
    background: #fff;
    border-radius: 0.1rem;
    margin-bottom: .4rem; }
    .JLL_tagarticle ul li a {
      display: flex;
      align-items: center;
      padding: 1rem 1rem; }
      .JLL_tagarticle ul li a div {
        flex-shrink: 0; }
        .JLL_tagarticle ul li a div:nth-of-type(1) {
          width: 30%; }
          .JLL_tagarticle ul li a div:nth-of-type(1) figure img {
            border-radius: 0.1rem;
            width: 100%;
            height: auto; }
        .JLL_tagarticle ul li a div:nth-of-type(2) {
          width: 70%;
          padding: 0 0 0 1rem;
          font-weight: 700;
          font-size: 1rem; }
  .JLL_tagarticle .JLL_tagarticle_viewall {
    border-radius: 0.1rem;
    background: #6d6b6b;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem; }
    .JLL_tagarticle .JLL_tagarticle_viewall span {
      color: #fff;
      font-size: .8rem;
      letter-spacing: .1rem;
      font-weight: 700; }

#JLL_footer {
  background: #0d0a0a;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  #JLL_footer .JLL_footer_wrap .JLL_footer_logo a {
    width: 6rem;
    display: block; }
    #JLL_footer .JLL_footer_wrap .JLL_footer_logo a img {
      width: 100%;
      height: auto; }
  #JLL_footer .JLL_footer_wrap .JLL_footer_tag {
    margin-top: 2rem; }
    #JLL_footer .JLL_footer_wrap .JLL_footer_tag ul li {
      display: flex;
      align-items: center; }
      #JLL_footer .JLL_footer_wrap .JLL_footer_tag ul li:before {
        content: "";
        display: block;
        width: .2rem;
        height: .2rem;
        background: #da3a1b;
        border-radius: 50%;
        flex-shrink: 0;
        margin: 0 0.2rem 0 0; }
      #JLL_footer .JLL_footer_wrap .JLL_footer_tag ul li a {
        padding: 0.1rem 0; }
        #JLL_footer .JLL_footer_wrap .JLL_footer_tag ul li a span {
          font-weight: 700;
          color: #fff;
          font-size: .8rem;
          letter-spacing: .1rem; }
  #JLL_footer .JLL_footer_wrap .JLL_footer_menu {
    margin-top: 2rem; }
    #JLL_footer .JLL_footer_wrap .JLL_footer_menu ul li a span {
      color: #fff;
      font-size: .8rem;
      letter-spacing: .1rem; }
  #JLL_footer .JLL_footer_wrap .JLL_footer_copyright {
    margin-top: 2rem; }
    #JLL_footer .JLL_footer_wrap .JLL_footer_copyright div {
      color: #fff;
      font-size: .6rem;
      letter-spacing: .05rem; }

.JLL_article ul li {
  border-bottom: 1px solid #ebe8e8; }
  .JLL_article ul li a {
    display: block;
    padding-bottom: 2rem; }
    .JLL_article ul li a .JLL_article_summary .JLL_article_summary_image {
      flex-shrink: 0; }
      .JLL_article ul li a .JLL_article_summary .JLL_article_summary_image img {
        width: 100%;
        height: auto; }
    .JLL_article ul li a .JLL_article_summary .JLL_article_summary_info {
      flex-shrink: 0; }
      .JLL_article ul li a .JLL_article_summary .JLL_article_summary_info .JLL_article_summary_info-datetag {
        display: flex;
        color: #fff;
        font-weight: 700;
        font-size: .6rem; }
        .JLL_article ul li a .JLL_article_summary .JLL_article_summary_info .JLL_article_summary_info-datetag .JLL_article_summary_info-date {
          background: #0d0a0a;
          padding: 0.2rem 0.4rem;
          margin: 0 0 0.4rem 0; }
        .JLL_article ul li a .JLL_article_summary .JLL_article_summary_info .JLL_article_summary_info-datetag .JLL_article_summary_info-tag {
          background: #da3a1b;
          padding: 0.2rem 0.4rem;
          margin: 0 0 0.4rem 0; }
      .JLL_article ul li a .JLL_article_summary .JLL_article_summary_info .JLL_article_summary_info-title {
        font-weight: 700; }
    .JLL_article ul li a .JLL_article_desc {
      font-size: .8rem;
      opacity: .8; }
.JLL_article .JLL_article-L a .JLL_article_summary .JLL_article_summary_image {
  width: 100%; }
.JLL_article .JLL_article-L a .JLL_article_summary .JLL_article_summary_info {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: -0.8rem 0 0 0; }
  .JLL_article .JLL_article-L a .JLL_article_summary .JLL_article_summary_info .JLL_article_summary_info-title {
    font-size: 1.4rem; }
.JLL_article .JLL_article-L a .JLL_article_desc {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0.4rem 0 0 0; }
.JLL_article .JLL_article-M a {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  .JLL_article .JLL_article-M a .JLL_article_summary {
    display: flex; }
    .JLL_article .JLL_article-M a .JLL_article_summary .JLL_article_summary_image {
      width: 30%; }
      .JLL_article .JLL_article-M a .JLL_article_summary .JLL_article_summary_image img {
        width: 100%;
        height: auto;
        border-radius: 0.1rem; }
    .JLL_article .JLL_article-M a .JLL_article_summary .JLL_article_summary_info {
      width: 70%;
      padding: 0 0 0 1rem; }
  .JLL_article .JLL_article-M a .JLL_article_desc {
    margin: 0.4rem 0 0 0; }
.JLL_article .JLL_article-S a {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  .JLL_article .JLL_article-S a .JLL_article_summary {
    display: flex; }
    .JLL_article .JLL_article-S a .JLL_article_summary .JLL_article_summary_image {
      width: 25%; }
      .JLL_article .JLL_article-S a .JLL_article_summary .JLL_article_summary_image img {
        width: 100%;
        height: auto;
        border-radius: 0.1rem; }
    .JLL_article .JLL_article-S a .JLL_article_summary .JLL_article_summary_info {
      padding: 0 0 0 0.6rem;
      width: 75%; }

.JLL_archive_title {
  display: flex;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  .JLL_archive_title span:nth-of-type(1) {
    font-weight: 700;
    font-size: 1.4rem;
    margin: 0 0.2rem 0 0; }
  .JLL_archive_title span:nth-of-type(2) {
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0 0.8rem 0 0; }
  .JLL_archive_title span:nth-of-type(3) {
    opacity: .8;
    font-size: 0.8rem;
    margin: 0 0.2rem 0 0; }
  .JLL_archive_title span:nth-of-type(4) {
    opacity: .8;
    font-size: 0.8rem; }

.JLL_archive_article .JLL_archive_article_page {
  background: #ebe8e8;
  border-top: 1px solid #6d6b6b;
  border-bottom: 1px solid #6d6b6b;
  position: relative; }
  .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap:after {
      content: "";
      display: block;
      width: 1px;
      height: 1.2rem;
      background: #6d6b6b;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap a {
      width: 50%; }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap span {
      font-weight: 700;
      font-size: .8rem; }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-prev, .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-next {
      display: flex;
      align-items: center; }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-prev {
      justify-content: flex-end;
      padding: 1rem 1.6rem 1rem 0; }
      .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-prev:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 0.4rem solid transparent;
        border-bottom: 0.4rem solid transparent;
        border-right: 0.6rem solid #0d0a0a;
        border-left: 0;
        flex-shrink: 0;
        margin: 0 0.6rem 0 0; }
    .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-next {
      justify-content: flex-start;
      padding: 1rem 0 1rem 1.6rem; }
      .JLL_archive_article .JLL_archive_article_page .JLL_archive_article_page_wrap .JLL_archive_article_page-next:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 0.4rem solid transparent;
        border-bottom: 0.4rem solid transparent;
        border-left: 0.6rem solid #0d0a0a;
        border-right: 0;
        flex-shrink: 0;
        margin: 0 0 0 0.6rem; }

.JLL_page {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }
  .JLL_page .JLL_page_title span {
    font-weight: 700;
    font-size: 1.2rem; }
  .JLL_page .JLL_page_content p {
    margin-top: 2rem;
    margin-bottom: 2rem; }

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