@charset "UTF-8";
* { word-break: break-all; }

/*Font*/
/*Color*/
/*Rayout*/
/*size*/
/*border*/
/*Rayout*/
.d-flex { display: flex; }

/*margin*/
.mb { margin-bottom: 2rem; }

.mb-s { margin-bottom: 1rem; }

.mt { margin-top: 2rem; }

.mt-s { margin-top: 1rem; }

.mr { margin-right: 2rem; }

.mr-s { margin-right: 1rem; }

.ml { margin-left: 2rem; }

.ml-s { margin-left: 1rem; }

/*padding*/
.pb { padding-bottom: 2rem; }

.pb-s { padding-bottom: 1rem; }

.pt { padding-top: 2rem; }

.pt-s { padding-top: 1rem; }

.pr { padding-right: 2rem; }

.pr-s { padding-right: 1rem; }

.pl { padding-left: 2rem; }

.pl-s { padding-left: 1rem; }

/*border*/
.border { border: 1px solid #e8e8e8; }

.border-b { border-bottom: 1px solid #e8e8e8; }

.border-t { border-top: 1px solid #e8e8e8; }

/*Fonts*/
.fw-bold { font-weight: bold; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

/*Body*/
body { font-size: 16px; font-family: Noto, "Hiragino Sans", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.6; color: #191717; }

/*img*/
img { max-width: 100%; height: auto; }

.red { color: #ff5757; }

/*Rayout*/
.inner { max-width: 940px; height: 100%; margin: 0 auto; align-items: center; justify-content: space-between; }

.container { max-width: 940px; margin: 0 auto; }

.wrapper { position: relative; background: #f7f7f9; }

/*header*/
.header { height: 60px; }

.header .header_right { align-items: center; }

.header .header_right .search-modal-open { color: #b7b7b7; font-size: 1.1rem; padding-right: .2rem; }

.header .header_right .search-modal-open:hover { color: #4b4f56; }

.header .header_sns .sns { font-size: 1.2rem; color: #b7b7b7; }

.header .header_sns .tw:hover { color: #1da1f2; }

.header .header_sns .fb:hover { color: #5890ff; }

.nav_menu .nav_inner { width: 100%; align-items: center; justify-content: flex-start; }

.nav_menu .nav_inner .nav { padding: 1rem 0; position: relative; }

.nav_menu .nav_inner .nav a:hover { color: #8e8e8e; }

.nav_menu .nav_inner .nav span { display: block; }

.nav_menu .nav_inner .nav span i { padding-left: .5rem; }

.nav_menu .nav_inner .nav_second_level { position: absolute; left: -2rem; min-width: 260px; padding: 0; }

.nav_menu .nav_inner .nav > span:hover > .nav_second_level { z-index: 3; background: #FFF; border: 1px solid #e8e8e8; padding: 1rem; border-radius: 3px; }

.nav_menu .nav_inner .nav span .nav_second_level span { overflow: hidden; height: 0; display: block; white-space: nowrap; }

.nav_menu .nav_inner .nav span .nav_second_level span a { font-size: .9rem; color: #8e8e8e; }

.nav_menu .nav_inner .nav span .nav_second_level span a:hover { color: #4b4f56; }

.nav_menu .nav_inner .nav > span:hover > .nav_second_level > span { overflow: visible; height: 32px; }

/*category_area*/
.category_area h1 { font-size: 1.6rem; }

/*Cat_header*/
.cat_header { align-items: center; justify-content: space-between; }

.cat_header .cat_header_heading { width: calc(100% / 2 - 2rem); }

.cat_header img { width: calc(100% / 2 - 2rem); }

/*Post_list*/
.post_list { align-items: stretch; justify-content: space-between; flex-wrap: wrap; }

.post_list::after { content: ""; display: block; width: calc(100%/3 - 1.5rem); }

.post_list section { width: calc(100%/3 - 1.5rem); background: #FFF; }

.post_list section a { display: block; }

.post_list section a:hover { color: #337ab7; }

.post_list section a .add_info { align-items: center; justify-content: space-between; color: #8e8e8e; }

.post_list section a .add_info .cat_label { font-size: .8rem; }

.post_list section a .add_info .date { font-size: .8rem; }

.post_list section a h2 { font-size: 1.1rem; }

.post_list .more { width: 100%; }

.post_list .more a:hover { color: #337ab7; }

.pagination { margin: 1rem auto 0; padding-bottom: 1rem; }

.pagination h2 { display: none; }

.pagination .nav-links span, .pagination .nav-links a { border: 1px solid #e8e8e8; padding: .5rem; }

.pagination .nav-links .current { border: 1px solid #e8e8e8; color: #8e8e8e; }

.pagination .nav-links a:hover { color: #337ab7; }

/*pickup_list*/
.pickup { flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; background: #FFF; }

.pickup section.pickup_layout { width: calc(100%/2); }

.pickup section.pickup_layout .cat_head { font-size: 1.5rem; }

.pickup .pickup_list a { align-items: stretch; justify-content: flex-start; }

.pickup .pickup_list a:hover { color: #337ab7; }

.pickup .pickup_list a .pickup_thumb { max-width: calc(100%/4); }

.pickup .pickup_list a h2 { font-size: 1.1rem; }

/*lesson_area*/
.lesson_eyecatch_area { background: #e9f6ff; }

.lesson_eyecatch_area .lesson_eyecatch { align-items: center; justify-content: space-between; }

.lesson_eyecatch_area .lesson_eyecatch .lesson_eyecatch_heading { width: calc(100% / 2 - 2rem); }

.lesson_eyecatch_area .lesson_eyecatch .lesson_eyecatch_heading h1 { font-size: 2rem; }

.lesson_eyecatch_area .lesson_eyecatch img { width: calc(100% / 2 - 2rem); }

.lesson_area { margin-bottom: 5rem; align-items: flex-start; justify-content: space-between; }

.lesson_area .lesson_list_area { max-width: 700px; }

.lesson_area section { padding-top: 1rem; margin-top: -1rem; }

.lesson_area section .lesson_heading { border-left: 4px solid #4d96ba; }

.lesson_area section .lesson_heading .step_heading { font-size: .8rem; }

.lesson_area section .lesson_heading h2 { font-size: 1.5rem; }

.lesson_area section .intermediate { border-left: 4px solid #f1b463; }

.lesson_area section .senior { border-left: 4px solid #ea9cbe; }

.lesson_area section .lesson_list a.lesson_list_inner { align-items: center; justify-content: flex-start; }

.lesson_area section .lesson_list a.lesson_list_inner:hover { color: #337ab7; }

.lesson_area section .lesson_list a.lesson_list_inner img { max-width: calc(100% / 5); }

.lesson_area section .lesson_list a.lesson_list_inner h3 { width: calc(100% / 1.2); font-size: .9rem; }

.lesson_area section .lesson_list .lesson_section_link a { color: #337ab7; }

.lesson_area section .lesson_list .lesson_section_link a:hover { color: #CCC; }

.lesson_area .lesson_toc { position: -webkit-sticky; position: sticky; top: 2rem; margin-top: 5vh; max-width: 200px; font-size: .8rem; }

.lesson_area .lesson_toc a { color: #ccc; }

.lesson_area .lesson_toc a:hover { color: #4b4f56; }

.lesson_area .lesson_toc .current { color: #4b4f56; }

/*entry*/
.entry_bg { max-width: 940px; margin: 0 auto; align-items: flex-start; }

.entry_container { max-width: 800px; }

.entry { margin: 0 auto; background: #FFF; }

.entry .entry_content { /*TOC*/ /*blog-card*/ /*code*/ }

.entry .entry_content h1 { font-size: 2.2rem; }

.entry .entry_content h2 { font-size: 1.5rem; font-weight: bold; background: #f7f7f9; padding: 1rem; margin-bottom: 1rem; border-left: 5px solid #0449a3; }

.entry .entry_content h3 { font-size: 1.3rem; font-weight: bold; padding: .5rem; margin-bottom: 1rem; border-left: 4px solid #0449a3; }

.entry .entry_content h4 { font-size: 1rem; font-weight: bold; padding: .5rem; margin-bottom: 1rem; border-bottom: 1px solid #ccc; }

.entry .entry_content .date { color: #8e8e8e; }

.entry .entry_content .date i { font-size: .78rem; position: relative; top: -1px; }

.entry .entry_content p { font-size: 1.1rem; margin-bottom: 3rem; line-height: 2em; }

.entry .entry_content .small { font-size: .8rem; }

.entry .entry_content blockquote { position: relative; box-sizing: border-box; margin-bottom: 3rem; }

.entry .entry_content blockquote p { background: #fbfbfb; padding: 2rem; font-size: 1rem !important; margin-bottom: 0 !important; color: #6b6b6b; }

.entry .entry_content blockquote::before { display: inline-block; position: absolute; top: 1rem; left: 1rem; content: "\f10d"; font-family: FontAwesome; color: #dcdcdc; font-size: 1.2rem; line-height: 1; }

.entry .entry_content iframe { max-width: 100%; }

.entry .entry_content ul { margin-bottom: 3rem; padding-left: 1rem; }

.entry .entry_content ul li { line-height: 2em; list-style-type: disc; }

.entry .entry_content ul.point { background: #e6f5f9; padding: 1rem; margin-bottom: 1rem; }

.entry .entry_content ul.point li { list-style: none; }

.entry .entry_content ul.point li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #0486a3; margin-right: .25em; }

.entry .entry_content ul.caution { background: #f9e6e6; padding: 1rem; margin-bottom: 1rem; }

.entry .entry_content ul.caution li { list-style: none; line-height: 2em; }

.entry .entry_content ul.caution li::before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #cc1f1f; margin-right: .25em; }

.entry .entry_content ol.order { background: #e6f5f9; padding: 1rem; margin-bottom: 1rem; counter-reset: li; }

.entry .entry_content ol.order li { position: relative; list-style: none; line-height: 2em; }

.entry .entry_content ol.order li::before { font-weight: 900; color: #0486a3; margin-right: .25em; font-weight: bold; counter-increment: li; content: counter(li) "."; }

.entry .entry_content a { color: #337ab7; text-decoration: underline; }

.entry .entry_content a:hover { text-decoration: none; color: #8e8e8e; }

.entry .entry_content a.btn, .entry .entry_content button.btn { font-weight: 700; line-height: 1; position: relative; display: inline-block; padding: .5rem; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s; transition: all .3s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: .3rem; }

.entry .entry_content .btn_green { color: #FFF; background-color: #1ec1ab; border-bottom: 5px solid #0ea792; }

.entry .entry_content .btn_green:hover { color: #FFF; text-decoration: none; background: #1ec1ab; opacity: .7; }

.entry .entry_content .btn-m { padding: 1rem 2rem !important; font-size: .95rem; max-width: 100%; }

.entry .entry_content .table-bordered { border: 1px solid #eceeef; }

.entry .entry_content .table-bordered th, .entry .entry_content .table-bordered td { border: 1px solid #eceeef; }

.entry .entry_content .table-bordered th { background: #f9f9f9; }

.entry .entry_content .table-color tr:nth-child(odd) { background: #e6f5f9 !important; }

.entry .entry_content .table-color th, .entry .entry_content .table-color td { border: 1px solid #FFF; }

.entry .entry_content .table-color th { background: #6ba9bb !important; color: #FFF !important; }

.entry .entry_content .table { width: 100%; max-width: 100%; margin-bottom: 3rem; }

.entry .entry_content .table th, .entry .entry_content .table td { border: 1px solid #eceeef; }

.entry .entry_content .table-scroll { overflow-x: scroll; }

.entry .entry_content .table-scroll table { white-space: nowrap; }

.entry .entry_content table { border-collapse: collapse; background-color: transparent; overflow: hidden; margin-bottom: 2rem; }

.entry .entry_content table th, .entry .entry_content table td { padding: 1rem; vertical-align: top; overflow-wrap: break-word; }

.entry .entry_content .back_gray { background: #f7f7f9; margin-bottom: 3rem; }

.entry .entry_content .back_gray ul, .entry .entry_content .back_gray p { margin-bottom: 0; }

.entry .entry_content .contents_head_label .label_konokiji { font-size: 1.2rem; }

.entry .entry_content .contents_head_label .label_konokiji i { color: #0449a3; }

.entry .entry_content .contents_head_label ul { background: #f7f7f9; padding: 1rem; }

.entry .entry_content .contents_head_label ul li { margin-left: 1rem; }

.entry .entry_content .accordion .toggle { display: none; }

.entry .entry_content .accordion .Label { padding: 1rem; display: block; background: #fff3f5; }

.entry .entry_content .accordion .Label::before { content: ""; width: 6px; height: 6px; border-top: 2px solid #4b4f56; border-right: 2px solid #4b4f56; -webkit-transform: rotate(45deg); position: absolute; top: calc(50% - 3px); right: 20px; transform: rotate(135deg); }

.entry .entry_content .accordion .Label, .entry .entry_content .accordion .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }

.entry .entry_content .accordion .content { height: 0; overflow: hidden; padding: 0 2rem; margin-bottom: 3rem; }

.entry .entry_content .accordion .toggle:checked + .Label + .content { height: auto; padding: 2rem 1rem 0; transition: all .3s; }

.entry .entry_content .accordion .toggle:checked + .Label::before { transform: rotate(-45deg) !important; }

.entry .entry_content span.strong_underline { background: linear-gradient(transparent 70%, #f1f5b1 0%); }

.entry .entry_content .pr_box { border-color: #33a3d1; border-radius: 3px; margin: 0 0 3rem; border-width: 2px; border-style: solid; }

.entry .entry_content .pr_box .pr_box_title { background-color: #33a3d1; color: #FFFFFF; border-top-left-radius: 1px; border-top-right-radius: 1px; padding: 0.5rem 1rem; font-weight: 600; font-size: 1.1em; }

.entry .entry_content .pr_box .pr_box_content { padding: 1rem; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; }

.entry .entry_content #ez-toc-container { padding: 2rem; margin-bottom: 3rem; margin-top: 3rem; }

.entry .entry_content #ez-toc-container .ez-toc-title { font-size: 1.2rem; }

.entry .entry_content #ez-toc-container .ez-toc-list { margin-top: 2rem; }

.entry .entry_content #ez-toc-container ul li { padding: .2rem 0; }

.entry .entry_content #ez-toc-container .ez-toc-heading-level-2 a { font-weight: bold; }

.entry .entry_content #ez-toc-container .ez-toc-heading-level-3 a { font-weight: normal; }

.entry .entry_content .blog-card { margin: 3rem; }

.entry .entry_content .blog-card:before { font-family: FontAwesome; position: absolute; padding: .3rem 1rem; content: "関連記事"; background-color: #0449a3; color: #fff; font-size: .7rem; z-index: 1; }

.entry .entry_content .blog-card a { align-items: center; text-decoration: none; }

.entry .entry_content .blog-card a .blog-card-thumbnail { max-width: calc(100%/1.3); }

.entry .entry_content .blog-card a .blog-card-title { font-weight: bold; font-size: 1rem; }

.entry .entry_content .blog-card a .blog-card-excerpt { font-size: .8rem; color: #4b4f56; }

.entry .entry_content .blog-card a .blog-card-read-more { font-size: .8rem; }

.entry .entry_content .blog-card a .blog-card-read-more span { margin: .5rem; padding: .5rem 1rem; }

.entry .entry_content .code-toolbar { margin-bottom: 3rem; }

.post_navigation .post_nav_inner { align-items: stretch; justify-content: space-between; }

.post_navigation .post_nav_inner .prev, .post_navigation .post_nav_inner .next { max-width: calc(100% / 2 - 2rem); }

.post_navigation .post_nav_inner a { align-items: center; justify-content: space-between; max-width: calc(100% - 1rem); font-size: .9rem; background: #FFF; }

.post_navigation .post_nav_inner a img { max-width: calc(100% / 4 - 1rem); }

/*related_posts*/
.related_posts .related_posts_header { padding: 1rem 0; margin-bottom: 1rem; }

.related_posts .related_posts_header h2 { font-size: 1.1rem; }

.related_posts .related_posts_inner { flex-wrap: wrap; flex-direction: column; }

.related_posts section a { justify-content: space-between; align-items: center; }

.related_posts section h3 { width: calc(100%/1.1); }

.related_posts .related_posts_thumb { width: calc(100%/9); }

/*page*/
.page { background: #FFF; }

.page h1 { font-size: 1.6rem; }

.page h2 { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }

.page p { margin-bottom: 2rem; }

.page a:hover { color: #337ab7; }

/*sitemap*/
.sitemap { width: calc(100%/1.2); margin: 0 auto; background: #FFF; }

.sitemap .sitemap_heading { display: block; }

.sitemap ul li { list-style: none; line-height: 2em; }

.sitemap .sitemap_entry a { justify-content: flex-start; align-items: center; }

.sitemap .sitemap_entry a span { width: calc(100%/6); }

/*Form*/
.wpcf7 { width: calc(100% / 1.2); margin: 0 auto; }

.wpcf7 input, .wpcf7 textarea { width: 100%; border: 1px solid #e8e8e8; padding: .5rem 1rem; }

.wpcf7 label { display: block; padding-bottom: .5rem; }

.wpcf7 .wpcf7-submit { background: #f7f7f9; }

.wpcf7 .wpcf7-submit:hover { background: #8e8e8e; color: #FFF; }

/*sidebar*/
.side_contents { max-width: 70px; width: 100%; position: -webkit-sticky; position: sticky; top: 10vh; margin-top: 5vh; }

.side_contents .toc_icon_area a:hover .toc_icon { background: #0449a3; }

.side_contents .toc_icon_area .toc_icon { background: #CCC; width: 40px; height: 40px; border-radius: 50%; margin: 0 auto 5px; align-items: center; justify-content: center; }

.side_contents .toc_icon_area svg { fill: #FFF; width: 60%; }

.side_contents .toc_icon_area .toc_label { font-size: .8rem; }

/*social_btn*/
.social_btn_area { max-width: 70px; width: 100%; position: -webkit-sticky; position: sticky; top: 10vh; margin-top: 5vh; }

/*modal*/
.modal { display: none; height: 100vh; position: fixed; top: 0; width: 100%; }

.modal__bg { background: rgba(0, 0, 0, 0.8); height: 100vh; position: absolute; width: 100%; }

.modal__content { left: 50%; padding: 40px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 1rem); }

.modal__content .search-modal-close { display: block; margin: 2rem auto; font-size: .8rem; color: #FFF; width: 50px; }

.modal__content .search-modal-close i { font-size: 2rem; }

.searchform input { height: 60px; padding: 0 .5rem; border-radius: 3px 0 0 3px; margin: 0; background: #FFF; width: 60%; max-width: 400px; }

.searchform button { height: 60px; padding: 0 1rem; background: #e8e8e8; border-left: 0; border-radius: 0 3px 3px 0; }

/*breadcrumb*/
.breadcrumb { margin-bottom: .5rem; }

.breadcrumb li { align-items: center; position: relative; font-size: .8rem; }

.breadcrumb li::after { content: ''; width: 6px; height: 6px; border: 0; border-top: solid 1px #8e8e8e; border-right: solid 1px #8e8e8e; position: absolute; top: 50%; right: .4rem; margin-top: -4px; transform: rotate(45deg); }

.breadcrumb li:last-of-type::after { display: none; }

.breadcrumb li a { text-decoration: none !important; }

/*footer*/
footer { background: #f7f7f9; }

footer .footer .footer_menu { align-items: center; justify-content: center; }

footer .footer .footer_menu a { font-size: .9rem; }

footer .footer .footer_menu a:hover { color: #337ab7; }

footer .footer .copy { font-size: .8rem; }

footer .footer .footer_menu_sp, footer .footer .modal { display: none; }

/*SP*/
@media screen and (max-width: 900px) { .d-flex-sp { display: flex !important; }
  .container { max-width: 100%; }
  .inner { max-width: 100%; }
  /*header*/
  header .header { padding: 0 .5rem; }
  header .header .searchform { display: none; }
  header .nav_menu { overflow: hidden; overflow-x: scroll; }
  header .nav_menu .nav_inner .nav { padding: .5rem; }
  header .nav_menu .nav_inner .nav > span, header .nav_menu .nav_inner .nav > a { margin-right: 1rem; }
  header .nav_menu a { font-size: .8rem; white-space: nowrap; }
  header .nav_menu a i { display: none; }
  header .nav_menu .nav_second_level { display: none; }
  /*post_list*/
  .post_list { flex-direction: column; align-items: center; justify-content: flex-start; }
  .post_list section { width: 100%; border-bottom: 1px solid #e8e8e8; margin-bottom: 0; }
  .post_list section a { align-items: stretch; justify-content: space-between; padding: .5rem 0; }
  .post_list section a .top_new_thumb { width: calc(100% / 3 - 1.5rem); padding-left: 1rem; }
  .post_list section a .post_list_thumb { width: calc(100% / 3 - 1.5rem); padding-left: 1rem; }
  .post_list section a .post_list_title { width: calc(100% / 1.5 + 1rem); }
  .post_list section a .add_info_area { width: calc(100% / 1.5 + 1rem); }
  .post_list section a h2 { margin: 0 0 .5rem; font-size: .9rem; }
  .post_list section a .add_info { padding-bottom: 0; }
  .post_list section a .add_info .cat_label, .post_list section a .add_info .date { font-size: .7rem; }
  .post_list .more { padding-right: 1rem; }
  .category_area h1 { font-size: 1.5rem; }
  .category_area .breadcrumb { padding: 0 1rem 1rem; }
  .category_area .breadcrumb a { color: #337ab7; }
  /*HTML&CSS*/
  .cat_header { flex-direction: column-reverse; }
  .cat_header .cat_header_heading { width: 100%; }
  .cat_header .cat_header_heading p { padding: 0 1rem; }
  /*pagination*/
  .pagination { margin: 1rem 1rem 0; padding-bottom: 1rem; }
  /*pick_up*/
  .pickup { flex-direction: column; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
  .pickup section.pickup_layout { width: 100%; padding: 1rem; }
  .pickup section.pickup_layout .pickup_thumb { width: calc(100% / 3 - 1.5rem); }
  .pickup section.pickup_layout .add_info_area { width: calc(100% / 1.5 + 1rem); padding-left: .5rem; }
  .pickup section.pickup_layout h2 { margin: 0 0 .5rem; font-size: .9rem; }
  .pickup section.pickup_layout .pickup_list a { justify-content: space-between; }
  /*lesson_area*/
  .lesson_eyecatch_area .lesson_eyecatch { flex-direction: column-reverse; }
  .lesson_eyecatch_area .lesson_eyecatch .lesson_eyecatch_heading { width: 100%; }
  .lesson_eyecatch_area .lesson_eyecatch .lesson_eyecatch_heading h1 { font-size: 1.5rem; margin: 1rem auto .5rem; }
  .lesson_area { margin-bottom: 0; }
  .lesson_area .lesson_toc { display: none; }
  .lesson_area .lesson_list_area { padding: 1rem; }
  .lesson_area section .lesson_heading h2 { font-size: 1.2rem; }
  /*entry*/
  .entry_bg { max-width: 100%; padding-top: 0; }
  .social_btn_area { display: none; }
  .side_contents { display: none; }
  .entry_container { max-width: 100%; }
  .entry_container .entry { padding: 1rem; /*blog-card*/ }
  .entry_container .entry .entry_content { padding-top: 1rem; }
  .entry_container .entry .entry_content h1 { font-size: 1.3rem; }
  .entry_container .entry .entry_content h2 { font-size: 1.1rem; }
  .entry_container .entry .entry_content h3 { font-size: 1rem; }
  .entry_container .entry .entry_content p { font-size: 1rem; }
  .entry_container .entry .entry_content .table-scroll { overflow-x: scroll; }
  .entry_container .entry .entry_content .table-scroll table { width: 100%; white-space: nowrap; }
  .entry_container .entry .blog-card { margin: .5rem 0 3rem; }
  .entry_container .entry .blog-card:before { font-size: .6rem; }
  .entry_container .entry .blog-card a .blog-card-thumbnail { max-width: calc(100%/2.5); padding: 1rem; }
  .entry_container .entry .blog-card a .blog-card-title { font-size: .9rem; }
  .entry_container .entry .blog-card a .blog-card-excerpt { display: none; }
  .entry_container .entry .blog-card a .blog-card-read-more { display: none; }
  /*post_navigation*/
  .post_navigation .post_nav_inner { flex-direction: column; }
  .post_navigation .post_nav_inner .prev, .post_navigation .post_nav_inner .next { max-width: 100%; padding: .5rem 0; text-align: left; }
  .post_navigation .post_nav_inner a { max-width: calc(100% - 2rem); flex-direction: row-reverse; margin: 0 auto; }
  .post_navigation .post_nav_inner a .prev_title { padding: 0 1rem 0 0; }
  .post_navigation .post_nav_inner a .next_title { padding: 0 0 0 1rem; }
  /*related_posts*/
  .related_posts .related_posts_thumb { width: calc(100% / 5); }
  /*page*/
  .page_area { padding-top: 0; }
  .page_area .page { padding: 1rem; }
  .page_area .page h1 { font-size: 1.5rem; }
  .page_area .page .sitemap { width: 100%; padding: 0; }
  .page_area .page .sitemap .sitemap_entry span { width: calc(100% / 4); }
  .page_area .page .sitemap .sitemap_entry .post_list_thumb { width: calc(100% / 3 - 1.5rem); }
  .page_area .page .sitemap .sitemap_entry .post_list_title { width: calc(100% / 1.5 + 1rem); }
  /*contact*/
  .wpcf7 { width: 100%; }
  /*searchform*/
  .searchform input { height: 44px; width: 80%; }
  .searchform button { height: 44px; }
  /*footer*/
  footer { padding-bottom: 2rem; }
  footer .footer .footer_menu { flex-wrap: wrap; text-align: center; }
  footer .footer .footer_menu a { margin-right: 1rem; }
  footer .footer .footer_menu_sp { width: 100%; position: fixed; bottom: 0; padding: .5rem; align-items: stretch; justify-content: space-around; background: #FFF; }
  footer .footer .footer_menu_sp div span { display: block; font-size: .8rem; }
  footer .footer .footer_menu_sp div a { display: block; margin: 0 auto; font-size: .7rem; } }