@media only screen and (max-width: 1000px) {
  .categoryarea ul li {
    margin-left: 20px;
  }
}

@charset "UTF-8";

body {

  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

/* 202311 kono追加 */
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Vujahday+Script&display=swap");
@media screen and (min-width: 768px) and (max-width: 999px) {
  .is-pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is-pc-tab {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .is-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .is-sp {
    display: none;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
figure,
time,
article,
p,
span {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 300;
  line-height: 180%;
  color: #222;
  word-break: break-all;
}

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

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

dl,
dd,
dt {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 1000px) {
  .is-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .is-sp {
    display: none;
  }
}

#rmp_menu_trigger-25630 {
  display: none !important;
}

/* /202311 kono追加 */


/* font */
.mincho {
  font-family: YakuHanJP, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

/* font */
.wrap {
  width: 1020px;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}

.wrap:before {
  display: inline-table;
}

.wrap:after {
  content: "";
  display: block;
  clear: both;
}

#main {
  width: 100%;
  float: left;
}

.main-inner {
  /*  margin-right: 330px;*/

}

#side {
  width: 290px;
  float: left;
  margin-left: -290px;
}

.left-content #main {
  width: 100%;
  float: left;
}

.left-content .main-inner {
  margin-right: 0;
  margin-left: 0;
}

.left-content #side {
  width: 290px;
  float: left;
  margin-left: -290px;
}

.right-content #main {
  width: 100%;
  float: left;
}

.right-content .main-inner {
  margin-left: 0;
  margin-right: 0;
}

.right-content #side {
  width: 290px;
  float: left;
  margin-left: -100%;
}

.one-column #content .wrap {
  width: 760px;
  margin: 0 auto;

}

.one-column #content .wrap #main {
  width: 100%;
  float: none;
}

.one-column #content .wrap #main .main-inner {
  width: 100%;
  margin: 0;
}

.one-column #content .wrap #side {
  display: none;
}

#content .wrap {
  width: 760px;
  margin: 0 auto;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px 
* desctop / laptop / tablet / phone
---------------------------------------- */
.main-inner {
  margin-right: 0 !important;
}


@media screen and (max-width: 1200px) {

  .main-inner {
    margin-right: 0 !important;
    box-sizing: border-box;

  }
}

@media screen and (max-width: 1020px) {

  /* laptop */
  .wrap,
  .one-column #content .wrap {
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
  }

  .main-inner {
    /*   margin-right: 320px;*/
    box-sizing: border-box;
  }

  /* laptop end */
}

@media screen and (max-width: 991px) {

  /* tablet */
  .wrap,
  .one-column #content .wrap {
    margin-left: 20px;
    margin-right: 20px;
  }

  #main,
  .main-inner,
  #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .left-content #main,
  .right-content #main {
    float: none;
  }

  .left-content .main-inner,
  .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .left-content #side,
  .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
  }

  #side {
    padding-top: 42px;
  }

  /* tablet end */
}

@media screen and (max-width: 767px) {

  /* phone */
  .wrap,
  .one-column #content .wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* phone end */
}

/* ----------------------------------------
* カラースキーム
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
  background: #fff;
  color: #383838;
}

a {
  text-decoration: underline;
  color: #2581c4;
}

a:hover {
  text-decoration: underline;
}

/* form
---------------------------------------- */
form input[type="submit"],
form button {
  background: #a6937c;
  color: #fff;
}

form input[type="submit"]:hover,
form button:hover {
  cursor: pointer;
}

/* ----------------------------------------
* header
---------------------------------------- */
#header {
  background: #fff;
  padding: 36px 0 32px;
  border-bottom: 0;
}

/*
#header p {
padding-bottom: 30px;
}
*/
#header #logo {
  float: left;
  font-size: 24px;
}

#header #logo a {
  color: #383838;
}

#header #header-sns {
  float: right;
}

#header #header-sns ul {
  padding: 0 0 10px;
}

#header #header-sns li {
  display: inline-block;
  margin-left: 30px;
  font-size: 21px;
}

#header #header-sns li a {
  color: #ccc;
}

#header #header-sns li a:hover {
  color: #57585a;
}


/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb {
  margin: 0 0 15px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  padding: 0;
}

.breadcrumb li {
  float: left;
  margin-left: 10px;
}

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

.breadcrumb li a:hover {
  text-decoration: underline;
}

/* ----------------------------------------
* gloval nav
---------------------------------------- */
#gnav {
  margin-top: 0;
  background: #fff;
  border-top: 0;
  /* border-bottom: 2px #efefef solid;*/
  font-size: 14px;
}

#gnav ul li ul.sub-menu li.current-menu-item a {
  z-index: 10;
  font-size: 14px;
  margin: 0;
}

#gnav ul {
  margin: 0;
  padding: 0;
}

#gnav li {
  float: left;
  position: relative;
  padding: 0 24px 0 0;
}

#gnav li.current-menu-item a {
  border-top: 0;
}

#gnav li a {
  display: block;
  border-top: 0;
  margin-top: 0;
  padding: 20px 0px;
  color: #2B2D2D;
  background: #fff;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

#gnav li a:hover {
  color: #2B2D2D;
  border-top: 0;
}

#gnav li a:hover .sub-menu {
  display: block;
}

#gnav li .sub-menu {
  display: none;
  position: absolute;
  width: 200px;
  background: #fff;
  border: none;
  border-bottom: none;
  margin: 0;
}

#gnav li .sub-menu li {
  float: none;
  border-bottom: 0;
  margin-right: 0;
  padding: 0;
}

#gnav li .sub-menu li:list-child {
  border-bottom: none;
}

#gnav li .sub-menu li a {
  color: #fff;
  background: #2b2b2b;
  font-size: 12px;
  padding: 14px 18px;
  margin-top: 0;
  border: 0;
  overflow: hidden;
}

#gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}

#gnav li .sub-menu li a:after {
  content: "\f105";
  float: right;
  font-family: 'FontAwesome';
}

#gnav li .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
  /* padding: 15px 0 0; */
  padding: 150px 0 0;
  /* キャプション */
}

#content .wp-caption {
  max-width: 100%;
  border: 1px solid #efefef;
  text-align: center;
  padding: 5px;
}

#content .wp-caption-text {
  padding: 12px 16px;
  margin-bottom: 0;
  text-align: center;
}

body.home #content {
  padding-top: 52px;
}

/* ----------------------------------------
* main
---------------------------------------- */
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
  margin-bottom: 40px;
  background: #fff;
  border: 0 !important;
  /*border: 0;*/
}

.post-header {
  /* padding: 56px 64px 0;*/
  padding: 0;
}

.post-title a {
  color: #383838;
}

.post-title a:hover {
  color: #f24e4f;
  text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
  /* padding: 56px 64px 0;*/
  padding: 0;
}

margin-bottom: 0;
background: #fff;
}

.cat-content .post-title,
article.page .post-title {
  margin-bottom: 0;
}

.post-meta {
  margin-top: 0;
  margin-bottom: 42px;
  padding: 0;
  border-top: 1px #efefef solid;
}

.post-meta li {
  background: #fff;
  float: left;
  margin-top: -0.7em;
  margin-right: 20px;
  padding-right: 24px;
  font-size: 14px;
}

.post-thumbnail {
  margin-left: 20px;
  margin-bottom: 20px;
  float: right;
}

.post-thumbnail img {
  max-width: 100%;
  height: auto;
}

/*
.post-content {
  padding: 42px 64px;
  overflow: hidden;
}*/

.post-content {
  padding: 0 !important;
  overflow: hidden;
}

.post-content hr {
  border-bottom: 1px solid #efefef;
  margin: 20px 0;
  clear: both;
}

.post-content ul {
  list-style: disc;
}

.post-content ol {
  list-style: decimal;
}

.post-content dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}

.post-content dl dd {
  margin: 0 0 20px;
  border-left: 4px solid #e5e5e5;
  padding: 0 0 0 10px;
}

.post-content pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}

.post-content h1 {
  clear: both;
}

.post-content h2 {
  padding: 0 0 12px;
  clear: both;
  border-bottom: 1px solid #efefef;
}

.post-content h3 {
  clear: both;
  border-left: 5px solid #e5e5e5;
  padding: 0 13px;
}

.post-content table {
  border: 1px #ddd solid;
  max-width: 100%;
  font-size: 14px;
}

.post-content table th,
.post-content table td {
  padding: 8px 10px;
  border: #ddd solid 1px;
}

.post-content table th {
  color: #fff;
}

.post-content table thead th {
  background: #5e6265;
}

.post-content table tbody th {
  background: #919598;
}

.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
  border-color: #fff;
}

.post-content table.table-line th {
  background: transparent;
  color: #383838;
  font-weight: bold;
}

.post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

.post-content table.table-line tr {
  background: #eee;
}

.post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

.post-content img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.post-content img.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.post-content h2:first-child {
  margin: 0 0 32px;
}

.post-cta {
  margin: 0;
  background: #f5f5f5;
  color: #383838;
  border-top: 3px solid #5e6265;
}

.post-cta .post-cta-inner {
  padding: 30px 45px;
}

.post-cta .cta-post-title {
  padding: 40px 45px;
  text-align: center;
  font-size: 32px;
  margin-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}

.post-cta .post-cta-img {
  float: right;
  width: 230px;
  margin: 0 0 20px 30px;
}

.post-cta .post-cta-cont {
  overflow: hidden;
}

.post-cta .post-cta-btn {
  margin: 40px 0 10px;
}

.post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-radius: 3px;
  border-bottom: 5px solid #38bd3e;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 60%;
  margin: 0 auto 20px;
}

.post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}

.post-cta p {
  margin-bottom: 1em;
}

.post-cta .btn {
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  background: #2581c4;
}

.post-cta .btn:hover {
  text-decoration: none;
  background: #f24e4f;
}

.post-share {
  padding: 0 45px 30px;
  border-top: 1px solid #e5e5e5;
}

.post-share .post-share-fb {
  margin-bottom: 0;
  padding-top: 40px;
  text-align: center;
}

.post-share .post-share-fb>span {
  margin: 0 auto;
}

.post-share .post-share-title {
  font-size: 20px;
  padding: 10px 0;
  margin-bottom: 0;
  color: #fff;
  background-color: #57585A;
  text-align: center;
  margin-left: -45px;
  margin-right: -45px;
}

.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
  overflow: hidden;
  padding: 30px 0;
  margin-left: -2.08%;
}

.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
  text-decoration: none;
  font-family: 'Didact Gothic';
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: block;
  border: 1px #eee solid;
  border-radius: 3px;
  padding: 20px 0;
}

.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}

.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
  text-align: center;
  float: left;
  margin-left: 2.08%;
}

.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  font-size: 2em;
}

.post-share .post-share-list1 li {
  width: 97.92%;
}

.post-share .post-share-list2 li {
  width: 47.92%;
}

.post-share .post-share-list3 li {
  width: 31.25%;
  font-size: .8em;
}

.post-share .post-share-list4 li {
  width: 22.92%;
}

.post-share .post-share-list4 {
  text-align: center;
}

.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  display: block;
}

.post-share .post-share-list4 .big {
  font-size: 1.2em;
}

.post-share .post-share-facebook a:hover {
  color: #305097;
}

.post-share .post-share-twitter a:hover {
  color: #00aced;
}

.post-share .post-share-google a:hover {
  color: #db4a39;
}

.post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

.post-sns {
  border-top: 1px #eee solid;
  margin: 0 -45px -30px;
  padding: 0;
}

.post-sns ul {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.post-sns ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  color: #929292;
  font-size: 16px;
  text-align: center;
}

.post-sns ul li.post-sns-twitter a:before {
  content: "\f099";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}

.post-sns ul li.post-sns-feedly a:before {
  content: "\f09e";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}

.post-sns ul li:last-child {
  border-right: none;
  padding: -10px 0;
}

.post-sns ul li:hover {
  background-color: #f7f7f7;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}

.post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}

.post-sns ul li span {
  font-size: 20px;
}

.post-sns ul li a {
  width: 100%;
  display: block;
  color: #929292;
  text-decoration: none;
  padding: 24px 0;
}

.post-sns ul li a:hover {
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}

.post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

.post-footer {
  border-radius: 0 0 3px 3px;
  padding: 40px 64px 0px;
}

.post-footer ul li {
  display: inline-block;
  vertical-align: top;
}

.post-footer ul li a:hover {
  text-decoration: underline;
}

.post-footer .bzb-sns-btn {
  padding: 0 0 64px;
  font-size: 0;
}

.post-footer .bzb-sns-btn li {
  display: inline-block;
  font-size: 16px;
  width: auto;
  vertical-align: top;
}

.post-footer .bzb-sns-btn:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

.post-footer:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

.post-footer-list {
  margin: 0 0 40px;
}

.post-footer-list li {
  margin-right: 10px;
}

.post-author {
  border-radius: 3px;
  margin-bottom: 0px;
  padding: 40px 64px;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #383838;
}

.post-author .post-author-img {
  width: 80px;
  float: left;
}

.post-author .post-author-img .inner {
  padding: 0;
}

.post-author a {
  color: #2581c4;
}

.post-author .post-author-meta {
  margin-left: 100px;
}

.post-author .post-author-meta h4 {
  margin: 0 40px 10px 0;
  font-weight: bold;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
  max-width: 100% !important;
}

/* bzb sns */
.post-header-meta {
  overflow: visible;
}

.post-header-meta:after {
  content: "";
  clear: both;
  display: block;
}

.bzb-sns-btn {
  padding: 0;
  margin: 0;
  font-size: 0;
}

.bzb-sns-btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: auto;
  margin: 4px;
}

/*
.bzb-sns-btn li.bzb-facebook {
  width: 98px;
}
.bzb-sns-btn li.bzb-facebook span {
  vertical-align: top !important;
}
.bzb-sns-btn li.bzb-twitter {
  width: 93px;
}
.bzb-sns-btn li.bzb-googleplus {
  width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
  width: 93px;
}*/
.bzb-sns-btn li.bzb-line a,
.bzb-sns-btn li.bzb-line img {
  vertical-align: top;
}

.bzb-facebook .fb-like>span {
  vertical-align: top !important;
}

.bzb-twitter {
  width: 92px;
}

.bzb-googleplus {
  width: 80px;
}

.post-header-category {
  float: right;
  width: 300px;
  text-align: right;
  padding: 20px 0 10px;
}

/* comment
---------------------------------------- */
#comments {
  padding: 40px 64px;
}

.comment-list>.comment {
  margin-bottom: 40px;
  border-bottom: 1px #eee solid;
}

.comment-list>.comment>.comment-body {
  padding: 0 20px;
  margin-bottom: 20px;
}

.comment-list .children {
  margin-left: 45px;
}

.comment-list .children .comment-body {
  padding: 20px 30px;
  margin-bottom: 20px;
  background: #f7f7f7;
}

.comment-author {
  float: left;
  vertical-align: top;
  font-size: 12px;
  margin-left: 10px;
}

.comment-author img {
  vertical-align: top;
}

.comment-meta {
  font-size: 12px;
  margin-bottom: 12px;
}

.reply a {
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 12px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.reply a:before {
  content: ' ';
  font-family: 'FontAwesome';
}

.reply a:hover {
  text-decoration: none;
}

.comment-form-comment label {
  display: none;
}

.comment-form-comment textarea {
  width: 80%;
  margin: 20px 0;
  border-radius: 3px;
}

.form-allowed-tags {
  font-size: 12px;
  margin-bottom: 20px;
  display: none;
}

.comment-meta:after {
  content: ' ';
  display: block;
  clear: both;
}

.comments-title {
  font-size: 24px;
  padding: 20px 0;
  margin-bottom: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  overflow: hidden;
  margin: 10px 0;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  width: 15%;
  float: left;
  font-size: 12px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 40%;
  float: left;
  margin-left: 5%;
  border-radius: 3px;
  padding: 5px;
}

.form-submit #submit {
  width: 300px;
  line-height: 40px;
  border: none;
  border-radius: 3px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.form-submit #submit:hover {
  cursor: pointer;
}

.comment-form-comment textarea {
  width: 95%;
  padding-left: 2%;
  padding-right: 2%;
}

.comment-form {
  overflow: hidden;
}

.comment-form-author,
.comment-form-email {
  width: 49%;
  margin: 0;
}

.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
  width: 90%;
  float: none;
  margin: 0 0 10px;
}

.comment-form-author {
  float: left;
}

.comment-form-email {
  float: right;
}

/* loop
---------------------------------------- */
.cat-content {
  background: #fff;
  padding: 40px;
  margin-bottom: 30px;
}

.post-loop-wrap article {
  width: 100%;
  margin: 0 0 60px;
}

.post-loop-wrap article p {
  margin-top: 0;
}

.post-loop-wrap .post-thumbnail {
  width: 304px;
  height: 215px;
  margin-left: 20px;
  margin-bottom: 20px;
  float: right;
}

.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
}

.post-loop-wrap .post-content {
  width: auto;
  padding: 0 64px 42px;
}

.post-loop-wrap .post-footer {
  border-top: 1px #efefef solid;
  padding-top: 10px;
}

.post-loop-wrap .post-footer .bzb-sns-btn {
  padding: 0;
  margin-right: 50px;
  float: left;
}

.post-loop-wrap .post-footer .loop-comment-icon {
  float: right;
}

.post-loop-wrap .post-footer .loop-comment-icon .fa {
  font-size: 18px;
  margin-right: 5px;
}

.post-loop-wrap .post-footer .loop-comment-icon .share {
  display: none;
}

.post-loop-wrap .post-footer .loop-comment-icon .count {
  font-size: 14px;
}

.more-link {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 26px;
  margin-bottom: 64px;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: 14px;
}

.more-link:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

/* content-none */
.content-none {
  padding-top: 40px;
}

/* ----------------------------------------
* pagenation
---------------------------------------- */
.pagination {
  margin: 0 0 120px 0;
  padding: 0;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 12px 18px;
  text-decoration: none;
  width: auto;
  color: #383838;
}

.pagination a:hover {
  background: #eee;
}

.pagination .current {
  padding: 12px 18px;
  background: #eee;
}

/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
  padding: 0;
}

.side-widget {
  margin-bottom: 40px;
  padding-bottom: 40px;
  line-height: 1.6;
  font-size: 14px;
}

.side-widget .side-title {
  margin: 0 0 32px;
  font-size: 15px;
}

.side-widget ul li {
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
}

.side-widget .side-title {
  margin: 0 0 13px;
  font-size: 16px;
}

.side-widget a {
  color: #5e6265;
  text-decoration: none;
}

.side-widget.widget_recent_comments a {
  background: none;
}

.side-widget .post-date {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}

#views-2 ul li span {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
  color: #5e6265;
  text-decoration: none;
  padding-left: 36px;
  display: block;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}

.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
  color: #2581c4;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

/* comment */
.recentcomments {
  color: #808080;
  font-size: 12px;
}

.recentcomments a {
  color: #383838;
  font-size: 14px;
}

/* 実装中止----------- */
/* calendar */
.widget_calendar {
  border-radius: 3px;
  font-size: 16px;
}

.widget_calendar .side-widget-inner {
  border-radius: 3px;
  padding: 0 20px 20px;
}

.widget_calendar table {
  width: 100%;
}

.widget_calendar caption {
  border-radius: 3px 3px 0 0;
  padding: 14px 20px;
  margin: 0 -20px 20px;
  font-size: 18px;
  text-align: center;
}

.widget_calendar a {
  color: #666;
}

.widget_calendar li {
  margin-bottom: 1em;
}

.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
  margin: 0 20px;
}

.widget_calendar th,
.widget_calendar td {
  text-align: center;
}

.widget_calendar tbody a {
  display: block;
}

.widget_calendar tbody a:hover {
  text-decoration: none;
}

/* follow */
#side .share-list-wrap {
  margin: 0 -20px 20px;
  background: #f9f9f9;
  padding: 20px;
}

#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
  overflow: hidden;
  margin-left: -1%;
}

#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
  float: left;
  width: 24%;
  margin-left: 1%;
}

#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
  border-radius: 100%;
  background: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  font-size: 32px;
  color: #5e6265;
}

#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
  display: none;
}

#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}

#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}

#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}

#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

/* author */
#side-author {
  overflow: hidden;
  font-size: 12px;
}

#side-author h4 {
  padding: 12px 0;
  margin-bottom: 20px;
  font-size: 16px;
}

#side-author .side-author-img {
  float: left;
  width: 100px;
}

#side-author .side-author-meta {
  float: right;
  width: 180px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
#footer {
  color: #383838;
}

#footer a {
  color: #333;

}

#footer a:hover {
  color: #333;

  opacity: 0.8;
}

#footer .wrap {
  padding: 30px 0;
}

#footer .post-share {
  padding-right: 0;
  padding-left: 0;
}

.footer-01 {
  background: #f9fafa;
  border-top: 1px #efefef solid;
  font-size: 13px;
}

.footer-01 ul {
  overflow: hidden;
  text-align: left;
}

.footer-01 ul li {
  display: inline-block;
  margin-right: 20px;

}




.footer-02 {
  background: #f9fafa;
  border-top: 0;

}

.footer-02 .footer-copy {
  text-align: left;
  font-size: 12px;
}

@media screen and (max-width: 1000px) {
  .footer-02 .footer-copy {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .footer-02 .footer-copy {
    text-align: center;
    margin-left: 0;
  }
}

/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
  padding: 40px 0;
}

.single-lp .lp-wrap {
  width: 1157px;
  border: 1px solid #efefef;
  margin: 0 auto;
  background: #fff;
  padding: 45px 0;
}

.single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  float: right;
  margin: 0 0 13px 13px;
  border: 1px #ccc solid;
}

.single-lp .lp-thumbnail img {
  vertical-align: top;
}

.single-lp .post-content {
  padding: 0;
  overflow: hidden;
}

.single-lp #lp-header {
  background: #fff;
  padding: 0 56px;
}

.single-lp #lp-header h1 {
  font-size: 32px;
  color: #2581c4;
  padding-bottom: 35px;
  border-bottom: 1px solid #efefef;
}

.single-lp #content {
  padding: 40px 56px;
  overflow: hidden;
}

.single-lp #main {
  width: 100%;
}

.single-lp .main-inner {
  overflow: hidden;
  margin-right: 350px;
}

/* one-column */
.one-column.single-lp #main {
  float: none;
}

.one-column.single-lp .main-inner {
  margin-left: 0;
  margin-right: 0;
}

.one-column.single-lp #side {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.single-lp #side {
  width: 320px;
  margin-left: -320px;
}

.single-lp.right-content #side {
  width: 320px;
  margin-left: -100%;
}

.single-lp.right-content .main-inner {
  margin-left: 350px;
  margin-right: 0;
}

.single-lp .post-footer {
  padding: 20px 0;
}

.single-lp .lp-form {
  background: #494c4e;
  color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.single-lp .lp-form h3 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
}

.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
  width: 90%;
  padding: 10px 5%;
  border: none;
}

.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
  width: 100%;
  padding: 10px 0;
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  border-radius: 3px;
}

.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
  background: #6ed472;
}

.single-lp .lp-form dl {
  margin-bottom: 13px;
}

/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#header-menu-tog {
  display: none;
}

@media screen and (max-width: 1020px) {
  .single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
  }

  .single-lp .main-inner {
    margin-right: 350px;
  }
}

@media screen and (max-width: 991px) {

  /* tablet */
  .sp-hide {
    display: none !important;
  }

  .sp-show {
    display: block !important;
  }

  #main .post-sns {
    margin: 0 -20px -20px !important;
  }

  #main .post-share-title {
    margin: 0 -20px !important;
  }

  .single-lp #lp-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .single-lp #lp-header .lp-title {
    padding: 0;
    margin: 0;
    font-size: 21px;
  }

  .single-lp #content {
    padding: 20px;
  }

  .single-lp .lp-wrap {
    padding: 24px 0;
    width: auto;
    margin: 0 24px;
  }

  .single-lp .lp-wrap input[type=text] {
    width: 100%;
  }

  .single-lp .lp-wrap input[type=submit] {
    margin-top: 30px;
  }

  .single-lp .post-content {
    padding: 0 !important;
  }

  .single-lp #side {
    margin-left: 0;
    width: 100%;
  }

  .single-lp #side dl,
  .single-lp #side dt,
  .single-lp #side dd {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
  }

  .single-lp #side dt {
    margin-bottom: 8px;
  }

  .alignleft,
  .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

}

/* header */
#header {
  padding: 36px 0 32px !important;
}

#header .wrap {
  width: 100%;
  max-width: 1020px;
  padding: 0;
}

#header #logo img {
  vertical-align: top;
  width: auto;
}


#header #logo img {
  vertical-align: top;
  width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #header #logo img {
    vertical-align: top;
    width: 40%;
    text-align: left;

  }

  #mega-menu-wrap-global_nav {
    position: relative;
    z-index: 99999999;
    background: url(../images/logo_sp.svg)no-repeat;
    background-size: 257px 38px;
  }
}



@media screen and (max-width: 768px) {
  #header #logo img {
    vertical-align: top;
    width: 40%;
    text-align: left;
  }

  .mega-menu-wrap#mega-menu-wrap-global_nav {
    position: relative;
    z-index: 100;
    background: url(../images/logo_sp.svg)no-repeat;
    background-size: 257px 38px;
    background-color: #fff;
    z-index: 10000;
  }
}


#header #header-primary-nav {
  display: none;
}

#header-menu-tog {
  display: block;
  float: right;
  font-size: 24px;
}

#gnav {
  display: block;
}

#gnav.active {
  display: none;
}

#gnav {
  margin: 20px 2%;
  border: 0;
  padding: 10px;
}

#gnav .wrap {
  margin: 0;
}

#gnav ul li {
  float: none;
  position: relative;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
}

#gnav ul li.current-menu-item a {
  border-top: none;
}

#gnav ul li a {
  display: block;
  border-top: 0;
  padding: 0;
  color: #2B2D2D;
  background: #fff;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  border-bottom: 0;
}

#gnav ul li a:hover {
  color: #666;
  border-top: none;
}

#gnav ul li a:hover .sub-menu {
  display: block;
}

#gnav ul li .sub-menu {
  display: block;
  position: relative;
  width: auto;
  margin-left: 20px;
  background: #fff;
  border: none;
  border-bottom: none;
}

#gnav ul li .sub-menu li {
  float: none;
  margin-right: 0;
}

#gnav ul li .sub-menu li:list-child {
  border-bottom: none;
}

#gnav ul li .sub-menu li a {
  color: #2581c4;
  background: #fff;
  padding: 10px 15px;
  border-bottom: 1px #e5e5e5 solid;
}

#gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #2581c4;
  box-shadow: 0;
}

#gnav ul li .sub-menu .sub-menu {
  left: auto;
  top: auto;
}

/* loop */
.cat-content {
  padding: 20px;
}

.post-loop-wrap .post-thumbnail {
  height: 215px;
  float: none;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.post-loop-wrap .post-title {
  margin-bottom: 0;
}

.post-loop-wrap .post-content {
  padding: 0 40px;
}

.post-loop-wrap .post-footer {
  display: none;
}

/* comment */
.comment-form-author,
.comment-form-email {
  float: none;
  width: auto;
}

/* padding */
.post-header {
  padding: 42px 20px 20px;
}

.post-content,
.cta-post-title,
.post-cta,
.post-cta-inner,
.post-share,
.post-author,
article.page .post-header {
  padding: 20px !important;
}

.post-thumbnail,
.post-cta-img {
  margin-left: 0;
  margin-right: 0;
  float: none;
}

.post-footer {
  padding: 0 20px;
}

.more-link {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}

/* tablet end */
}

@media screen and (max-width: 767px) {

  /* phone */
  .post-content h2 {
    font-size: 22px;
    margin-top: 56px;
  }

  .post-content h3 {
    font-size: 20px;
    margin-top: 56px;
  }

  .post-content h4 {
    font-size: 18px;
  }

  .post-content table {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    font-size: 12px;
  }

  #main .post-share .post-sns {
    margin: 0 -20px -20px;
  }

  #main .post-share .post-sns ul li {
    width: auto;
    float: none;
    border-right: none;
    border-bottom: 1px solid #eee;
  }

  #main .post-share .post-sns ul li a {
    padding: 16px 0;
    font-size: 16px;
  }

  #main .post-share .post-sns ul li a span {
    font-size: 16px;
  }

  #main .post-share .post-sns ul li a:before {
    font-size: 18px;
  }

  #main #comments {
    padding: 20px;
  }

  #main .post-author {
    padding: 20px;
  }

  #main .post-author .post-author-img {
    float: none;
  }

  #main .post-author .post-author-meta {
    padding: 0;
    margin: 10px 0 0;
  }

  .post-cta .post-cta-img {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }

  .post-cta .post-cta-btn {
    margin: 24px 0 10px;
  }

  .post-cta .post-cta-btn a {
    width: 100%;
    box-sizing: border-box;
  }

  .post-footer {
    padding: 0 20px !important;
  }

  #main .post-cta .cta-post-title {
    font-size: 24px !important;
    padding: 0 0 20px !important;
  }

  /* phone end */
}

/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
body.color01 {}

body.color01 body {
  background: #fafafa;
  color: #494D50;
}

body.color01 a {
  color: #1ABB9A;
}

body.color01 form input[type="submit"],
body.color01 form button {
  background: #1ABB9A;
}

body.color01 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}

body.color01 #header #logo a {
  color: #494D50;
}

body.color01 #header #header-sns li a {
  color: #ccc;
}

body.color01 #header #header-sns li a:hover {
  color: #34465C;
}

body.color01 #gnav {
  background: #fff;
  border-top: 0;
  border-bottom: 0;
}

body.color01 #gnav li.current-menu-item a {
  border-top: 0;
}

body.color01 #gnav li a {
  border-top: 0;
  color: #2B2D2D;
  background: #fff;
}

body.color01 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 0;
}

body.color01 #gnav li .sub-menu li a {
  background: #fff;
  color: #666;
  border: none;
}

body.color01 #gnav li .sub-menu li a:hover {
  background: #fff;
  color: #666;
}

body.color01 #content .wp-caption {
  border: 1px solid #ededed;
}

body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page,
body.color01 article.wp101,
body.color01 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}

body.color01 .post-title a {
  color: #494D50;
}

body.color01 .post-title a:hover {
  color: #1ABB9A;
}

body.color01 .post-meta {
  border-top: 1px #ededed solid;
}

body.color01 .post-meta li {
  background: #fff;
}

body.color01 .post-content hr {
  border-bottom: 1px solid #ededed;
}

body.color01 .post-content h2 {
  border-bottom: 1px solid #ededed;
}

body.color01 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}

body.color01 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}

body.color01 .post-content blockquote:before {
  color: #e7e7e7;
}

body.color01 .post-content blockquote cite {
  color: #808080;
}

body.color01 .post-content table {
  border: 1px #ddd solid;
}

body.color01 .post-content table th,
body.color01 .post-content table td {
  border: #ddd solid 1px;
}

body.color01 .post-content table th {
  color: #fff;
}

body.color01 .post-content table thead th {
  background: #5e6265;
}

body.color01 .post-content table tbody th {
  background: #919598;
}

body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
  border-color: #fff;
}

body.color01 .post-content table.table-line th {
  background: transparent;
  color: #494D50;
}

body.color01 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

body.color01 .post-content table.table-line tr {
  background: #eee;
}

body.color01 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

body.color01 .post-cta {
  background: #f5f5f5;
  color: #494D50;
  border-top: 3px solid #5e6265;
}

body.color01 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}

body.color01 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color01 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}

body.color01 .post-cta .btn {
  color: #fff;
  background: #1ABB9A;
}

body.color01 .post-cta .btn:hover {
  background: #BB2C46;
}

body.color01 .post-share {
  border-top: 1px solid #e5e5e5;
}

body.color01 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}

body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}

body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}

body.color01 .post-share .post-share-facebook a:hover {
  color: #305097;
}

body.color01 .post-share .post-share-twitter a:hover {
  color: #00aced;
}

body.color01 .post-share .post-share-google a:hover {
  color: #db4a39;
}

body.color01 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

body.color01 .post-sns {
  border-top: 1px #eee solid;
}

body.color01 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}

body.color01 .post-sns ul li:hover {
  background-color: #f7f7f7;
}

body.color01 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}

body.color01 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}

body.color01 .post-sns ul li a {
  color: #929292;
}

body.color01 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}

body.color01 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

body.color01 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #494D50;
}

body.color01 .post-author a {
  color: #1ABB9A;
}

body.color01 .comment-list>.comment {
  border-bottom: 1px #eee solid;
}

body.color01 .comment-list .children .comment-body {
  background: #f7f7f7;
}

body.color01 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}

body.color01 .more-link {
  border: 1px #1ABB9A solid;
  color: #1ABB9A;
}

body.color01 .more-link:hover {
  background: #1ABB9A;
  color: #fff;
}

body.color01 .pagination span,
body.color01 .pagination a {
  color: #494D50;
}

body.color01 .pagination a:hover {
  background: #eee;
}

body.color01 .pagination .current {
  background: #eee;
}

body.color01 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}

body.color01 .side-widget a {
  color: #5e6265;
}

body.color01 .side-widget a:hover {
  color: #1ABB9A;
}

body.color01 .side-widget .post-date {
  color: #999999;
}

body.color01 #views-2 ul li span {
  color: #999999;
}

body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}

body.color01 .widget_recent_entries a:hover,
body.color01 .widget_archive a:hover,
body.color01 .widget_categories a:hover,
body.color01 .widget_meta a:hover {
  color: #1ABB9A;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

body.color01 .recentcomments a {
  color: #494D50;
}

body.color01 #side .share-list-wrap {
  background: #fafafa;
}

body.color01 #side .share-list-wrap .post-share-list1 li a,
body.color01 #side .share-list-wrap .post-share-list2 li a,
body.color01 #side .share-list-wrap .post-share-list3 li a,
body.color01 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}

body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}

body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}

body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}

body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

body.color01 #footer {
  color: #1E252C;
}

body.color01 #footer a {
  color: #1E252C;
}

body.color01 #footer a:hover {
  color: #1ABB9A;
}

body.color01 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color01 .footer-02 {
  background: #fff;
  border-top: 0;
}

body.color01 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}

body.color01 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}

body.color01 .single-lp #lp-header {
  background: #fff;
}

body.color01 .single-lp #lp-header h1 {
  color: #1ABB9A;
  border-bottom: 1px solid #ededed;
}

body.color01 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}

body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color01 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 02
---------------------------------------- */
body.color02 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}

body.color02 body {
  background: #fafafa;
  color: #656364;
}

body.color02 a {
  color: #FB4343;
}

body.color02 form input[type="submit"],
body.color02 form button {
  background: #FB4343;
}

body.color02 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}

body.color02 #header #logo a {
  color: #656364;
}

body.color02 #header #header-sns li a {
  color: #ccc;
}

body.color02 #header #header-sns li a:hover {
  color: #4E4E4E;
}

body.color02 #gnav {
  background: #fff;
  border-top: 0;
  border-bottom: 0;
}

body.color02 #gnav li.current-menu-item a {
  border-top: 0;
}

body.color02 #gnav li a {
  border-top: 0;
  color: #2B2D2D;
  background: #fff;
}

body.color02 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 0;
}

body.color02 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}

body.color02 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}

body.color02 #content .wp-caption {
  border: 1px solid #ededed;
}

body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page,
body.color02 article.wp101,
body.color02 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}

body.color02 .post-title a {
  color: #656364;
}

body.color02 .post-title a:hover {
  color: #FB4343;
}

body.color02 .post-meta {
  border-top: 1px #ededed solid;
}

body.color02 .post-meta li {
  background: #fff;
}

body.color02 .post-content hr {
  border-bottom: 1px solid #ededed;
}

body.color02 .post-content h2 {
  border-bottom: 1px solid #ededed;
}

body.color02 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}

body.color02 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}

body.color02 .post-content blockquote:before {
  color: #e7e7e7;
}

body.color02 .post-content blockquote cite {
  color: #808080;
}

body.color02 .post-content table {
  border: 1px #ddd solid;
}

body.color02 .post-content table th,
body.color02 .post-content table td {
  border: #ddd solid 1px;
}

body.color02 .post-content table th {
  color: #fff;
}

body.color02 .post-content table thead th {
  background: #5e6265;
}

body.color02 .post-content table tbody th {
  background: #919598;
}

body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
  border-color: #fff;
}

body.color02 .post-content table.table-line th {
  background: transparent;
  color: #656364;
}

body.color02 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

body.color02 .post-content table.table-line tr {
  background: #eee;
}

body.color02 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

body.color02 .post-cta {
  background: #f5f5f5;
  color: #656364;
  border-top: 3px solid #5e6265;
}

body.color02 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}

body.color02 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color02 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}

body.color02 .post-cta .btn {
  color: #fff;
  background: #FB4343;
}

body.color02 .post-cta .btn:hover {
  background: #58DADF;
}

body.color02 .post-share {
  border-top: 1px solid #e5e5e5;
}

body.color02 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}

body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}

body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}

body.color02 .post-share .post-share-facebook a:hover {
  color: #305097;
}

body.color02 .post-share .post-share-twitter a:hover {
  color: #00aced;
}

body.color02 .post-share .post-share-google a:hover {
  color: #db4a39;
}

body.color02 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

body.color02 .post-sns {
  border-top: 1px #eee solid;
}

body.color02 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}

body.color02 .post-sns ul li:hover {
  background-color: #f7f7f7;
}

body.color02 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}

body.color02 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}

body.color02 .post-sns ul li a {
  color: #929292;
}

body.color02 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}

body.color02 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

body.color02 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #656364;
}

body.color02 .post-author a {
  color: #FB4343;
}

body.color02 .comment-list>.comment {
  border-bottom: 1px #eee solid;
}

body.color02 .comment-list .children .comment-body {
  background: #f7f7f7;
}

body.color02 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}

body.color02 .more-link {
  border: 1px #FB4343 solid;
  color: #FB4343;
}

body.color02 .more-link:hover {
  background: #FB4343;
  color: #fff;
}

body.color02 .pagination span,
body.color02 .pagination a {
  color: #656364;
}

body.color02 .pagination a:hover {
  background: #eee;
}

body.color02 .pagination .current {
  background: #eee;
}

body.color02 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}

body.color02 .side-widget a {
  color: #5e6265;
}

body.color02 .side-widget a:hover {
  color: #FB4343;
}

body.color02 .side-widget .post-date {
  color: #999999;
}

body.color02 #views-2 ul li span {
  color: #999999;
}

body.color02 .widget_recent_entries a,
body.color02 .widget_archive a,
body.color02 .widget_categories a,
body.color02 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}

body.color02 .widget_recent_entries a:hover,
body.color02 .widget_archive a:hover,
body.color02 .widget_categories a:hover,
body.color02 .widget_meta a:hover {
  color: #FB4343;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

body.color02 .recentcomments a {
  color: #656364;
}

body.color02 #side .share-list-wrap {
  background: #fafafa;
}

body.color02 #side .share-list-wrap .post-share-list1 li a,
body.color02 #side .share-list-wrap .post-share-list2 li a,
body.color02 #side .share-list-wrap .post-share-list3 li a,
body.color02 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}

body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}

body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}

body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}

body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

body.color02 #footer {
  color: #1E252C;
}

body.color02 #footer a {
  color: #1E252C;
}

body.color02 #footer a:hover {
  color: #FB4343;
}

body.color02 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color02 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color02 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}

body.color02 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}

body.color02 .single-lp #lp-header {
  background: #fff;
}

body.color02 .single-lp #lp-header h1 {
  color: #FB4343;
  border-bottom: 1px solid #ededed;
}

body.color02 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}

body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color02 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 03
---------------------------------------- */
body.color03 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}

body.color03 body {
  background: #fafafa;
  color: #444756;
}

body.color03 a {
  color: #F37D3D;
}

body.color03 form input[type="submit"],
body.color03 form button {
  background: #F37D3D;
}

body.color03 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}

body.color03 #header #logo a {
  color: #444756;
}

body.color03 #header #header-sns li a {
  color: #ccc;
}

body.color03 #header #header-sns li a:hover {
  color: #21262D;
}

body.color03 #gnav {
  background: #fff;
  border-top: 0;
  border-bottom: 0;
}

body.color03 #gnav li.current-menu-item a {
  border-top: 1px #F37D3D solid;
}

body.color03 #gnav li a {
  border-top: 0;
  color: #2B2D2D;
  background: #fff;
}

body.color03 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 0;
}

body.color03 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}

body.color03 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}

body.color03 #content .wp-caption {
  border: 1px solid #ededed;
}

body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page,
body.color03 article.wp101,
body.color03 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}

body.color03 .post-title a {
  color: #444756;
}

body.color03 .post-title a:hover {
  color: #F37D3D;
}

body.color03 .post-meta {
  border-top: 1px #ededed solid;
}

body.color03 .post-meta li {
  background: #fff;
}

body.color03 .post-content hr {
  border-bottom: 1px solid #ededed;
}

body.color03 .post-content h2 {
  border-bottom: 1px solid #ededed;
}

body.color03 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}

body.color03 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}

body.color03 .post-content blockquote:before {
  color: #e7e7e7;
}

body.color03 .post-content blockquote cite {
  color: #808080;
}

body.color03 .post-content table {
  border: 1px #ddd solid;
}

body.color03 .post-content table th,
body.color03 .post-content table td {
  border: #ddd solid 1px;
}

body.color03 .post-content table th {
  color: #fff;
}

body.color03 .post-content table thead th {
  background: #5e6265;
}

body.color03 .post-content table tbody th {
  background: #919598;
}

body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
  border-color: #fff;
}

body.color03 .post-content table.table-line th {
  background: transparent;
  color: #444756;
}

body.color03 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

body.color03 .post-content table.table-line tr {
  background: #eee;
}

body.color03 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

body.color03 .post-cta {
  background: #f5f5f5;
  color: #444756;
  border-top: 3px solid #5e6265;
}

body.color03 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}

body.color03 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color03 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}

body.color03 .post-cta .btn {
  color: #fff;
  background: #F37D3D;
}

body.color03 .post-cta .btn:hover {
  background: #23B0F3;
}

body.color03 .post-share {
  border-top: 1px solid #e5e5e5;
}

body.color03 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}

body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}

body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}

body.color03 .post-share .post-share-facebook a:hover {
  color: #305097;
}

body.color03 .post-share .post-share-twitter a:hover {
  color: #00aced;
}

body.color03 .post-share .post-share-google a:hover {
  color: #db4a39;
}

body.color03 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

body.color03 .post-sns {
  border-top: 1px #eee solid;
}

body.color03 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}

body.color03 .post-sns ul li:hover {
  background-color: #f7f7f7;
}

body.color03 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}

body.color03 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}

body.color03 .post-sns ul li a {
  color: #929292;
}

body.color03 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}

body.color03 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

body.color03 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #444756;
}

body.color03 .post-author a {
  color: #F37D3D;
}

body.color03 .comment-list>.comment {
  border-bottom: 1px #eee solid;
}

body.color03 .comment-list .children .comment-body {
  background: #f7f7f7;
}

body.color03 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}

body.color03 .more-link {
  border: 1px #F37D3D solid;
  color: #F37D3D;
}

body.color03 .more-link:hover {
  background: #F37D3D;
  color: #fff;
}

body.color03 .pagination span,
body.color03 .pagination a {
  color: #444756;
}

body.color03 .pagination a:hover {
  background: #eee;
}

body.color03 .pagination .current {
  background: #eee;
}

body.color03 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}

body.color03 .side-widget a {
  color: #5e6265;
}

body.color03 .side-widget a:hover {
  color: #F37D3D;
}

body.color03 .side-widget .post-date {
  color: #999999;
}

body.color03 #views-2 ul li span {
  color: #999999;
}

body.color03 .widget_recent_entries a,
body.color03 .widget_archive a,
body.color03 .widget_categories a,
body.color03 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}

body.color03 .widget_recent_entries a:hover,
body.color03 .widget_archive a:hover,
body.color03 .widget_categories a:hover,
body.color03 .widget_meta a:hover {
  color: #F37D3D;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

body.color03 .recentcomments a {
  color: #444756;
}

body.color03 #side .share-list-wrap {
  background: #fafafa;
}

body.color03 #side .share-list-wrap .post-share-list1 li a,
body.color03 #side .share-list-wrap .post-share-list2 li a,
body.color03 #side .share-list-wrap .post-share-list3 li a,
body.color03 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}

body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}

body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}

body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}

body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

body.color03 #footer {
  color: #1E252C;
}

body.color03 #footer a {
  color: #1E252C;
}

body.color03 #footer a:hover {
  color: #F37D3D;
}

body.color03 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color03 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color03 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}

body.color03 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}

body.color03 .single-lp #lp-header {
  background: #fff;
}

body.color03 .single-lp #lp-header h1 {
  color: #F37D3D;
  border-bottom: 1px solid #ededed;
}

body.color03 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}

body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color03 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
body.color04 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}

body.color04 body {
  background: #fafafa;
  color: #474747;
}

body.color04 a {
  color: #F6706F;
}

body.color04 form input[type="submit"],
body.color04 form button {
  background: #F6706F;
}

body.color04 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}

body.color04 #header #logo a {
  color: #474747;
}

body.color04 #header #header-sns li a {
  color: #ccc;
}

body.color04 #header #header-sns li a:hover {
  color: #34465C;
}

body.color04 #gnav {
  background: #fff;
  border-top: 0;
  border-bottom: 0;
}

body.color04 #gnav li.current-menu-item a {
  border-top: 0;
}

body.color04 #gnav li a {
  border-top: 0;
  color: #2B2D2D;
  background: #fff;
}

body.color04 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 0;
}

body.color04 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}

body.color04 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}

body.color04 #content .wp-caption {
  border: 1px solid #ededed;
}

body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}

body.color04 .post-title a {
  color: #474747;
}

body.color04 .post-title a:hover {
  color: #F6706F;
}

body.color04 .post-meta {
  border-top: 1px #ededed solid;
}

body.color04 .post-meta li {
  background: #fff;
}

body.color04 .post-content hr {
  border-bottom: 1px solid #ededed;
}

body.color04 .post-content h2 {
  border-bottom: 1px solid #ededed;
}

body.color04 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}

body.color04 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}

body.color04 .post-content blockquote:before {
  color: #e7e7e7;
}

body.color04 .post-content blockquote cite {
  color: #808080;
}

body.color04 .post-content table {
  border: 1px #ddd solid;
}

body.color04 .post-content table th,
body.color04 .post-content table td {
  border: #ddd solid 1px;
}

body.color04 .post-content table th {
  color: #fff;
}

body.color04 .post-content table thead th {
  background: #5e6265;
}

body.color04 .post-content table tbody th {
  background: #919598;
}

body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
  border-color: #fff;
}

body.color04 .post-content table.table-line th {
  background: transparent;
  color: #474747;
}

body.color04 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

body.color04 .post-content table.table-line tr {
  background: #eee;
}

body.color04 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

body.color04 .post-cta {
  background: #f5f5f5;
  color: #474747;
  border-top: 3px solid #5e6265;
}

body.color04 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}

body.color04 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color04 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}

body.color04 .post-cta .btn {
  color: #fff;
  background: #F6706F;
}

body.color04 .post-cta .btn:hover {
  background: #5EE1E1;
}

body.color04 .post-share {
  border-top: 1px solid #e5e5e5;
}

body.color04 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}

body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}

body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}

body.color04 .post-share .post-share-facebook a:hover {
  color: #305097;
}

body.color04 .post-share .post-share-twitter a:hover {
  color: #00aced;
}

body.color04 .post-share .post-share-google a:hover {
  color: #db4a39;
}

body.color04 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

body.color04 .post-sns {
  border-top: 1px #eee solid;
}

body.color04 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}

body.color04 .post-sns ul li:hover {
  background-color: #f7f7f7;
}

body.color04 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}

body.color04 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}

body.color04 .post-sns ul li a {
  color: #929292;
}

body.color04 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}

body.color04 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

body.color04 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #474747;
}

body.color04 .post-author a {
  color: #F6706F;
}

body.color04 .comment-list>.comment {
  border-bottom: 1px #eee solid;
}

body.color04 .comment-list .children .comment-body {
  background: #f7f7f7;
}

body.color04 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}

body.color04 .more-link {
  border: 1px #F6706F solid;
  color: #F6706F;
}

body.color04 .more-link:hover {
  background: #F6706F;
  color: #fff;
}

body.color04 .pagination span,
body.color04 .pagination a {
  color: #474747;
}

body.color04 .pagination a:hover {
  background: #eee;
}

body.color04 .pagination .current {
  background: #eee;
}

body.color04 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}

body.color04 .side-widget a {
  color: #5e6265;
}

body.color04 .side-widget a:hover {
  color: #F6706F;
}

body.color04 .side-widget .post-date {
  color: #999999;
}

body.color04 #views-2 ul li span {
  color: #999999;
}

body.color04 .widget_recent_entries a,
body.color04 .widget_archive a,
body.color04 .widget_categories a,
body.color04 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}

body.color04 .widget_recent_entries a:hover,
body.color04 .widget_archive a:hover,
body.color04 .widget_categories a:hover,
body.color04 .widget_meta a:hover {
  color: #F6706F;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

body.color04 .recentcomments a {
  color: #474747;
}

body.color04 #side .share-list-wrap {
  background: #fafafa;
}

body.color04 #side .share-list-wrap .post-share-list1 li a,
body.color04 #side .share-list-wrap .post-share-list2 li a,
body.color04 #side .share-list-wrap .post-share-list3 li a,
body.color04 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}

body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}

body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}

body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}

body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

body.color04 #footer {
  color: #1E252C;
}

body.color04 #footer a {
  color: #1E252C;
}

body.color04 #footer a:hover {
  color: #F6706F;
}

body.color04 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color04 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}

body.color04 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}

body.color04 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}

body.color04 .single-lp #lp-header {
  background: #fff;
}

body.color04 .single-lp #lp-header h1 {
  color: #F6706F;
  border-bottom: 1px solid #ededed;
}

body.color04 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}

body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}

body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color04 end
---------------------------------------- */







#gnav ul li ul.sub-menu li a:after,
#toc_container .toc_list li:before {
  content: none
}

#content {
  /*background:#eaf2f4;*/
  background: #fff;
}

@media screen and (max-width:767px) {
  #content {
    padding-top: 70px;
  }
}


@media screen and (max-width:991px) {
  body.home #content {
    padding-top: 24px
  }
}

@media screen and (max-width:550px) {
  body.home #content {
    padding-top: 16px
  }
}

@media screen and (max-width:991px) {
  .single #content {
    padding-top: 0
  }
}

.single article {
  margin-bottom: 0
}

@media print {

  #header,
  #side,
  #single-tagcloud,
  .post-author,
  .post-footer,
  .post-footer-related,
  .post-share,
  footer,
  nav {
    display: none
  }

  .post-header {
    display: block
  }

  .main-inner {
    margin-right: 0 !important
  }

  article {
    padding: 0 !important;
    border: 0 !important
  }
}


#gnav {
  margin: 0 auto;
  padding: 0;
  border: 0;
  text-align: center
}

#gnav #gnav-ul li a {
  /*border-top:0;*/
  margin: 0;
  padding: 0;
}





#toc_container {
  margin-bottom: 40px;
  width: 100% !important;
  padding: 32px 56px;
  background: #f9fafa
}

@media screen and (max-width:767px) {
  #toc_container {
    padding: 16px
  }
}

#toc_container .toc_title {
  padding-bottom: 24px !important
}

#toc_container .toc_list {
  margin-top: 0 !important
}

@media screen and (max-width:767px) {
  #toc_container .toc_title {
    padding-bottom: 16px !important
  }

  #toc_container .toc_list {
    margin-left: 1em
  }
}

/* header */

#header {
  padding: 24px 0 0;
  border: 0
}

#header #logo {
  float: none;
  text-align: center;
}



/* header */

/* navigation */


/* navigation */
#gnav ul {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;

}




#gnav ul .current-menu-item a,
#gnav ul .current-menu-parent a {


  border-bottom: 0;


}

#gnav ul li {
  padding-right: 0;
  padding-left: 0;
}

#gnav ul li {
  width: 20%;
  height: 30px;
}



@media screen and (max-width:768px) {
  #header {
    padding: 10px 0 !important
  }

  #gnav {
    margin: 0;
    padding: 0
  }

  #gnav ul {
    margin-bottom: 0;
    width: 100%
  }

  #gnav ul .current-menu-item a,
  #gnav ul .current-menu-parent a {
    border-bottom: 0;
    color: #fff
  }


  #gnav ul li {
    /*border-bottom:2px solid #a6937c;*/
    margin-bottom: 0;
    width: 100%;
  }

  #gnav ul li a {
    padding: 0;
    /*  border-bottom:2px solid #efefef;*/
    font-size: 14px
  }
}

/*#gnav ul li a:hover{border-bottom:2px solid #efefef}*/

@media screen and (max-width:768px) {
  #gnav ul li p {
    margin-left: 20px;
    width: 100%;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    height: 30px;
    line-height: 30px
  }

  #gnav ul li a {
    border-bottom: 0;
    background: #fff color:#fff height:30px;
    line-height: 30px
  }

  #gnav ul li a:hover {
    border-bottom: 0;
    background: #fff;
    color: #fff;
    height: 30px;
    line-height: 30px
  }
}

#gnav ul li ul.sub-menu {
  display: none;
  position: absolute;
  width: 100%;
  background: #a6937c;
  border: none;
  border-bottom: none;
  margin: 0;
  opacity: .9
}

@media screen and (max-width:768px) {
  #gnav ul li ul.sub-menu {
    width: 100%;
    background: #ededed;
    display: block !important;
    opacity: 1 !important;
    margin-top: 5px
  }
}

#comments .comment-list li article .reply .comment-reply-link:hover,
#comments .form-submit #submit:hover {
  opacity: .8
}

#gnav ul li ul.sub-menu li {
  padding: 0;
  border-bottom: 1px dotted #FFF;
}

@media screen and (max-width:991px) {
  #gnav ul li ul.sub-menu li {
    border-color: #a6937c;
  }
}


#gnav ul li ul.sub-menu li.current-menu-item {
  border-bottom: 0;
}

#gnav ul li ul.sub-menu li.current-menu-item a {
  background: #FFF;
  color: #a6937c
}



@media screen and (max-width:990px) {
  #gnav ul li ul.sub-menu li.current-menu-item {
    border-color: #a6937c
  }

  #gnav ul li ul.sub-menu li.current-menu-item a {
    border-color: #a6937c;
    background: #a6937c;
    color: #FFF;
    border-bottom: 0
  }
}

#gnav ul li ul.sub-menu li a {
  background: #a6937c;
  text-align: left;
  padding: 12px;
  line-height: 1.2
}

#gnav ul li ul.sub-menu li a:hover {
  background: #fff;
  color: #a6937c;
  border-bottom: 0;

}) #gnav ul {
  padding: 0;
  margin: 0;
}


@media screen and (max-width:990px) {


  #gnav ul li ul.sub-menu li a {
    color: #383838;
    background: 0 0;
    padding: 12px 16px
  }
}

#gnav ul li ul.sub-menu li a:hover {
  color: #fff;
  background: #a6937c
}

#header-menu-tog {
  float: none;
  width: 100%;
  height: 40px;
  background: #a6937c;
}

#header-menu-tog a {
  position: relative;
  padding: 0 20px;
  text-decoration: none;
  display: block;
  color: #fff;
}

#header-menu-tog a .menu {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}

#header-menu-tog a i {
  position: absolute;
  top: 10px;
  right: 23px;
  font-size: 20px;
}




/* navigation */



/* navigation */

/* header description*/

#header .description {
  text-align: center;
  color: #9b9b9b;
  font-size: 13px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;

}

/* header description*/



#footer .footer-01 {
  border-top: 0
}

#footer .footer-01 .wrap {
  padding: 50px 0 !important
}

#footer .footer-01 .wrap p {
  text-align: center;

  padding: 20px 0;
  background-color: #eee;
}

#footer .footer-01 .wrap nav {
  text-align: center
}

#footer .footer-01 .wrap nav ul {
  display: inline-block
}

#footer .footer-01 .wrap nav ul li {
  margin-right: 20px
}

@media screen and (max-width:768px) {
  #footer .footer-01 .wrap {
    padding: 0 !important
  }

  #footer .footer-01 .wrap nav ul {
    display: block
  }

  #footer .footer-01 .wrap nav ul li {
    display: block;
    height: 52px;
    line-height: 52px;
    margin-right: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

  #footer .footer-01 .wrap nav ul li a {
    color: #666;

  }

  #footer .footer-01 .wrap nav ul li a:hover {
    opacity: 0.8;

  }

  /*#footer .footer-01 .wrap nav ul li:last-child{border-bottom:0*/
}
}

#footer .footer-01 .wrap nav ul li:last-child {
  margin-right: 0
}

#footer .footer-01 .wrap nav ul li:last-child a {
  padding-right: 0;
  border-right: 0
}

#footer .footer-01 .wrap nav ul li a {
  padding-right: 0;
  /* border-right:1px solid #90abad;


  color:#90abad!important;*/
  font-size: 14px
}

@media screen and (max-width:550px) {
  #footer .footer-01 .wrap nav ul li a {
    display: block;
    border-right: 0;
    padding-right: 0;
    text-decoration: none
  }

  #footer .footer-01 .wrap nav ul li a:hover {
    opacity: .8
  }

  #footer .footer-02 .wrap p {
    text-align: center
  }
}

/* sp catefory footer*/
#footer .category-01 {
  border-top: 0
}

#footer .category-01 .wrap p {
  text-align: center;
  padding: 20px 0;
  background-color: #eee;
  font-size: 14px;
}

#footer .category-01 .wrap {
  padding: 50px 0 !important
}

#footer .category-01 .wrap {
  text-align: center
}

#footer .category-01 .wrap ul {
  display: inline-block
}

#footer .footer-01 .wrap ul li {
  margin-right: 20px
}

@media screen and (max-width:768px) {
  #footer .category-01 .wrap {
    padding: 0 !important
  }

  #footer .category-01 .wrap ul {
    display: block
  }

  #footer .category-01 .wrap ul li {
    display: block;
    height: 52px;
    line-height: 52px;
    margin-right: 0;
    text-align: center;
    border-bottom: 1px solid #eee
  }



  #footer .category-01 .wrap ul li:last-child {
    border-bottom: 0
  }
}

#footer .category-01 .wrap ul li:last-child {
  margin-right: 0
}

#footer .category-01 .wrap ul li:last-child a {
  padding-right: 0;
  border-right: 0
}

#footer .category-01 .wrap ul li a {
  padding-right: 0;
  /* border-right:1px solid #90abad;
  color:#90abad!important;*/
  font-size: 14px
}

#footer .category-01 .wrap nav ul li a {
  color: #666;

}

#footer .category-01 .wrap nav ul li a:hover {
  opacity: 0.8;

}

@media screen and (max-width:550px) {
  #footer .category-01 .wrap ul li a {
    display: block;
    border-right: 0;
    padding-right: 0;
    text-decoration: none
  }

  #footer .category-01 .wrap ul li a:hover {
    opacity: .8
  }
}

/* sp category footer end */

#footer .footer-02 {
  background: #f9fafa
}

#footer .footer-02 .wrap {
  padding: 10px 0
}

#footer .footer-02 .wrap p {
  color: #a3a6a6;
  font-size: 11px
}


#side {
  width: 320px;
  margin-left: -320px
}

#side .side-inner #searchform {
  margin-bottom: 24px;
  border: 1px solid #eaebed;
  border-radius: 7px
}

#side .side-inner #searchform #s {
  padding: 13px;
  color: #bdbcbc;
  background: #fefdfd
}

#side .side-inner #searchform #searchsubmit {
  color: #a6937c;
  top: 5px
}

#side .fb-page {
  margin-top: 24px
}

@media screen and (max-width:991px) {
  #side {
    width: 100%;
    margin-left: 0
  }

  #side .fb-page {
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width:550px) {
  #side .fb-page {
    margin-top: 0
  }
}

#side .sidetop1,
#side .sidetop2,
#side .sidetop3 {
  position: relative;
  background: #fff;
  margin-bottom: 16px;
  border-left: 1px solid #a6937c
}

#side .sidetop1 a,
#side .sidetop2 a,
#side .sidetop3 a {
  color: #2d3839;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 11px 20px
}

#side .sidetop1 a:before,
#side .sidetop2 a:before,
#side .sidetop3 a:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #ccc;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 20px;
  font-size: 24px;
  vertical-align: middle
}

#side .sidetop1 a:after,
#side .sidetop2 a:after,
#side .sidetop3 a:after {
  font-family: FontAwesome;
  content: "\f105";
  font-weight: 400;
  color: #fff;
  background: #a6937c;
  border: 2px solid #a6937c;
  border-radius: 0;
  position: absolute;
  top: 14px;
  right: 20px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px
}

#side .sidetop1 a:hover,
#side .sidetop2 a:hover,
#side .sidetop3 a:hover {
  color: #a6937c;
  text-decoration: none
}

#side .sidetop1 a:hover:before,
#side .sidetop2 a:hover:before,
#side .sidetop3 a:hover:before {
  color: #a6937c;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s
}

#side .sidetop1 a:hover:after,
#side .sidetop2 a:hover:after,
#side .sidetop3 a:hover:after {
  color: #a6937c;
  background: #fff;
  border: 2px solid #a6937c;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s
}

#side .sidetop1 a:before {
  content: "\f067"
}

#side .sidetop2 a:before {
  content: "\f041"
}

#side .sidetop3 {
  margin-bottom: 40px
}

#side .sidetop3 a:before {
  content: "\f274"
}

#tag_cloud-2 {
  padding-bottom: 0
}

#tag_cloud-2 .side-widget-inner h4 {
  margin-bottom: 8px;
  background: #fff;
  padding: 10px 16px;
  color: #2d3839;
  font-size: 18px;
  font-weight: 700
}

#tag_cloud-2 .side-widget-inner h4:before {
  display: inline-block;
  margin-right: 10px;
  content: "\f02c";
  font-family: FontAwesome;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #a6937c;
  text-align: center;
  line-height: 32px;
  font-weight: 400
}

#tag_cloud-2 .side-widget-inner .tagcloud {
  padding-top: 16px
}

#tag_cloud-2 .side-widget-inner .tagcloud a {
  color: #a6937c;
  font-size: 16px !important;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #a6937c;
  padding: 3px 6px;
  margin: 0 3px 6px 0;
  display: inline-block
}

#tag_cloud-2 .side-widget-inner .tagcloud a:hover {
  background-color: #a6937c;
  color: #fff
}

.breadcrumb {
  margin-top: 9px;
  margin-bottom: 2px
}

@media screen and (max-width:991px) {
  .breadcrumb {
    margin: 0;
    padding: 9px 0
  }
}

.breadcrumb li {
  margin-left: 0;
  margin-right: 5px;
  color: #959393
}

.breadcrumb li a {
  text-decoration: none;
  color: #959393
}

.pagination {
  margin-top: 26px;
  margin-bottom: 80px;
  float: right
}

@media screen and (max-width:991px) {
  .pagination {
    width: 100%;
    float: none
  }
}

.pagination .current,
.pagination a {
  width: 45px;
  height: 45px;
  padding: 0;
  text-align: center;
  line-height: 45px;
  border-radius: 0
}

.pagination a {
  margin: 0 12px 0 0;
  background: #fff
}

.pagination .current,
.pagination a:hover {
  background: #a6937c;
  color: #fff
}

.pagination a:last-child {
  margin: 0
}

.pagination .current {
  margin: 0 12px 0 0
}

.pagetop span {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}

.pagetop span i {
  padding-top: 0;
}


#comments {
  padding: 0
}

#comments h4 {
  text-align: left;
  font-weight: 700
}

#comments .comment-list li {
  border: 0
}

#comments .comment-list li article {
  padding: 0;
  margin-bottom: 30px
}

#comments .comment-list li article .comment-meta .comment-author {
  margin: 0;
  float: none
}

#comments .comment-list li article .comment-meta .comment-author img {
  border-radius: 50%
}

#comments .comment-list li article .comment-meta .comment-author .fn {
  font-size: 16px;
  font-weight: 400;
  padding-left: 10px
}

#comments .comment-list li article .comment-meta .comment-author .says {
  display: none
}

#comments .comment-list li article .comment-metadata {
  margin-top: -20px;
  margin-left: 60px
}

#comments .comment-list li article .comment-metadata a {
  color: #1e2227;
  text-decoration: none
}

#comments .comment-list li article .reply .comment-reply-link {
  color: #a6937c;
  text-decoration: none;
  line-height: 15px;
  font-size: 14px
}

#comments .comment-list li article .reply .comment-reply-link:before {
  content: " " !important
}

#comments .comment-list li .children {
  margin: 0;
  border: 1px solid #ccc
}

#comments .comment-list li .children li {
  margin: 32px
}

#comments .comment-list li .children li article {
  background: #fff
}

@media only screen and (max-width:550px) {
  #comments .comment-list li .children li {
    padding: 20px;
    margin: 0
  }

  #comments .comment-list li .children li article {
    padding: 0;
    margin-bottom: 0
  }
}

.post-content h2,
.post-content p {
  margin-bottom: 40px
}

#comments .form-submit #submit {
  background: #a6937c
}

@media only screen and (max-width:767px) {
  #comments .form-submit #submit {
    width: 80%
  }

  #main #comments {
    padding: 0
  }
}

.post-content .mce-item-table {
  border: 0
}

.post-content h2 {
  margin-top: 0;
  padding: 16px 20px;
  border-left: 5px solid #a6937c;
  border-bottom: 1px solid #a6937c;
  background: #f9fafa;
  font-size: 28px
}

@media screen and (max-width:767px) {
  .post-content h2 {
    font-size: 26px
  }
}

@media screen and (max-width:550px) {
  .post-content h2 {
    font-size: 24px;
    padding: 16px
  }
}

.post-content h3 {
  margin-top: 0;
  margin-bottom: 28px;
  padding: 16px 0;
  border-left: 0;
  border-bottom: 2px solid #a6937c;
  font-size: 22px
}

@media screen and (max-width:550px) {
  .post-content h3 {
    font-size: 20px;
    padding: 10px 0
  }
}

.post-content h4 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #a6937c;
  font-size: 18px
}

.post-content a {
  color: #000
}

.post-content ul {
  padding: 0;
  margin-bottom: 40px
}

.post-content ul li {
  list-style: none;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em
}

.post-content ul li:before {
  content: "・";
  color: #000;
  font-size: 24px;
  font-weight: 700
}

.post-content ul li ul {
  padding: 0
}

.post-content ul li ul li {
  padding-left: 48px;
  margin: 0
}

.post-content ol li {
  padding-left: 8px;
  list-style: decimal
}

.post-content dl dt {
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 10px;
  border: 1px solid #9de9eb;
  background: #f9fafa
}

.post-content dl dd {
  border: 0;
  margin: 24px 0 40px;
  padding-left: 0
}

.post-content table {
  border-top: 2px solid #a6937c;
  width: 100%;
  margin-bottom: 40px
}

@media screen and (max-width:767px) {
  .post-content table {
    overflow: visible;
    display: block;
    width: 100%;
    white-space: normal;
    word-break: break-all
  }
}

.post-content table tr:nth-child(2n) {
  background: #eff1f1
}

.post-content table tr th {
  border: 1px solid #fff;
  background: #fff;
  color: #333
}

.post-content table tr td {
  border: 1px solid #fff
}

.post-content blockquote {
  margin-left: 16px;
  margin-bottom: 40px;
  padding: 30px 40px;
  border: 2px solid #97a1a1;
  background: #fff
}

.post-content blockquote:before {
  position: absolute;
  top: -34px;
  left: -17px;
  width: 47px;
  height: 56px;
  background: #fff;
  font-size: 42px;
  color: #97a1a1
}

@media screen and (max-width:550px) {
  .post-content blockquote {
    padding: 20px
  }

  .post-content blockquote:before {
    font-size: 32px;
    top: -27px;
    left: -15px;
    width: 37px;
    height: 46px
  }
}

.post-content blockquote p {
  margin-bottom: 0
}

.post-content .attention {
  margin: 0 0 40px
}

.post-content .attention .attention-title {
  padding-bottom: 0;
  font-size: 18px
}

.post-content .attention ul {
  margin: 0;
  padding: 16px 24px
}

@media screen and (max-width:550px) {
  .post-content .attention ul {
    padding: 16px
  }
}

.post-content .attention ul li:before {
  color: #333
}

.post-content .attention p {
  padding: 16px 24px;
  margin-bottom: 0
}

.post-content .a-1 {
  border: 4px solid #a6937c
}

.post-content .a-2 {
  border-top: 6px double #a6937c;
  border-bottom: 6px double #a6937c
}

.post-content .a-2 .attention-title {
  color: #a6937c;
  text-align: center
}

.post-content .a-3 {
  background: #f9fafa
}

.post-content .a-3 .attention-title {
  color: #a6937c
}

.post-content .a-3 .attention-title:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 32px;
  margin-right: 12px;
  padding-top: 5px
}

.post-content .blogcard a:hover {
  border: 2px solid #a6937c
}

.post-content .blogcard a .title {
  color: #a6937c
}

.page .post-content p,
.single .post-content p {
  margin-bottom: 40px
}

.page .post-content h2,
.single .post-content h2 {
  margin-top: 0;
  margin-bottom: 40px;
  padding: 16px 20px;
  border-left: 5px solid #009cab;
  border-bottom: 1px solid #009cab;
  background: #f9fafa;
  font-size: 28px
}

@media screen and (max-width:767px) {

  .page .post-content h2,
  .single .post-content h2 {
    font-size: 26px
  }
}

@media screen and (max-width:550px) {

  .page .post-content h2,
  .single .post-content h2 {
    font-size: 24px;
    padding: 16px
  }
}

.page .post-content h3,
.single .post-content h3 {
  margin-top: 0;
  margin-bottom: 28px;
  padding: 16px 0;
  border-left: 0;
  border-bottom: 2px solid #009cab;
  font-size: 22px
}

@media screen and (max-width:550px) {

  .page .post-content h3,
  .single .post-content h3 {
    font-size: 20px;
    padding: 10px 0
  }
}

.page .post-content h4,
.single .post-content h4 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #000;
  font-size: 18px
}

.page .post-content a,
.single .post-content a {
  color: #205a97
}

.page .post-content ul,
.single .post-content ul {
  padding: 0;
  margin-bottom: 40px
}

.page .post-content ul li,
.single .post-content ul li {
  list-style: none;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em
}

.page .post-content ul li:before,
.single .post-content ul li:before {
  content: "・";
  color: #a6937c;
  font-size: 24px;
  font-weight: 400
}

.page .post-content ul li ul,
.single .post-content ul li ul {
  padding: 0
}

.page .post-content ul li ul li,
.single .post-content ul li ul li {
  padding-left: 48px;
  margin: 0
}

.page .post-content ol li,
.single .post-content ol li {
  padding-left: 8px;
  list-style: decimal
}

.page .post-content dl dt,
.single .post-content dl dt {
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 10px;
  border: 1px solid #9de9eb;
  background: #f9fafa
}

.page .post-content dl dd,
.single .post-content dl dd {
  border: 0;
  margin: 24px 0 40px;
  padding-left: 0
}

.page .post-content table,
.single .post-content table {
  border-top: 2px solid #009cab;
  width: 100%;
  margin-bottom: 40px
}

@media screen and (max-width:767px) {

  .page .post-content table,
  .single .post-content table {
    overflow: visible;
    display: block;
    width: 100%;
    white-space: normal;
    word-break: break-all
  }
}

.page .post-content table tr:nth-child(2n),
.single .post-content table tr:nth-child(2n) {
  background: #f9fafa
}

.page .post-content table tr th,
.single .post-content table tr th {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
  font-weight: 700
}

.page .post-content table tr td,
.single .post-content table tr td {
  border: 1px solid #fff
}

.page .post-content blockquote,
.single .post-content blockquote {
  margin-left: 16px;
  margin-bottom: 40px;
  padding: 30px 40px;
  border: 2px solid #97a1a1;
  background: #fff
}

.page .post-content blockquote:before,
.single .post-content blockquote:before {
  position: absolute;
  top: -34px;
  left: -17px;
  width: 47px;
  height: 56px;
  background: #fff;
  font-size: 42px;
  color: #97a1a1
}

@media screen and (max-width:550px) {

  .page .post-content blockquote,
  .single .post-content blockquote {
    padding: 20px
  }

  .page .post-content blockquote:before,
  .single .post-content blockquote:before {
    font-size: 32px;
    top: -27px;
    left: -15px;
    width: 37px;
    height: 46px
  }
}

.page .post-content blockquote p,
.single .post-content blockquote p {
  margin-bottom: 0
}

.page .post-content .attention,
.single .post-content .attention {
  margin: 0 0 40px
}

.page .post-content .attention .attention-title,
.single .post-content .attention .attention-title {
  padding-bottom: 0;
  font-size: 18px
}

.page .post-content .attention ul,
.single .post-content .attention ul {
  margin: 0;
  padding: 16px 24px
}

@media screen and (max-width:550px) {

  .page .post-content .attention ul,
  .single .post-content .attention ul {
    padding: 16px
  }
}

.page .post-content .attention ul li:before,
.single .post-content .attention ul li:before {
  color: #333
}

.page .post-content .attention p,
.single .post-content .attention p {
  padding: 16px 24px;
  margin-bottom: 0
}

.page .post-content .a-1,
.single .post-content .a-1 {
  border: 4px solid #a6937c
}

.page .post-content .a-2,
.single .post-content .a-2 {
  border-top: 6px double #a6937c;
  border-bottom: 6px double #a6937c
}

.page .post-content .a-2 .attention-title,
.single .post-content .a-2 .attention-title {
  color: #a6937c;
  text-align: center
}

.page .post-content .a-3,
.single .post-content .a-3 {
  background: #f9fafa
}

.page .post-content .a-3 .attention-title,
.single .post-content .a-3 .attention-title {
  color: #a6937c
}

.page .post-content .a-3 .attention-title:before,
.single .post-content .a-3 .attention-title:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 32px;
  margin-right: 12px;
  padding-top: 5px
}

.page .post-content .blogcard a:hover,
.single .post-content .blogcard a:hover {
  border: 2px solid #a6937c
}

.page .post-content .blogcard a .title,
.single .post-content .blogcard a .title {
  color: #a6937c
}

#single-tagcloud {
  margin: 40px 0 60px
}

#single-tagcloud .single-tag {
  margin-top: 24px
}

#single-tagcloud .single-tag a {
  color: #a6937c;
  font-size: 16px !important;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #a6937c;
  padding: 3px 6px;
  margin: 0 8px 8px 0;
  display: inline-block
}

#single-tagcloud .single-tag a:before {
  content: "\f02c";
  font-family: FontAwesome;
  color: #a6937c;
  margin-right: 3px
}

#single-tagcloud .single-tag a:hover {
  background-color: #a6937c;
  color: #fff;
  text-decoration: none
}

#single-tagcloud .single-tag a:hover:before {
  color: #fff
}

article .post-header {
  padding: 40px 0 20px
}

@media screen and (max-width:991px) {
  article .post-header {
    padding: 24px 10px 0
  }
}

article .post-header ul {
  clear: both;
  overflow: hidden
}

article .post-header ul .cat {
  float: left;
  display: inline;
  padding: 2px 14px;
  background: #009cab;
  opacity: .9;
  color: #fff;
  font-size: 15px
}

@media screen and (max-width:767px) {
  article .post-header ul .cat {
    padding: 2px 10px;
    font-size: 13px
  }
}

article .post-header ul .date {
  float: right;
  margin: 7px 0 0;
  padding-right: 5px;
  color: #777;
  font-size: 14px;
  font-style: italic
}

@media screen and (max-width:767px) {
  article .post-header ul .date {
    margin: 8px 0 5px
  }
}

article .post-header ul .date i {
  color: #ddf0ec;
  font-size: 14px
}

article .post-header h1 {
  margin: 28px 0 14px;
  font-size: 32px;
  line-height: 1.3
}

article .post-header .post-header-meta {
  clear: both;
  overflow: hidden;
  text-align: center
}

article .post-header .post-header-meta ul {
  display: inline-block;
  float: right
}

@media screen and (max-width:767px) {
  article .post-header h1 {
    margin: 14px 0;
    font-size: 24px
  }

  article .post-header .post-header-meta ul {
    float: none;
    margin: 0 auto
  }
}

article .post-content {
  padding: 0 50px
}

@media screen and (max-width:550px) {
  article .post-content {
    padding: 0 10px 10px !important
  }
}

article .post-content .post-thumbnail {
  float: none;
  margin: 0 0 48px;
  width: 100%;
  height: auto
}

article .post-footer {
  padding: 40px 50px
}

@media screen and (max-width:767px) {
  article .post-footer {
    padding: 20px !important
  }
}

article .post-footer .bzb-sns-btn {
  padding: 0;
  text-align: center
}

article .post-cta {
  border-top: 10px solid #a6937c;
  border-bottom: 3px solid #cfdfdf
}

@media screen and (max-width:991px) {
  article .post-cta {
    padding: 0 !important
  }
}

article .post-cta .cta-post-title {
  padding: 40px 50px;
  margin-bottom: 40px;
  background: #f9fafa;
  border-bottom: 3px solid #cfdfdf;
  font-weight: 700
}

article .post-cta .post-cta-inner {
  padding: 0 50px
}

article .post-cta .post-cta-inner .post-cta-img {
  width: 244px;
  height: auto
}

@media screen and (max-width:767px) {
  article .post-cta .post-cta-inner .post-cta-img {
    margin-bottom: 20px
  }
}

article .post-cta .post-cta-inner ul {
  margin-bottom: 1em
}

article .post-cta .post-cta-inner .post-cta-btn {
  margin: 24px 0 40px
}

@media screen and (max-width:767px) {
  article .post-cta .post-cta-inner .post-cta-btn {
    margin: 16px 0 24px
  }
}

@media screen and (max-width:550px) {
  article .post-cta .post-cta-inner .post-cta-btn {
    margin: 0 0 24px
  }
}

article .post-cta .post-cta-inner .post-cta-btn a {
  margin: 0 auto;
  padding: 15px 0;
  width: 50%;
  background: #a6937c;
  border-top: 2px solid #218f8f;
  font-size: 20px
}

@media screen and (max-width:767px) {
  article .post-cta .post-cta-inner .post-cta-btn a {
    width: 100%;
    font-size: 18px
  }
}

article .post-share {
  margin: 60px 0;
  padding: 0 50px;
  border-top: 0
}

article .post-share h4 {
  padding: 10px 0;
  font-size: 24px;
  font-weight: 700;
  border-bottom: 3px solid #a6937c
}

article .post-share .post-footer-related {
  margin: 40px 0 60px
}

article .post-share .post-author {
  margin-bottom: 40px;
  padding: 32px;
  border: 2px solid #a6937c;
  background: #f9fafa
}

article .post-share .post-author-img {
  width: 100px;
  height: auto
}

@media screen and (max-width:767px) {
  article .post-share .post-author-img {
    margin: 0 auto
  }

  article .post-share .post-author-meta h4 {
    text-align: center
  }
}

article .post-share .post-author-meta {
  margin-left: 130px
}

article .post-share .post-author-meta h4 {
  padding: 0;
  margin: 0 0 5px;
  border-bottom: 0;
  color: #a6937c;
  font-size: 20px;
  font-weight: 400
}

@media screen and (max-width:767px) {
  #main .post-cta .cta-post-title {
    padding: 20px 0 !important;
    margin-bottom: 0
  }
}

.bzb-sns-btn .bzb-googleplus {
  width: 66px !important
}

.bzb-sns-btn .bzb-pocket {
  width: 86px !important
}

.post-loop-wrap a.top {
  display: block;
  margin-bottom: 24px;
  text-decoration: none;
  color: #333;
  border: 1px solid #fff
}

@media screen and (max-width:550px) {
  .post-loop-wrap a.top {
    margin-bottom: 16px
  }
}

.post-loop-wrap a.top:hover {
  border: 1px solid #a6937c
}

.post-loop-wrap a.top:hover .post-title {
  color: #a6937c
}

.post-loop-wrap a.top article {
  position: relative;
  margin-bottom: 0;
  padding: 16px 30px 16px 16px;
  border: 0
}

@media screen and (max-width:767px) {
  .post-loop-wrap a.top article {
    padding-right: 16px
  }
}

@media screen and (max-width:550px) {
  .post-loop-wrap a.top article {
    padding: 10px
  }
}

.post-loop-wrap a.top article .post-header {
  padding: 0 !important
}

.post-loop-wrap a.top article .post-header ul {
  position: absolute;
  top: -1px;
  left: -1px
}

.post-loop-wrap a.top article .post-header ul .cat {
  display: inline;
  padding: 2px 14px;
  background: #a6937c;
  opacity: .9;
  color:
    #fff;
  font-size: 15px
}


@media screen and (max-width:767px) {
  .post-loop-wrap a.top article .post-header ul .cat {
    padding: 2px 10px;
    font-size: 13px
  }
}

@media screen and (max-width:320px) {
  .post-loop-wrap a.top article .post-header ul .cat {
    font-size: 12px
  }
}

.post-loop-wrap a.top article .post-header .post-thumbnail {
  float: left;
  margin: 0;
  width: auto;
  height: auto
}

.post-loop-wrap a.top article .post-content {
  padding: 0;
  margin-left: 0
}

@media screen and (max-width:991px) {
  .post-loop-wrap a.top article .post-content {
    margin-left: 0;
    padding: 10px !important
  }
}

@media screen and (max-width:767px) {
  .post-loop-wrap a.top article .post-content {
    margin-left: 0;
    padding: 10px !important
  }
}

@media screen and (max-width:550px) {
  .post-loop-wrap a.top article .post-header .post-thumbnail {
    float: none;
    width: 100%
  }

  .post-loop-wrap a.top article .post-content {
    margin-left: 0;
    padding: 10px 0 0 !important
  }

  .post-loop-wrap a.top article .post-content .txt-post {
    display: none
  }
}

.post-loop-wrap a.top article .post-content h2 {
  margin-top: 14px;
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 24px;
  line-height: 1.3;
  padding: 0;
  background: 0 0;
  border-left: 0
}

@media screen and (max-width:991px) {
  .post-loop-wrap a.top article .post-content h2 {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .post-loop-wrap a.top article .post-content h2 {
    font-size: 18px
  }
}

.post-loop-wrap a.top article .post-content .date {
  margin-bottom: 0;
  line-height: 38px;
  color: #a6937c;
  font-size: 13px;
  font-style: italic
}

.post-loop-wrap a.top article .post-content .date i {
  color: #ddf0ec;
  font-size: 14px
}

.post-loop-wrap a.top article .post-content .txt-post {
  margin-bottom: 0;
  color: #2d3839;
  font-size: 13px
}

@media screen and (max-width:767px) {

  .archive .cat-content .post-title,
  .search .cat-content .post-title {
    font-size: 24px
  }
}

.archive #post-404 .post-content #searchform,
.archive #post-404 .post-content p,
.search #post-404 .post-content #searchform,
.search #post-404 .post-content p {
  margin-bottom: 40px
}

.archive #post-404 .post-content h2,
.search #post-404 .post-content h2 {
  margin-top: 0;
  margin-bottom: 40px;
  padding: 16px 20px;
  border-left: 5px solid #a6937c;
  border-bottom: 1px solid #a6937c;
  background: #f9fafa;
  font-size: 28px
}

@media screen and (max-width:767px) {

  .archive #post-404 .post-content h2,
  .search #post-404 .post-content h2 {
    font-size: 26px
  }
}

@media screen and (max-width:550px) {

  .archive #post-404 .post-content h2,
  .search #post-404 .post-content h2 {
    font-size: 24px;
    padding: 16px
  }
}

.archive #post-404 .post-content h3,
.search #post-404 .post-content h3 {
  margin-top: 0;
  margin-bottom: 28px;
  padding: 16px 0;
  border-left: 0;
  border-bottom: 2px solid #a6937c;
  font-size: 22px
}

@media screen and (max-width:550px) {

  .archive #post-404 .post-content h3,
  .search #post-404 .post-content h3 {
    font-size: 20px;
    padding: 10px 0
  }
}

.archive #post-404 .post-content h4,
.search #post-404 .post-content h4 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #000;
  font-size: 18px
}

.archive #post-404 .post-content a,
.search #post-404 .post-content a {
  color: #000
}

.archive #post-404 .post-content ul,
.search #post-404 .post-content ul {
  padding: 0;
  margin-bottom: 40px
}

.archive #post-404 .post-content ul li,
.search #post-404 .post-content ul li {
  list-style: none;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em
}

.archive #post-404 .post-content ul li:before,
.search #post-404 .post-content ul li:before {
  content: "・";
  color: #a6937c;
  font-size: 24px;
  font-weight: 700
}

.archive #post-404 .post-content ul li ul,
.search #post-404 .post-content ul li ul {
  padding: 0
}

.archive #post-404 .post-content ul li ul li,
.search #post-404 .post-content ul li ul li {
  padding-left: 48px;
  margin: 0
}

.archive #post-404 .post-content ol li,
.search #post-404 .post-content ol li {
  padding-left: 8px;
  list-style: decimal
}

.archive #post-404 .post-content dl dt,
.search #post-404 .post-content dl dt {
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 10px;
  border: 1px solid #9de9eb;
  background: #f9fafa
}

.archive #post-404 .post-content dl dd,
.search #post-404 .post-content dl dd {
  border: 0;
  margin: 24px 0 40px;
  padding-left: 0
}

.archive #post-404 .post-content table,
.search #post-404 .post-content table {
  border-top: 2px solid #a6937c;
  width: 100%;
  margin-bottom: 40px
}

@media screen and (max-width:767px) {

  .archive #post-404 .post-content table,
  .search #post-404 .post-content table {
    overflow: visible;
    display: block;
    width: 100%;
    white-space: normal;
    word-break: break-all
  }
}

.archive #post-404 .post-content table tr:nth-child(2n),
.search #post-404 .post-content table tr:nth-child(2n) {
  background: #eff1f1
}

.archive #post-404 .post-content table tr th,
.search #post-404 .post-content table tr th {
  border: 1px solid #fff;
  background: #f9fafa;
  color: #333
}

.archive #post-404 .post-content table tr td,
.search #post-404 .post-content table tr td {
  border: 1px solid #fff
}

.archive #post-404 .post-content blockquote,
.search #post-404 .post-content blockquote {
  margin-left: 16px;
  margin-bottom: 40px;
  padding: 30px 40px;
  border: 2px solid #97a1a1;
  background: #fff
}

.archive #post-404 .post-content blockquote:before,
.search #post-404 .post-content blockquote:before {
  position: absolute;
  top: -34px;
  left: -17px;
  width: 47px;
  height: 56px;
  background: #fff;
  font-size: 42px;
  color: #97a1a1
}

@media screen and (max-width:550px) {

  .archive #post-404 .post-content blockquote,
  .search #post-404 .post-content blockquote {
    padding: 20px
  }

  .archive #post-404 .post-content blockquote:before,
  .search #post-404 .post-content blockquote:before {
    font-size: 32px;
    top: -27px;
    left: -15px;
    width: 37px;
    height: 46px
  }
}

.archive #post-404 .post-content blockquote p,
.search #post-404 .post-content blockquote p {
  margin-bottom: 0
}

.archive #post-404 .post-content .attention,
.search #post-404 .post-content .attention {
  margin: 0 0 40px
}

.archive #post-404 .post-content .attention .attention-title,
.search #post-404 .post-content .attention .attention-title {
  padding-bottom: 0;
  font-size: 18px
}

.archive #post-404 .post-content .attention ul,
.search #post-404 .post-content .attention ul {
  margin: 0;
  padding: 16px 24px
}

@media screen and (max-width:550px) {

  .archive #post-404 .post-content .attention ul,
  .search #post-404 .post-content .attention ul {
    padding: 16px
  }
}

.archive #post-404 .post-content .attention ul li:before,
.search #post-404 .post-content .attention ul li:before {
  color: #333
}

.archive #post-404 .post-content .attention p,
.search #post-404 .post-content .attention p {
  padding: 16px 24px;
  margin-bottom: 0
}

.archive #post-404 .post-content .a-1,
.search #post-404 .post-content .a-1 {
  border: 4px solid #a6937c
}

.archive #post-404 .post-content .a-2,
.search #post-404 .post-content .a-2 {
  border-top: 6px double #a6937c;
  border-bottom: 6px double #a6937c
}

.archive #post-404 .post-content .a-2 .attention-title,
.search #post-404 .post-content .a-2 .attention-title {
  color: #a6937c;
  text-align: center
}

.archive #post-404 .post-content .a-3,
.search #post-404 .post-content .a-3 {
  background: #f9fafa
}

.archive #post-404 .post-content .a-3 .attention-title,
.search #post-404 .post-content .a-3 .attention-title {
  color: #a6937c
}

.archive #post-404 .post-content .a-3 .attention-title:before,
.search #post-404 .post-content .a-3 .attention-title:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 32px;
  margin-right: 12px;
  padding-top: 5px
}

.category-60 .post-loop-wrap a.top article .post-content,
.category-63 .post-loop-wrap a.top article .post-content,
.category-65 .post-loop-wrap a.top article .post-content,
.category-66 .post-loop-wrap a.top article .post-content,
.category-67 .post-loop-wrap a.top article .post-content,
.category-68 .post-loop-wrap a.top article .post-content,
.category-69 .post-loop-wrap a.top article .post-content,
.category-70 .post-loop-wrap a.top article .post-content,
.category-case .post-loop-wrap a.top article .post-content {
  margin-left: 0;
  padding: 16px
}

@media screen and (max-width:767px) {

  .category-60 .post-loop-wrap a.top article .post-content,
  .category-63 .post-loop-wrap a.top article .post-content,
  .category-65 .post-loop-wrap a.top article .post-content,
  .category-66 .post-loop-wrap a.top article .post-content,
  .category-67 .post-loop-wrap a.top article .post-content,
  .category-68 .post-loop-wrap a.top article .post-content,
  .category-69 .post-loop-wrap a.top article .post-content,
  .category-70 .post-loop-wrap a.top article .post-content,
  .category-case .post-loop-wrap a.top article .post-content {
    padding: 40px 0 0 !important
  }
}

.category-60 .post-loop-wrap a.top article .post-content h2,
.category-63 .post-loop-wrap a.top article .post-content h2,
.category-65 .post-loop-wrap a.top article .post-content h2,
.category-66 .post-loop-wrap a.top article .post-content h2,
.category-67 .post-loop-wrap a.top article .post-content h2,
.category-68 .post-loop-wrap a.top article .post-content h2,
.category-69 .post-loop-wrap a.top article .post-content h2,
.category-70 .post-loop-wrap a.top article .post-content h2,
.category-case .post-loop-wrap a.top article .post-content h2 {
  line-height: 1.5
}

article.page .post-header {
  padding: 40px 0 0
}

article.page .post-title {
  margin-top: 0;
  margin-bottom: 40px
}

@media screen and (max-width:991px) {
  article.page .post-title {
    margin-bottom: 0
  }
}

.wpcf7 .wpcf7-submit {
  width: 80%;
  background: #a6937c;
  border-radius: 5px
}

.wpcf7 .wpcf7-submit:hover {
  opacity: .8
}

#footer .sns-list {
  background: #f9fafa;
  padding: 14px 0;
  font-size: 0;
  text-align: center
}

#footer .sns-list li {
  border: 0;
  display:
    inline-block;
  font-size: 16px;
  padding: 0 7px
}

#footer .sns-list li a {
  width: 40px;
  height: 40px;
  line-height: 48px;
  display: block;
  border-radius: 0;
  text-decoration:
    none;
  color: #fff;

}

#footer .sns-list li a:hover {
  color: #fff
}

#footer .sns-list li a i {
  font-size: 23px
}

#footer .sns-list .post-sns-facebook a {
  color: #fff;
  background: #a6937c;
}

#footer .sns-list .post-sns-facebook a:hover {
  color: #fff;
  background: #a6937c;
  margin-left: 0
}

#footer .sns-list .post-sns-twitter a {
  color: #fff;
  background: #a6937c;
}

#footer .sns-list .post-sns-twitter a:hover {
  color: #fff;
  background: #a6937c;
}

#footer .sns-list .post-sns-google a {
  color: #fff;
  background: #a6937c;
}

#footer .sns-list .post-sns-google a:hover {
  color: #fff;
  background: #a6937c;
}

#footer .sns-list .post-sns-feedly a {
  color: #fff;
  background: #a6937c;
  border: 2px solid #2bb24c
}

#footer .sns-list .post-sns-feedly a:hover {
  color: #fff;
  background: #a6937c;
}

.post-share .sns-list {
  margin: 40px 0 0;
  font-size: 0
}

.post-share .sns-list li {
  display: inline-block;
  padding: 0 7.5px;
  font-size: 16px;
  width: 25%;
  text-align: center
}

.post-share .sns-list li a {
  display: block;
  border-radius: 0.5em;
  font-size: 14px;
  font-weight: 700;
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  background: #fff;
}

@media screen and (max-width:767px) {
  .post-share .sns-list li {
    width: 50%;
    padding: 0
  }

  .post-share .sns-list li a {
    margin-bottom: 10px;
    margin-right: 10px
  }
}

.post-share .sns-list li a:hover {
  color: #fff
}

.post-share .sns-list li a:nth-child(2),
.post-share .sns-list li a:nth-child(4) {
  margin-right: 0
}

.post-share .sns-list li a i {
  font-size: 24px;
  padding-right: 10px
}

@media screen and (max-width:767px) {
  .post-share .sns-list li a i {
    font-size: 22px
  }
}

.post-share .sns-list .post-sns-facebook a {
  color: #3b5998;
  border: 2px solid #3b5998
}

.post-share .sns-list .post-sns-facebook a:hover {
  border: 2px solid #3b5998;
  background: #3b5998;
  margin-left: 0
}

.post-share .sns-list .post-sns-twitter a {
  border: 2px solid #55acee;
  color: #55acee
}

.post-share .sns-list .post-sns-twitter a:hover {
  background: #55acee
}

.post-share .sns-list .post-sns-google a {
  color: #dc4e41;
  border: 2px solid #dc4e41
}

.post-share .sns-list .post-sns-google a:hover {
  background: #dc4e41
}

.post-share .sns-list .post-sns-feedly a {
  color: #2bb24c;
  border: 2px solid #2bb24c
}

.post-share .sns-list .post-sns-feedly a:hover {
  background: #2bb24c
}

#side #xeory_recentviews-2,
#side .widget_xeory_postviews {
  margin-bottom: 8px;
  padding-bottom: 0;
  overflow: hidden
}

#side #xeory_recentviews-2 h4,
#side .widget_xeory_postviews h4 {
  margin-bottom: 8px;
  background: #fff;
  padding: 10px 16px;
  color: #2d3839;
  font-size: 18px;
  font-weight: 700
}

#side #xeory_recentviews-2 h4:before,
#side .widget_xeory_postviews h4:before {
  display: inline-block;
  margin-right: 10px;
  content: "\f097";
  font-family: FontAwesome;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #a6937c;
  text-align: center;
  line-height: 32px;
  font-weight: 400
}

#side #xeory_recentviews-2 li,
#side .widget_xeory_postviews li {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #d1dede
}

#side #xeory_recentviews-2 li:last-child,
#side .widget_xeory_postviews li:last-child {
  border-bottom: 0
}

#side #xeory_recentviews-2 li a,
#side .widget_xeory_postviews li a {
  display: inline
}

#side #xeory_recentviews-2 li a img,
#side .widget_xeory_postviews li a img {
  float: left;
  margin-right: 10px
}

#side #xeory_recentviews-2 li .title,
#side .widget_xeory_postviews li .title {
  clear: none;
  font-size: 14px
}

#side #xeory_recentviews-2 li .title:hover,
#side .widget_xeory_postviews li .title:hover {
  color: #a6937c
}

#side #xeory_recentviews-2 h4:before {
  content: "\f11d"
}

.post-footer-related {
  overflow: hidden
}

.post-footer-related .row {
  font-size: 0;
  margin: 20px 0
}

.post-footer-related .row .gr3 {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  padding: 20px 0;
  margin-right: 3%;
  border-bottom: 1px solid #d1dede;
  float: none;
  font-size: 16px;
  line-height: 1.5
}

@media screen and (max-width:550px) {
  .post-footer-related .row .gr3 {
    display: block;
    overflow: hidden;
    width: 100%
  }
}

.post-footer-related .row .gr3:nth-child(2n) {
  margin-right: 0
}

.post-footer-related .row .gr3:nth-child(n+3) {
  border-bottom: 0
}

.post-footer-related .row .gr3 a {
  text-decoration: none
}

.post-footer-related .row .gr3 a .inner .related {
  width: 113px;
  float: left
}

.post-footer-related .row .gr3 a .inner .related img {
  width: 100%
}

.post-footer-related .row .gr3 a .inner .title {
  margin-left: 124px;
  font-size: 16px;
  color: #333
}

.post-footer-related .row .gr3 a .inner .title:hover {
  color: #a6937c
}

@media only screen and (max-width:550px) {
  .post-footer-related .row .gr3:nth-child(3) {
    border-bottom: 1px solid #d1dede
  }

  .post-footer-related .row .gr3 a .inner .title {
    font-size: 14px
  }
}

.post-footer-related .row .gr3 a .inner .cat {
  display: none
}



/*=======================================================
 pc sp  表示　非表示
 =======================================================*/


@media screen and (min-width:320px) and (max-width:767px) {
  .hide-sp {
    display: none !important;
  }
}

@media screen and (min-width:768px) and (max-width:989px) {

  .hide-tb {
    display: none !important;
  }
}

@media screen and (min-width:990px) {
  .hide-pc {
    display: none !important;
  }

  a:hover {
    text-decoration: none;
  }

}


.kvspace {
  padding-top: 20px;
}

.green {
  color: #008491;
}

#kv-pc,
#kv-tb,
#kv-sp {
  position: relative;
}

#kv-img1,
#kv-img2 {
  position: absolute;
}

#kv-pc h2:before,
#kv-pc h2:after,
#kv-tb h2:before,
#kv-tb h2:after,
#kv-sp h2:before,
#kv-sp h2:after {
  content: none !important;
}

#kv-pc h2,
#kv-tb h2,
#kv-sp h2 {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center !important;
  font-weight: normal !important;
  color: #322211;
}

#kv-pc h2 {
  top: 67px;
  line-height: 37px !important;
  font-size: 37px !important;
}

#kv-tb h2 {
  top: 54px;
  line-height: 32px !important;
  font-size: 32px !important;
}

#kv-sp h2 {
  top: 8%;
  line-height: 26px !important;
  font-size: 26px !important;
}

#kv-pc h3,
#kv-tb h3,
#kv-sp h3 {
  position: absolute;
  font-weight: bold;
}

#kv-pc h3 {
  top: 178px;
  left: 76px;
  font-size: 20px;
  line-height: 20px;
}

#kv-tb h3,
#kv-sp h3 {
  display: block;
  width: 100%;
  text-align: center;
}

#kv-tb h3 {
  top: 20%;
  font-size: 28px;
  line-height: 28px;
}

#kv-sp h3 {
  top: 17%;
  font-size: 24px;
  line-height: 24px;
}

#kv-pc ul,
#kv-tb ul,
#kv-sp ul {
  position: absolute;
}

#kv-pc ul li,
#kv-tb ul li,
#kv-sp ul li {
  position: relative;
  padding-left: 28px;
}

#kv-pc ul li:before,
#kv-tb ul li:before,
#kv-sp ul li:before {
  content: url(../images/check.png);
  position: absolute;
  top: 2px;
  left: 0px;
}

#kv-pc ul {
  top: 210px;
  left: 102px;
  font-size: 18px;
  line-height: 37px;
}

#kv-tb ul {
  top: 28%;
  left: 26%;
  font-size: 22px;
  line-height: 44px;
}

#kv-sp ul {
  top: 23%;
  left: 20%;
  font-size: 20px;
  line-height: 40px;
}

#kv-pc #kv-img1,
#kv-pc #kv-img2 {
  bottom: 24px;
  height: 196px;
}

#kv-pc #kv-img1 {
  left: 532px;
}

#kv-pc #kv-img2 {
  left: 786px;
}

#kv-tb #kv-img1,
#kv-tb #kv-img2 {
  bottom: 22px;
}

#kv-tb #kv-img1 {
  left: 7%;
  width: 46%;
}

#kv-tb #kv-img2 {
  right: 7%;
  width: 36%;
}

#kv-sp #kv-img1 {
  bottom: 4%;
  left: 5%;
  width: 90%;
}

@media screen and (max-width: 559px) {
  #kv-sp h2 {
    line-height: 23px !important;
    font-size: 23px !important;
  }

  #kv-sp h3 {
    font-size: 22px;
    line-height: 22px;
  }

  #kv-sp ul {
    top: 21%;
    left: 9%;
  }
}

@media screen and (max-width: 449px) {
  #kv-sp h2 {
    top: 6%;
    line-height: 18px !important;
    font-size: 18px !important;
  }

  #kv-sp h3 {
    top: 15%;
    font-size: 17px;
    line-height: 17px;
  }

  #kv-sp ul {
    top: 20%;
    left: 8%;
    font-size: 16px;
    line-height: 34px;
  }
}

@media screen and (max-width: 349px) {
  #kv-sp h2 {
    top: 6%;
    line-height: 16px !important;
    font-size: 16px !important;
  }

  #kv-sp h3 {
    top: 15%;
    font-size: 14px;
    line-height: 14px;
  }

  #kv-sp ul {
    top: 20%;
    left: 5%;
    font-size: 14px;
    line-height: 30px;
  }
}



/*=======================================================
 additional css by NKC
 =======================================================*/
/*=======================================================
top 背景白
 =======================================================*/
.one-column #topcontent .wrap {
  width: 1020px;
}

.one-column #topcontent .wrap #main {
  width: 100%;
  float: none;
}

.one-column #topcontent .wrap #main .main-inner {
  width: 100%;
  margin: 0;
}

.one-column #topcontent .wrap #side {
  display: none;
}

@media screen and (max-width: 1020px) {

  /* laptop */
  .wrap,
  .one-column #topcontent .wrap {
    /*margin-left: 30px;
    margin-right: 30px;*/
    margin: 0;
    width: auto;
  }

  .main-inner {
    margin-right: 320px;
    box-sizing: border-box;
  }

  /* laptop end */
}

@media screen and (max-width: 991px) {

  /* tablet */
  .wrap,
  .one-column #topcontent .wrap {
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin: 0;
  }

  #main,
  .main-inner,
  #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .left-content #main,
  .right-content #main {
    float: none;
  }

  .left-content .main-inner,
  .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .left-content #side,
  .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
  }

  #side {
    padding-top: 42px;
  }

  /* tablet end */
}

@media screen and (max-width: 767px) {

  /* phone */
  .wrap,
  .one-column #topcontent .wrap {
    /*  margin-left: 10px;
    margin-right: 10px;*/
    margin: 0;
  }

  /* phone end */
}


#topcontent {
  /*background:#eaf2f4;*/
  background: #fff;
}

/*
#topcontent h2:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url(../images/ornament_l_pc.png);
}
*/
#topcontent h2 img {}


#topcontent h2 {
  text-align: center;
  font-size: 33px;
  line-height: 40px;
  font-weight: normal;
}

/*
#topcontent h2:after {
margin-left: 10px;
  vertical-align: middle;
  content: url(../images/ornament_r_pc.png);
}
*/
@media screen and (max-width:767px) {
  #topcontent {
    padding-top: 0;
  }

}


@media screen and (max-width:991px) {
  body.home #topcontent {
    /*padding-top:24px*/
    padding-top: 0;
  }
}

@media screen and (max-width:550px) {

  body.home #topcontent {
    /*padding-top:16px*/
    padding-top: 0;
  }
}

@media screen and (max-width:991px) {
  .single #topcontent {
    padding-top: 0
  }

  .single article {
    margin-bottom: 0
  }
}



/*top 白*/
/*=======================================================
top 背景灰
 =======================================================*/
.one-column #topcontentgray .wrap {
  width: 1020px;
}

.one-column #topcontentgray .wrap #main {
  width: 100%;
  float: none;
}

.one-column #topcontentgray .wrap #main .main-inner {
  width: 100%;
  margin: 0;
}

.one-column #topcontentgray .wrap #side {
  display: none;
}

@media screen and (max-width: 1020px) {

  /* laptop */
  .wrap,
  .one-column #topcontentgray .wrap {
    /*margin-left: 30px;
    margin-right: 30px;*/
    margin: 0;
    width: auto;
  }

  .main-inner {
    margin-right: 320px;
    box-sizing: border-box;
  }

  /* laptop end */
}

@media screen and (max-width: 991px) {

  /* tablet */
  .wrap,
  .one-column #topcontentgray .wrap {
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin: 0;
  }

  #main,
  .main-inner,
  #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .left-content #main,
  .right-content #main {
    float: none;
  }

  .left-content .main-inner,
  .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .left-content #side,
  .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
  }

  #side {
    padding-top: 42px;
  }

  /* tablet end */
}

@media screen and (max-width: 767px) {

  /* phone */
  .wrap,
  .one-column #topcontentgray .wrap {
    /*  margin-left: 10px;
    margin-right: 10px;*/
    margin: 0;
  }

  /* phone end */
}



@media screen and (max-width:767px) {
  #topcontentgray {
    padding-top: 0;
  }
}


@media screen and (max-width:991px) {
  body.home #topcontentgray {
    /*padding-top:24px*/
    padding-top: 0;
  }
}

@media screen and (max-width:550px) {

  body.home #topcontentgray {
    /*padding-top:16px*/
    padding-top: 0;
  }
}

@media screen and (max-width:991px) {
  .single #topcontentgray {
    padding-top: 0
  }

  .single article {
    margin-bottom: 0
  }
}

#topcontentgray {
  background: #f9fafa;

}

/*
#topcontentgray h2:before {
  padding-right: 10px;
  vertical-align:middle;
  content: url(../images/ornament_l_pc.png);
	width:35px;
	height:43px;
}
*/
#topcontentgray h2 img {}


#topcontentgray h2 {
  padding-top: 50px;
  text-align: center;
  font-size: 33px;
  line-height: 43px;
  font-weight: normal;
  vertical-align: middle;
}

/*
#topcontentgray h2:after {
margin-left: 10px;
  vertical-align: middle;
	width:35px;
	height:43px;
  content: url(../images/ornament_r_pc.png);
}
*/

@media screen and (max-width:990px) {
  #topcontentgray {
    background: #f9fafa;

  }

  /*
#topcontentgray h2:before {
  padding-right: 10px;
  vertical-align: middle;
  content: url(../images/ornament_l_pc.png);
}
*/
  #topcontentgray h2 img {}


  #topcontentgray h2 {
    padding-top: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
  }

  /*
#topcontentgray h2:after {
margin-left: 10px;
  vertical-align: middle;
  content: url(../images/ornament_r_pc.png);
} 
*/
}

@media screen and (max-width:768px) {
  #topcontentgray {
    background: #f9fafa;

  }

  #topcontentgray h2:before {
    padding-right: 10px;
    vertical-align: middle;
    /*
  content: url(../images/ornament_l.png);
*/
  }

  #topcontentgray h2 img {}


  #topcontentgray h2 {
    padding-top: 40px;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
  }

  #topcontentgray h2:after {
    margin-left: 10px;
    vertical-align: middle;
    /*
  content: url(../images/ornament_r.png);
*/
  }
}

/*top 灰*/

/* ========================================================================
topbtn
========================================================================== */


.topbtn {
  padding-top: 40px;
  padding-bottom: 40px;
}


.topbtnbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;

}

.topbtnbox .left a {
  text-decoration: none;
}

.topbtnbox .left a:hover {
  text-decoration: none;
}

.topbtnbox .right a {
  text-decoration: none;
}

.topbtnbox .right a:hover {
  text-decoration: none;
}

.topbtnbox .left {
  width: 49.5%;
  margin: 0 auto;
  padding-right: 1%;
  padding-bottom: 2%;
}

.topbtnbox .right {
  width: 49.5%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.topbtnbox .topbtninner {
  border: 1px solid #704e06;
  background-color: #fff;
}

.topbtnbox .topbtninner h3 {
  margin-top: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}

.topbtnbox .topbtninner h4 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #704e06;
  font-weight: normal;
}

.topbtnbox {

  display: flex;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
}

.topbtn .new {
  color: #ff0000;
  font-size: 18px;
  margin-right: 10px;
}

@media screen and (max-width: 990px) {

  .topbtn {
    padding-bottom: 0;
  }

  .topbtnbox .topbtninner h3 {
    margin-top: 20px;
    font-size: 18px;
    text-align: center;

  }

  .topbtnbox .topbtninner h4 {
    margin-top: 10px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;

  }
}

@media screen and (max-width: 768px) {

  .topbtn {
    padding-bottom: 0;
  }

  .topbtnbox .topbtninner h3 {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: -0.05em;
  }

  .topbtnbox .topbtninner h4 {
    margin-top: 0;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
  }

  .intro .introbox {
    width: 90%;
    margin: 80px auto 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #3c2d00;
  }

  .topbtn .intro .inner {
    padding: 0 30px;
  }

  .topbtnbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;

  }

  .topbtnbox .left {
    width: 90%;
    margin: 0 auto;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .topbtnbox .right {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 360px) {

  .topbtn {
    padding-bottom: 0;
  }

  .topbtnbox .topbtninner h3 {
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: -0.05em;
  }

  .topbtnbox .topbtninner h4 {
    margin-top: 0;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
  }

  .intro .introbox {
    width: 90%;
    margin: 80px auto 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #3c2d00;
  }

  .topbtn .intro .inner {
    padding: 0 30px;
  }

  .topbtnbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;

  }

  .topbtnbox .left {
    width: 90%;
    margin: 0 auto;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .topbtnbox .right {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
}

/* btn */
.bw-arrow {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px;
  color: rgba(0, 0, 0, 1);
  font-size: 1.2rem;
  padding: 0 15px;
  text-align: center;
  max-width: 900px;
  -webkit-transition: 0.3s linear 0s;
  -o-transition: 0.3s linear 0s;
  transition: 0.3s linear 0s;
}

.bw-arrow>*:first-child {
  width: calc(100% - 10px * 3);
}

.bw-arrow::after {
  content: '';
  display: inline-block;
  padding: 0;
  width: 10px;
  height: 10px;
  border-top: solid 2px #704e06;
  border-right: solid 2px #704e06;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
  -ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
  transform: rotate(45deg) translateX(-5px) translateY(5px);
  margin-left: 15px;
}

.bw-arrow:hover {
  opacity: 0.5;
}

a.bw-arrow:link,
a.bw-arrow:active,
a.bw-arrow:hover,
a.bw-arrow:visited {
  color: #FFFFFF;
  text-decoration: none;
}

button.bw-arrow {
  width: 100%;
  border: none;
  cursor: pointer;
}

/* btn */
/* ========================================================================
5reasons
========================================================================== */




.fivereasons {
  padding-top: 60px;

  margin: 0 auto;
  text-align: center;

}


.fivereasons ul {
  width: 100%;
  max-width: 1020px;
  padding: 0;
  text-align: left;
  font-size: 0;
}

.fivereasons li {
  vertical-align: top;
  width: 18.333333333333%;
  margin-right: 2%;
  margin-bottom: 2.3%;
  display: inline-block;
  text-align: left;

}

.fivereasons img {
  width: 100%;
}

.fivereasons p {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 10px;
  text-align: left;


}

.fivereasons h3 {
  text-align: center;
  background: #a6937c;
  color: #fff;
  font-size: 30px;
  top: 0;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  line-height: 45px;
  font-style: italic;
}



.fivereasons a,
.fivereasons_sp a {
  text-decoration: none;
  color: #333;
}

.fivereasons a:hover,
.fivereasons_sp a:hover {
  text-decoration: none;
  color: #666;
}

.fivereasons li:nth-child(5n) {
  /*3の倍数*/
  margin-right: 0;

}

.fivereasons li:nth-last-child(1) {
  margin-bottom: 0;
}

.fivereasons .inner {
  background-color: #fff;
  margin: 35px 0 0 0;
  padding: 0;

}

@media screen and (max-width: 990px) {
  .fivereasons {
    width: 100%;
    max-width: 930px;
    text-align: center;

  }

  .fivereasons ul {
    width: 93.939393939394%;
    margin: 0 auto;
    text-align: center;

  }

  .fivereasons li {
    width: 32.258064516129%;
    margin-right: 1.612903225806%;
    margin-bottom: 1.612903225806%;
    display: inline-block;
    text-align: left;

  }

  .fivereasons li:nth-child(5n) {
    /*3の倍数*/
    margin-right: 0;

  }

  .fivereasons li:nth-child(3n) {
    /*3の倍数*/
    margin-right: 0;

  }

  .fivereasons p {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 10px;
    text-align: left;


  }

  .fivereasons li:nth-child(4n) {
    /*3の倍数*/
    margin-bottom: 0;

  }

  .fivereasons li:last-child {

    margin-bottom: 0;

  }
}

@media screen and (max-width: 768px) {
  .fivereasons {
    width: 100%;
    min-width: 300px;
    text-align: center;

  }

  .fivereasons ul {
    width: 90%;
    margin: 0 auto;
    text-align: center;

  }

  .fivereasons li {
    width: 50%;
    margin-right: 0;

  }

  .fivereasons p {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 10px;
    text-align: left;


  }
}

/* five reason sp */
.fivereasons_sp {
  margin: 60px auto 80px;
  padding: 0 15px;
}


.fivereasons_sp .number_sp {
  text-align: center;
  background: #a6937c;
  color: #fff;
  font-size: 30px;
  top: 0;
  width: 45px;
  height: 44px;
  margin: 0 auto;
  line-height: 44px;
  font-style: italic;
}

.fivereasons_sp .box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 30px 0 0 0;
  height: auto;
}

.fivereasons_sp .left {
  background-color: #fff;
  width: 49%;
  height: auto;
  margin-right: 1%;
}

.fivereasons_sp .right {
  background-color: #fff;

  width: 50%;
  margin-right: 0;
  height: auto;
}

.fivereasons_sp p {
  vertical-align: middle;
  font-size: 13px;
  line-height: 20px;
  padding: 10px 10px;
  text-align: left;
}

.fivereasons_sp .left img {
  width: 100%;
  height: auto;
}

.fivereasons_sp .right img {
  width: 100%;
  height: auto;
}


@media screen and (max-width: 360px) {
  .fivereasons_sp {

    padding: 0 5px;
  }


  .fivereasons_sp .number_sp {
    text-align: center;
    background: #a6937c;
    color: #fff;
    font-size: 30px;
    top: 0;
    width: 45px;
    height: 44px;
    margin: 0 auto;
    line-height: 44px;
    font-style: italic;
  }

  .fivereasons_sp .box {

    min-width: 300px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 30px 0 0 0;
    height: auto;
  }

  .fivereasons_sp .left {

    width: 49%;
    margin-right: 2%;
  }

  .fivereasons_sp .right {
    background-color: #fff;

    width: 49%;
    margin-right: 0;
    height: auto;
  }

}



/* 施術名から探す　*/
.find {
  padding: 60px 0 0 0;
}

.find .findinner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}



.find .box {
  width: 23.5%;
  margin-right: 2%;
  vertical-align: top;
  margin-bottom: 2.13%;

  text-align: left;
  border: 1px solid #704e06;
  background-color: #fff;
}






.find .box:last-child {
  margin-right: 0;
}

.find p {

  text-align: center;
  color: #704e06;
  font-size: 18px;
}

.find .subtitle {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  color: #704e06;
  font-size: 18px;
}

.find .details {

  padding: 0 10px;
}


.find a {
  text-decoration: none;
  color: #333;
}

.find a:hover {
  text-decoration: none;
  color: #666;
}


.find .details ul li {
  text-align: left;

  font-size: 14px;

}



.find .btn p {
  text-align: right;
  font-size: 14px;
  padding: 0 10px;
}

.find .btn p a {
  text-decoration: underline;
}


.find .btn p a:hover {
  text-decoration: underline;
  opacity: 0.8;
}




.find .btn img {
  margin-top: 10px;
  width: 100%;
}

@media screen and (max-width: 990px) {


  .find .subtitle {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #704e06;
    font-size: 16px;
    padding: 0 10px;
  }

  .find .details {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .find {
    padding: 40px 0 0 0;
  }

  .find .findinner {
    width: 100%;
    max-width: 768px;
    padding: 0 2%;
    text-align: left;
    font-size: 0;
  }

  .find .box {
    vertical-align: top;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2.13%;
    display: inline-block;
    text-align: left;
    border: 1px solid #704e06;
    background-color: #fff;
  }

  .find .box:nth-child(2n) {
    margin-right: 0;
  }

  .find .subtitle {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #704e06;
    font-size: 16px;
    padding: 0 10px;
  }

  .find .details {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    padding: 0 10px;
  }
}

/* お悩み　*/
/* お悩み　*/

#calendar {
  background-color: #fff;
  z-index: 1;
}

/* スケジュールとニュース　*/
.schedule {
  padding: 60px 0 80px 0;
  width: 100%;
  max-width: 1020px;

}


.schedule .box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}


.schedule .box .schedule {
  vertical-align: middle;
  width: 40.166666666667%;
  margin-right: 2.166666666667%;
  margin-bottom: 2.13%;
  text-align: center;
  background-color: #f8f8f8;
  padding: 30px;

}

.schedule .box .schedule p {
  font-size: 24px;
  margin-bottom: 20px;
  color: #704e06;
}

.schedule .box .news {
  vertical-align: middle;
  width: 57.666666666667%;
  margin-right: 0;
  margin-bottom: 2.13%;
  text-align: center;
  border: 4px double #704e06;
  padding: 30px;


}

.schedule .box .news ul li {
  margin: 30px 0;
  border-bottom: 1px solid #704e06;
}

.schedule .box .news ul li:last-child {
  border-bottom: 0;
}


.news .newsbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}


.news .newsdate {
  width: 20%;

}

.news .newstext {
  width: 80%;

}

.schedule .box .news .newsdatetext {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
  color: #704e06;
}

.schedule .box .news p {
  font-size: 24px;
  margin-bottom: 20px;
  color: #704e06;
}

.schedule .box .news .newscontents {
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}

.schedule .box .news .newslink {
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: right;

}

.schedule .box .news .newslink a {
  color: #704e06;

}

.schedule .box .news .newslink a:hover {
  opacity: 0.8;

}

@media screen and (max-width: 990px) {
  .schedule .box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }


  .schedule .box .schedule {
    vertical-align: middle;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2.13%;
    text-align: center;
    background-color: #f8f8f8;
    padding: 30px;

  }

  .schedule .box .news {
    vertical-align: middle;
    width: 49%;
    margin-right: 0;
    margin-bottom: 2.13%;
    text-align: center;
    border: 4px double #704e06;
    padding: 30px;


  }
}

@media screen and (max-width: 768px) {

  .schedule {
    padding: 0;
    width: 100%;
  }

  .schedule .box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }


  .schedule .box .schedule {

    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    background-color: #f8f8f8;
    padding: 0 2% 10px;

  }

  .schedule .box .news {
    vertical-align: middle;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    text-align: center;
    border: none;
    padding: 30px;


  }

  .schedule .box .news .newsdatetext {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .schedule .box .news .newscontents {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .schedule .box .news .newslink {
    font-size: 14px;
  }

  .news .newsdate {
    width: 100%;

  }

  .news .newstext {
    width: 100%;

  }

  .schedule .box .schedule p {
    padding-top: 30px;
  }

}


/* カレンダー　トップ以外*/

.calender_sec {
  width: 100%;

}

.calender_sec .calender_secbox {
  vertical-align: middle;
  width: 40.166666666667%;
  margin: 0 auto;
  margin-bottom: 2.13%;
  text-align: center;
  background-color: #f8f8f8;
  padding: 30px;
}

.calender_sec .calender_secbox p {
  font-size: 24px;
  margin-bottom: 20px;
  color: #704e06;
}

.calender_sec .gaikan_box {
  /* 20210222*/
  vertical-align: middle;
  width: 40.166666666667%;
  margin: 60px auto 0 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .calender_sec .calender_secbox {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    background-color: #fff;
    padding: 0 2% 10px;
  }

  .calender_sec .gaikan_box {
    /* 20210222*/
    width: 100%;
    margin: 40px auto 10px auto;
    padding: 0 30px;
    text-align: center;
  }
}

/* カレンダー　トップ以外*/

/* お問い合わせ　*/
/* お問い合わせ　*/
.contact {
  padding: 60px 0 60px 0;
  width: 100%;
  max-width: 1020px;
}


.contact .contactbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}


.contact .contactbox .contactphone {
  vertical-align: middle;
  width: 50%;
  margin: 0;
  margin-bottom: 2.13%;
  text-align: center;
  background-color: #fff;
  padding: 30px;
  border: 1px solid #704e06;

}

.contact .contactbox .contactmail {
  vertical-align: middle;
  width: 50%;
  margin: 0;
  margin-bottom: 2.13%;
  text-align: center;
  background-color: #fff;
  padding: 30px;
  border-top: 1px solid #704e06;
  border-bottom: 1px solid #704e06;
  border-right: 1px solid #704e06;

}

.contact h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

#footer .contact h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
}


#footer .contact h4 a {
  text-decoration: none;
  color: #000;
}

#footer .contact h4 a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.contact h5 {
  font-size: 14px;
  font-weight: bold;

  font-weight: normal;
}



.contact img {
  margin-bottom: 5px;
  margin-right: 4px;
}

.contact .underline {
  border-bottom: 1px solid #000;
}

.contact .btn {}


@media screen and (max-width: 768px) {

  .contact {
    padding: 40px 0 0 0;
  }

  .contact .contactbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 768px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0 2%;
  }


  .contact .contactbox .contactphone {
    vertical-align: middle;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    text-align: center;
    background-color: #fff;
    padding: 30px;
    border: 1px solid #704e06;

  }

  .contact .contactbox .contactmail {
    vertical-align: middle;
    width: 100%;
    margin: 0;
    margin-bottom: 2.13%;
    text-align: center;
    background-color: #fff;
    padding: 30px;
    border-top: 0;
    border-bottom: 1px solid #704e06;
    border-right: 1px solid #704e06;
    border-left: 1px solid #704e06;
  }

  .contact .contactbox .contactmail>.spbtn a {
    position: relative;
  }

  .contact .contactbox .contactmail>.spbtn span {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
  }

  .contact h3 {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .contact h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 40px;
  }

  .contact h5 {
    font-size: 12px;
    font-weight: bold;

    font-weight: normal;
  }

  .contact .btn img {
    margin-bottom: 15px;
  }

  .spbtn {

    margin: 15px 0;

  }

}

/* お問い合わせ */

/* map */
.access {
  margin-bottom: 0;

}






.direction {
  padding: 60px 0 0 0;
  width: 100%;
  max-width: 1020px;
}


.direction .diredctionbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}


.direction .diredctionbox .directionadress {
  vertical-align: middle;
  width: 50%;
  margin: 0;
  margin-bottom: 2.13%;
  text-align: center;
  text-align: left;
  padding: 30px;


}

.direction .diredctionbox .directionaddirection {
  vertical-align: middle;
  width: 50%;
  margin: 0;
  margin-bottom: 2.13%;
  text-align: left;
  padding: 30px;


}

.access .direction h3 {
  font-size: 16px;
  margin-bottom: 0;

}

.access .direction p {
  font-size: 16px;
  margin-bottom: 0;

}

.access .direction a {
  color: #000;
}

.access .direction a:hover {
  color: #000;
  opacity: 0.8;
}

.access .direction h4 {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 1-px;
}

.access .direction h5 {
  font-size: 14px;
  font-weight: bold;

}

.access .direction h6 {
  font-size: 14px;
  font-weight: normal;
}


.contact img {
  margin-bottom: 5px;
  margin-right: 4px;
}

.contact .underline {
  border-bottom: 1px solid #000;
}

.contact .btn {}



.square {
  display: inline-block;
  width: 16px;
  height: 16px;

  background: #a6937c;
}


@media (max-width: 768px) {
  .direction {
    padding: 0 0 0 0;
    width: 100%;
    max-width: 1020px;
  }

  .direction .diredctionbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }




  .direction .diredctionbox .directionadress {
    vertical-align: middle;
    width: 100%;
    margin: 0;
    margin-bottom: 2.13%;
    text-align: center;
    text-align: left;
    padding: 15px;


  }

  .direction .diredctionbox .directionaddirection {
    vertical-align: middle;
    width: 100%;
    margin: 0;
    margin-bottom: 2.13%;
    text-align: left;
    padding: 15px;


  }

  .access .direction h3 {
    font-size: 12px;

    text-align: center;
  }

  .access .direction p {

    font-size: 14px;
    margin-bottom: 0;


  }

  .access .direction h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
  }

  .access .direction h5 {
    font-size: 14px;
    font-weight: bold;

  }

  .access .direction h6 {
    font-size: 14px;
    font-weight: normal;
  }

  .square {
    display: inline-block;
    width: 12px;
    height: 12px;

    background: #a6937c;
  }

}

/*
.maparea {
  padding-bottom: 60px;
}
*/
.gmap {
  position: relative;
  padding-top: 30.518519%;
  width: 100%;
  height: 0;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 0;

}

.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .gmap {
    margin-top: 25px;
    padding-top: 59.375%;

  }

  .maparea {
    padding-bottom: 40px;
  }
}

/* map */
/* sns */
/* ========================================================================
footer sns
========================================================================== */
.snstop h3 {
  padding-top: 60px;
  text-align: center;
  font-size: 30px;
  color: #704e06;
}

@media (max-width: 768px) {
  .snstop h3 {
    padding-top: 50px;
    text-align: center;
    font-size: 24px;
    color: #704e06;
  }
}

.snsbox {
  padding: 30px 0 80px 0;
}

.sns .snstitle {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  text-align: center;
  font-size: 16px;
  display: block;
  width: 100%;
  letter-spacing: 0.5em;
  margin-bottom: 36px;
}

.sns h2 {
  font-size: 32px;
  margin-top: 33px;
  line-height: 45px;
}

.sns p {
  margin-bottom: 30px;
  font-size: 16px;

  line-height: 28px;
  color: #fff;

}

.twitterWrap {
  background-color: #fff;
}

.twitterWrap .timeline-Widget,
blockquote.twitter-tweet {
  border-radius: 0 !important;
}

@media (min-width: 768px) {
  .snsbox>div+div {
    margin-left: 50px;
  }

}

@media (max-width: 768px) {

  .sns {
    margin-top: 65px;
  }

  .snsbox {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 64px;
  }

  .sns .snstitle {
    margin-bottom: 18px;
  }

  .sns .tw .snstitle {
    margin-top: 0;
  }

  .sns .fb .snstitle {
    margin-top: 35px;
  }

  .sns .snstitle {
    font-size: 10px;

  }

  .sns .snstitle::after {
    bottom: -8px;
    content: '';
    width: 4%;
  }

  .snscontents {
    position: relative;
    width: 270px;
    height: 308px;
    margin: auto;
  }

  .snscontents iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .timeline-Widget {
    border-radius: 0 !important;
  }
}

.snstitle {
  font-size: 19px;
  margin: 20px auto;
  line-height: 30px;
}

/* sns */
/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 100;
  bottom: 30px;
  right: 30px;
  color: #fff;
}

.pagetop span {
  display: block;
  border-radius: 0;
  background: #009cab;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  font-size: 36px;
}

@media screen and (max-width: 767px) {
  .pagetop span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 36px;
  }

  .pagetop {
    bottom: 70px !important;
  }
}

.pagetop span i {
  color: #fff;
}

.pagetop.show {
  visibility: visible;
  opacity: .8;
}

@media screen and (max-width: 991px) {

  /* tablet */
  .pagetop {
    right: 20px;
    bottom: 20px;
  }

  /* side bar */
  .sidebarlayout {
    margin: 0 auto;

    text-align: left background-color: #ff0000;
  }

  .sidebarinner {
    width: 320px;
  }
}

/* ----------------------------------------
* header
---------------------------------------- */


/*.headerbox {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1020px;
margin: 0 auto;  
margin-top: 22px;  
}

.headerbox .headerlogo {
width: 66.666666666667%;

}
*/
.headerbox {
  width: 100%;
  margin-top: 10px;
}

.headerbox .headerlogo {
  width: calc(100% - 415px);
  float: left;
  text-align: left;
}

.headerbox .headerlogo img {
  margin-bottom: 10px;
}

.headerbox .header_btn {
  width: 180px;
  float: left;
  text-align: left;
}

.headerbox .header_phone {
  width: 230px;
  float: left;
  text-align: left;
  margin-left: 5px;
  margin-top: 5px;
}


.headerbox .header_btn .btn1 {
  padding-bottom: 6px;


}


.headerbox .header_btn .btn1 img {
  width: 171px;
  height: 42px;
}

.headerbox .header_btn .btn1 img[src$=".svg"] {
  width: 100%;
  height: auto;
}




.headerbox .header_btn .btn2 img {
  width: 171px;
  height: 42px;
}

.headerbox .header_btn .btn2 img[src$=".svg"] {
  width: 100%;
  height: auto;
}

.headerbox .header_phone .phone1 img {
  margin-right: 4px;

}

.headerbox .header_phone .phone2 img {
  margin-right: 10px;
  margin-left: 10px;
}

.headerbox .header_phone .phone1 {
  font-size: 16px;
  font-weight: bold;

}

.headerbox .header_phone .phone2 {
  font-size: 16px;
  font-weight: bold;

}

.headerbox .header_phone p {
  font-size: 14px;
  text-decoration: none;
}

.headerbox .header_phone p .lt {

  letter-spacing: -0.5em;

}

.headerbox .headerlogo p {
  font-size: 14px;
  color: #333;
}



@media screen and (max-width: 990px) {

  .headerbox {
    width: 100%;

  }

  /*.headerbox .headerlogo{
width:calc(100% - 485px);
    float:left;
      text-align: left;
}

.headerbox .header_btn {
    width:200px; 
    float:left;
    text-align: left;
}
.headerbox .header_phone {
    width:285px; 
    float:leftfooter-01;
    text-align: left;
}
.headerbox .headerlogo p {
  font-size: 12px;
  color: #333;
}

}
*/
  .headerbox .headerlogo {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .headerbox .header_btn {
    display: none;
  }

  .headerbox .header_phone {
    display: none;
  }

  .headerbox .headerlogo p {
    font-size: 12px;
    color: #333;
    text-align: center;
  }

}


/* search box */

.searchbox {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;

}

.searchbox .searchspace {
  width: calc(100% - 310px);
  float: left;
  text-align: left;
  padding-left: 10px;
}

.searchbox .searcharea {
  width: 310px;
  float: left;
  text-align: left;
  padding-right: 10px;
}


/* searc box */


/* add quick tag */
/*グレーーの枠線*/
.box1 {
  margin: 2em 0;
  padding: 25px 25px;
  border: solid 2px #f9fafa;
  background: #fff;
  color: #000;

}

/*ベージュの惑星*/
.box2 {
  margin: 2em 0;
  padding: 25px 25px;
  border: solid 2px #a6937c;
  background: #fff;
  color: #000;

}

/* 茶色い枠線*/
.box3 {
  margin: 2em 0;
  padding: 25px 25px;

  border: solid 2px #704e06;
  background: #fff;
  color: #000;
}

/*グレー背景*/
.box4 {
  margin: 2em 0;
  padding: 25px 25px;
  border: 0;
  background: #dddddd;
  ;
  color: #000;
}

/* ベージュ背景*/
.box5 {
  margin: 2em 0;
  padding: 25px 25px;
  border: 0;
  background: #a6937c;
  color: #fff;
}

/* 茶色背景*/
.box6 {
  margin: 2em 0;
  padding: 25px 25px;
  border: 0;
  background: #704e06;
  color: #fff;
}


/* add quick tag */

/*link-button*/

/*green*/
.link-button-green {
  text-align: center;
  padding-bottom: 0;
  margin: 0 auto;

}

.link-button-green a {
  background: #a6937c;
  border-radius: 0;
  color: #fff !important;
  text-align: center;
  border-bottom: 0;
  /* max-width: 300px; */
  width: fit-content;
  min-width: 250px;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  padding: 12px 20px;
}

.link-button-green a i {
  /*margin-right:10px;*/
  display: none;
}

.link-button-green a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .link-button-green a {
    width: 100% !important;
    display: block;
  }
}

/* add quick tag */
/*orange*/
.link-button-orange {
  text-align: center;
  padding-bottom: 0;
}

.link-button-orange a {
  background: #704e06;
  border-radius: 0;
  color: #fff !important;
  text-align: center;
  border-bottom: 0;
  text-decoration: none;
  max-width: 300px;
  min-width: 250px;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  padding: 12px 20px;

}

.link-button-orange a i {
  /* margin-right:10px;*/
  display: none;
}

.link-button-orange a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .link-button-orange a {
    width: 100%;
    display: block;
  }
}

/* footer wrap */
/* search box */

.footerbox {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footerbox .footerarea {
  width: 49%;
  float: left;
  text-align: left;
  margin-right: 1%;
}

.footerbox .categoryarea {
  width: 49%;
  float: left;
  text-align: left;
  margin-left: 1%;
}

.footerarea p {
  font-size: 14px;
  color: #666;
  width: 90%;
  border-bottom: solid 1px #666;
  margin-bottom: 20px;
  margin-left: 20px;
}

.footerarea ul {
  margin-left: 20px;
}

.footerarea ul li {
  font-size: 14px;
  display: inline-block;
  width: 48%;
  margin-right: 2%;
}

.footerarea ul li:nth-child(2n) {

  margin-right: 0;
}

.footerarea p {
  font-size: 14px;
  color: #666;
  border-bottom: solid 1px #666;
  margin-bottom: 20px;
  margin-right: 2%;
}

.categoryarea ul li {
  font-size: 14px;
  display: inline-block;
  width: 48%;
  margin-right: 2%;
}

.categoryarea ul li:nth-child(2n) {

  margin-right: 0;
}

.categoryarea p {
  font-size: 14px;
  color: #666;
  border-bottom: solid 1px #666;
  margin-bottom: 20px;
  margin-right: 2%;
}





/* mega sub menu */
@media only screen and (max-width: 990px) {
  .mega-sub-menu ul li {
    padding-left: 20px !important;
    line-height: 30px;
    display: block;
    width: 100%;

  }

  .mega-sub-menu ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #333;

  }

  .mega-sub-menu ul li a:hover {

    text-decoration: none;
    color: #333;
    opacity: 0.8;

  }

  .page_item {
    display: block;
  }
}

.spnavset {
  width: 100%;
  position: relative;
  z-index: 999999;
  padding-top: 0;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

/* mega menu 修正*/
#mega-menu-wrap-global_nav a.mega-menu-link {
  height: 49px;

}

#mega-menu-wrap-global_nav .mega-icon {
  width: 50px;
  height: 50px;
}

.dashicons-search li.mega-menu-item .mega-menu-link a {
  padding: 30px 12px 0px 12px;
}

#mega-menu-wrap-global_nav #mega-menu-global_nav p {
  margin-bottom: 0 !important;
}

.textwidget p {
  padding-bottom: 15px !important;
}

.textwidget p a {
  padding-bottom: 0 !important;
}



#mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 30px !important;
  padding: 5px 5px 0px 20px !important;
}


ul.mega-menu-item li.mega-menu-item:last-child {
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item.mega-item-align-right {
    float: none;
  }

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item>li.mega-menu-item-type-custom a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #333;
    font-size: 16px;
  }
}

@media only screen and (max-width: 990px) {

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item>a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px 0px 10px;


    font-size: 14px;


    outline: none;
  }

}


@media only screen and (max-width: 910px) {

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item>a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px 0px 10px;


    font-size: 13px;


    outline: none;
  }

}

@media only screen and (max-width: 860px) {

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item>a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 8px 0px 8px;


    font-size: 12px;


    outline: none;
  }

}

@media only screen and (max-width: 768px) {

  #mega-menu-wrap-global_nav #mega-menu-global_nav>li.mega-menu-item>a.mega-menu-link {
    width: 100% !important;
    line-height: 40px;
    height: 40px;
    padding: 0px 15px 0px 15px;


    font-size: 16px;
  }

}

@media only screen and (max-width: 768px) {

  #mega-menu-wrap-global_nav #mega-menu-global_nav li.mega-menu-item,
  #mega-menu-wrap-global_nav #mega-menu-global_nav li.mega-menu-item {
    width: 100% !important;
    display: table;
    /*   padding: 10px 0;*/
    clear: both;
    font-size: 16px;
  }

}


/* ========================================================================
お問い合わせ
 ========================================================================== */



.contacttitle {
  margin-top: 70px;
}

.contacttitle .line {
  margin: 60px auto 84px;
  border-bottom: 1px solid #333;
  width: 100%;

}

.contacttitle h1 {
  margin-top: 70px;
  font-size: 54px;
  font-family: YakuHanJP, 'Sorts Mill Goudy', serif;
  text-align: center;
  letter-spacing: 0.1em;
  color: #1a1a1a;

}

.contacttitle h2 {
  font-size: 20px;
  font-family: YakuHanJP, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #4d4d4d;
  text-align: center;
}

.contacttitle h3 {
  margin-top: 82px;
  font-size: 16px;
  text-align: center;

}


@media only screen and (max-width:768px) {
  .contacttitle h1 {
    margin-top: 70px;
    font-size: 30px;

  }

  .contacttitle h2 {
    font-size: 14px;
  }

  .contacttitle h3 {
    margin-top: 60px;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
  }

  .contacttitle .line {
    margin: 30px auto 30px;
    border-bottom: 1px solid #333;
    width: 100%;

  }
}

.uk-panel-scrollable {
  margin: 80px auto;
}

/*メールフォーム*/

.cform th {
  font-size: 16px;
  width: 300px;
  /*変なところで改行される場合はここの数字を変更します。

 /* padding: 10px 25px 25px 15px;*/
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: top;
}

.cform td {
  font-size: 14px;
  line-height: 38px;
  /* padding: 10px 5px;*/
  width: calc(100% - 300px);
  margin-bottom: 0;
  background-color: #fff;
}

.cform {
  width: 100%;
  margin: auto;
}

.cform [type=submit] {
  display: inline-block;
  font-size: 20px;
  /* padding: 10px 30px;*/
  text-decoration: none;
  background: #ff8f00;
  color: #FFF;
  border-bottom: solid 4px #B17C00;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

.cform input {
  /*background-color: #f1f1f1;*/
  border: none;
  box-shadow: none;
  height: 40px;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

.cform input[type=email],
.cform input[type=text],
.cform textarea {
  /*padding: 5px 8px;*/
  background-color: #f1f1f1;
  font-size: 14px;
  box-shadow: none;
  border: none;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

.cform textarea {
  background-color: #f1f1f1;
  box-shadow: none;
  border: none;
  font-size: 14px;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

/*
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
  width: 100%;
}
*/
.cform option,
.cform input[type=email],
.cform textarea {
  width: 100%;
}

.cform input[type=text],

.cform input[type=search],
.cform input[type=url],
.cform .mwform-zip-field input[type=text] {
  width: auto;

}

.cform .mwform-tel-field input[type=text] {
  width: auto;

}


.required-srt {
  padding: 0px 15px;
  font-size: 12px;
  background: #a6937c;
  color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}

.non-required-srt {
  font-size: 12px;
  padding: 0px 15px;
  background: #838383;
  color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}

.contact_btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}

.submit-btn {}

.return-btn {
  padding-right: 2%;
}

.submit-btn input {
  background: #333;
  width: 49%;
  max-width: 300px;
  min-width: 250px;
  margin: 0 auto 30px;
  display: block;
  border: none;
  text-align: center;
  padding: 10px;
  color: #fff;
  transition: all 0.4s ease;
  font-size: 16px;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";



}

.submit-btn input:hover {
  opacity: 0.7px
}

.return-btn input {
  background: #fff;
  width: 49%;
  max-width: 300px;
  min-width: 250px;
  margin: 0 auto 30px;
  display: block;
  border: 1px solid #333;
  text-align: center;
  padding: 8px;
  color: #333;
  transition: all 0.4s ease;
  font-size: 16px;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

::-webkit-input-placeholder {
  color: #b6b6b6;
}

:-ms-input-placeholder {
  color: #b6b6b6;
}

::placeholder {
  color: #b6b6b6;
}

@media (max-width: 960px) {

  .submit-btn input,
  .return-btn input {
    width: 150px;
    min-width: unset;
  }
}

@media only screen and (max-width:768px) {

  .cform th,
  .cform td {
    width: 100%;
    display: block;
    border-top: none;
  }




  .cform th {
    font-size: 14px;
    width: 100%;
    /*変なところで改行される場合はここの数字を変更します。*/
    padding: 10px 10px 10px 10px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0;
  }

  .cform td {
    font-size: 14px;
    line-height: 38px;
    /* padding: 10px 5px;*/
    width: 100%;
    margin-bottom: 0;
  }



  .cform [type=submit] {
    display: inline-block;
    font-size: 13px;

    background-color: #f1f1f1;
    font-size: 14px;
    box-shadow: none;
    border: none;
  }

  .cform textarea {
    background-color: #f1f1f1;
    box-shadow: none;
    border: none;
    font-size: 14px;
  }

  /*
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
  width: 100%;
}
*/

  .cform option,
  .cform textarea,
  .cform input[type=email] {
    width: 100%;
  }

  .cform input[type=text],

  .cform input[type=search],
  .cform input[type=url],
  .cform .mwform-zip-field input[type=text] {
    width: auto;

  }

  .cform .mwform-tel-field input[type=text] {
    width: auto;

  }


  .cform .mwform-tel-field input[type=text] {
    width: auto;

  }

  .cform .mwform-tel-field input[type=text] {
    width: auto;

  }

  .required-srt {

    padding: 0px 10px;
    background: #a6937c;
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
  }

  .non-required-srt {

    padding: 0px 10px;
    background: #666;
    border: solid 1px #a6937c;
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
  }

  .submit-btn input,
  .return-btn input {
    width: 150px;
    min-width: unset;
  }


}



@media (max-width: 329px) {

  .submit-btn input,
  .return-btn input {
    width: 140px;
    min-width: unset;
  }



}

.cform img {
  width: 100%;
  /*元の画像サイズを超えないように*/

}


.contactmailform .title {
  font-size: 22px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  padding: 0;
}

@media (max-width: 768px) {
  .contactmailform p {
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 0;

  }
}

.contactmailform .texts {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0;
}

.contactmailform .text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 0;
}

.contactmailform .textbold {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 0;
}

.contactmailform .textboldb {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
}

.contactmailform .textboldl {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 0;
}

.contactmailform .textl {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  padding: 0;
}

.contactmailform .list {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.contactmailform .producttxt {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
  width: 100%;
}

.contactmailform .producttxt2 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
  width: 100%;
}

.form-required,
.contactmailform .red {
  color: #ff0000;
  font-size: x-small;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  /*
  top: 14px;
*/
}


.mw_wp_form .vertical-item {


  margin-top: 0 !important;

}

.mw_wp_form .vertical-item {
  display: block;
  line-height: 10px !important;
}

/* order foam */
.orderselection {

  width: 100%;

  margin: 0 auto;

}

.orderselection .box {
  display: flex;
  flex-wrap: wrap;


}

.orderselection .box .left {
  width: 49.5%;
  margin: 0 auto;
  padding-right: 1%;
  padding-bottom: 2%;

}

.orderselection .box .right {
  width: 49.5%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.orderselection .box .right a {
  max-width: 375px width:49.5%;
  display: block;
  color: #fff;
  background-color: #704e06;
  padding: 15px 50px;
  text-decoration: none;
  text-align: center;

}

.orderselection .box .right a:hover {
  opacity: 0.8;
  text-decoration: none;

}

.orderselection .box .right .selected a {

  text-decoration: none;
}

.orderselection .box .left a {
  max-width: 375px width:49.5%;
  display: block;
  color: #fff;
  background-color: #704e06;
  padding: 15px 50px;
  text-decoration: none;
  text-align: center;

}

.orderselection .box .left a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.orderselection .box .left .selected a {

  text-decoration: none;
}

@media (max-width: 768px) {
  .orderselection .box .right a {

    padding: 15px 0;

  }

  .orderselection .box .left a {
    padding: 15px 0;
  }
}



/* reservation */

.reservation {
  width: 100%;
  margin: 0 auto;
}

.reservation .box {
  width: 100%;
  margin: 0 auto;
}

.reservation .box .top a {
  display: block;
  color: #fff;
  background-color: #a6937c;
  padding: 15px 50px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 5px;
}

.reservation .box .top a:hover {
  opacity: 0.8;
  text-decoration: none;

}

.reservation .box .middle a {
  display: block;
  color: #fff;
  background-color: #a6937c;
  padding: 15px 50px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 5px;
}

.reservation .box .middle a:hover {
  opacity: 0.8;
  text-decoration: none;

}

.reservation .box .bottom a {
  display: block;
  color: #fff;
  background-color: #a6937c;
  padding: 15px 50px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 50px;
}

.reservation .box .bottom a:hover {
  opacity: 0.8;
  text-decoration: none;

}

.reservation .box .selected a {
  display: block;
  color: #fff;
  background-color: #704e06;
  text-decoration: none;

}

.beige {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #a6937c;
  border: 0;
  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

.image-box {
  width: 171px;
  height: 42px;
}

/* calender */
#footer .fc-event {
  border: 1px solid #a6937c;
  color: #fff;
}

#footer .fc-event {
  background-color: #a6937c;
  color: #fff;
}

#footer .fc-event,
#footer .fc-event:hover {
  color: #fff;
  text-decoration: none;
}

#footer .fc-event a {
  background-color: #a6937c;

  color: #fff;
}

#footer .fc-event a:hover {
  background-color: #a6937c;
  color: #fff;
}


.reservation_tel {
  font-size: x-large;
  font-weight: bold;
}



/* 202311 kono追加 */

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.inner {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .inner {
    padding: 0 24px;
  }
}

@media screen and (max-width: 767px) {
  .inner {
    padding: 0 16px;
  }
}

.header {
  transition: all 0.4s ease 0s;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: linear-gradient(to bottom, #fff, #fff 100px, transparent);
}

@media screen and (min-width: 1000px) {
  .header.is-scrolled {
    background: #fff;
    transition: all 0.4s ease 0s;
  }

  .header.is-scrolled .header__upper {
    transition: all 0.4s ease 0s;
    height: 60px;
  }

  .header.is-scrolled .header__lower {
    transition: all 0.4s ease 0s;
    height: 50px;
    background: #fff;
  }

  .header.is-scrolled #menu-header-nav {
    transition: all 0.4s ease 0s;
    align-items: flex-end;
    vertical-align: top;
  }
}

@media screen and (max-width: 767px) {
  .header {
    height: 60px;
    background: #fff;
  }
}

.header__upper {
  height: 100px;
  transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
  .header__upper {
    height: 60px;
  }
}

.header__inner {
  display: flex;
}

.header__logo {
  position: relative;
}

.header__logo img {
  width: 300px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .header__logo img {
    width: 240px;
  }
}

.header__logo a {
  line-height: 92px;
  transition: all 0.4s ease 0s;
}

.header__logo a:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .header__logo a {
    line-height: 70px;
  }
}

.header__button-items {
  display: flex;
  margin-left: auto;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .header__button-items {
    margin-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .header__button-items {
    display: none;
  }
}

.header__button-item,
.drawer__button-item {
  margin-top: 20px;
}

.header__button-item a,
.drawer__button-item a {
  text-decoration: none;
  margin-left: 10px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  background: #009cab;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  width: 140px;
  height: 44px;
  line-height: 44px;
  transition: all 0.4s ease 0s;
}

.header__button-item a:hover,
.drawer__button-item a:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.header__button-item img,
.drawer__button-item img {
  margin-right: 10px;
}

.header__button-item .header__icon1,
.header__button-item .drawer__icon1,
.drawer__button-item .header__icon1,
.drawer__button-item .drawer__icon1 {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.header__button-item .header__icon2,
.header__button-item .drawer__icon2,
.drawer__button-item .header__icon2,
.drawer__button-item .drawer__icon2 {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

.header__button-item .header__icon3,
.drawer__button-item .header__icon3 {
  margin-right: 2px;
  margin-top: 2px;
  margin-left: -15px;
  width: 36px;
  height: 36px;
}

.header__button-item.header__button-item-line a,
.drawer__button-item.header__button-item-line a {
  background: #00B900;
}

.header__lower {
  height: 50px;
  transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
  .header__lower {
    display: none;
  }
}

#menu-header-nav {
  flex-wrap: wrap;
  transition: all 0.4s ease 0s;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#menu-header-nav a {
  text-decoration: none;
  color: #222;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  transition: all 0.4s ease 0s;
  position: relative;
}

#menu-header-nav a::after {
  position: absolute;
  content: "";
  height: 1px;
  background: #009cab;
  bottom: 8px;
  left: 0;
  transition: all 0.3s 0s ease;
  width: 0%;
}

#menu-header-nav a:hover::after {
  width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  #menu-header-nav {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #menu-header-nav {
    display: none;
  }
}

#menu-header-nav>li {
  position: relative;
  transition: all 0.4s ease 0s;
}

#menu-header-nav>li:hover .sub-menu {
  transition: all 0.4s ease 0s;
  opacity: 1;
  visibility: visible;
}

.sub-menu {
  transition: all 0.4s ease 0s;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 44px;
  left: -10px;
  margin: 0;
  width: calc(100% + 20px);
  background: rgba(255, 255, 255, 1);
  color: #222;
}

@media screen and (max-width: 999px) {
  .sub-menu {
    transition: none;
    width: 100%;
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    background: none;
  }

  .sub-menu.show {
    display: block;
  }
}

.sub-menu li {
  padding: 0 0 0 10px;
}

.logo__title {
  display: block;
  font-weight: normal;
  font-size: 32px;
  color: #009cab;
  line-height: 1;
}


/* line-modal */
/* モーダルと背景の指定 */
.line-modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  box-sizing: border-box;
  z-index: 100;
}

/* モーダルの擬似要素の指定 */
.line-modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* クラスが追加された時の指定 */

.line-modal.is-active{
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .line-modal.is-active{
    opacity: 0;
    visibility: hidden;
  }
}
/* モーダル内側の指定 */
.line-modal-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 800px;
  width: 90%;
}

/* モーダルを閉じるボタンの指定 */
.line-modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -25px;
  right: -25px;
  width: 50px;
  height: 50px;
  color: #fff;
  background: #009cab;
  border-radius: 50%;
  cursor: pointer;
  font-size: 32px;
}

/* モーダルのコンテンツ部分の指定 */
.line-modal-content{
  background: #fff;
  text-align: left;
  line-height: 1.8;
  padding: 40px;
}

/* モーダルのコンテンツ部分のテキストの指定 */
.line-modal-content h2 {
  margin-bottom: 30px;
}

.line-modal-content h3 {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: bold;
}

.line-modal-content__content {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.line-modal-content__content p {
  margin-top: 10px;
}
.line-modal-content__content .reserve__link-line {
  margin-top: 10px;
}
.line-modal-content__content .left {
  width: calc(50% - 20px);
}
.line-modal-content__content .right {
  width: calc(50% - 20px);
}
.line-modal-content__content .right p {
  margin-top: 10px;
}

.line-modal-content__content .reserve__link-line {
  margin-top: 40px;
  padding: 20px 20px 20px 0;
  display: flex;
  align-items: center;
  background: #00B900;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  width: 300px;
  max-width: 100%;
  height: 80px;
  line-height: 44px;
  transition: all 0.4s ease 0s;
  text-decoration: none;
}

@media screen and (max-width: 999px) {
  .line-modal-content__content .left {
    width: calc(50% - 10px);
  }
  .line-modal-content__content .right {
    width: calc(50% - 10px);
  }
  .line-modal-content__content .reserve__link-line {
    font-size: 16px;
  }
}

.drawer-icon {
  cursor: pointer;
  transition: 0.5s ease 0s;
  width: 60px;
  height: 60px;
  background: #009cab;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 301;
}

@media screen and (min-width: 1000px) {
  .drawer-icon {
    display: none;
  }
}

.drawer-icon.is-active .drawer-icon__bar1 {
  top: 8px;
  transform: rotate(-45deg);
  transition: all 0.4s ease 0s;
}

.drawer-icon.is-active .drawer-icon__bar2 {
  display: none;
}

.drawer-icon.is-active .drawer-icon__bar3 {
  top: 8px;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
}

.drawer-icon.is-active .drawer-icon__menu {
  display: none;
}

.drawer-icon.is-active .drawer-icon__close {
  display: block;
}

.drawer-icon__bars {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}

.drawer-icon__bar1,
.drawer-icon__bar2,
.drawer-icon__bar3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background: #fff;
  transition: all 0.4s ease 0s;
}

.drawer-icon__bar1 {
  top: 0;
}

.drawer-icon__bar2 {
  top: 10px;
}

.drawer-icon__bar3 {
  top: 20px;
}

.drawer-content {
  margin-top: 60px;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  z-index: 299;
  top: 0;
  right: -105%;
  width: 80%;
  min-width: 300px;
  min-height: calc(100% - 60px);
  transition: 0.5s ease 0s;
}

.drawer-content.is-active {
  transition: all 0.5s ease 0s;
  right: 0;
}

.drawer__inner {
  position: relative;
  overflow-y: scroll;
  height: calc(100vh - 60px);
  padding: 12px 24px 12px;
}

.drawer__menu__wrapper {
  overflow: auto;
}

.drawer__menu li>a,
#menu-header-nav-1 li>a {
  color: #222;
  text-decoration: none;
  display: block;
  padding: 12px 10px 10px;
  width: 100%;
  position: relative;
}

.drawer__menu li>a::before,
#menu-header-nav-1 li>a::before {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.drawer__menu li>a::after,
#menu-header-nav-1 li>a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: url(../images/drawer-arrow.png) no-repeat center center/contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

#menu-header-nav-1 li>a.has-sub-menu::after {
  transform: translateY(-50%) rotate(90deg);
}

.sub-menu li a:hover {
  color: #009cab !important;
}

.sub-menu li a::after {
  background: none !important;
}

.drawer__sns__items {
  margin-top: 20px;
}

.drawer__sns__item {
  margin-top: 10px;
  margin-left: 10px;
}

.drawer__sns__item a {
  text-decoration: none;
  color: #222;
  line-height: 44px;
  display: flex;
  align-items: center;
}

.drawer__sns__item img {
  width: 24px;
  margin-right: 10px;
}

.drawer__sns__item span {
  width: 80%;
  font-size: 18px;
}

.drawer-background {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
}

.drawer-background.is-active {
  display: block;
}

.section {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.util-head {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.22em;
  padding-left: 36px;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

.util-head::before {
  position: absolute;
  content: "";
  background: url(../images/logo.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%) scale(-1, 1);
  left: 0;
  width: 23px;
  height: 28px;
}

.util-lead {
  letter-spacing: 0.05em;
}

.util-button-label {
  width: 100%;
  height: 140px;
  background: linear-gradient(to right, #00858A, #009cab 50%, #7BBDD5 100%);
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  .util-button-label {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    height: 64px;
    padding: 10px 0;
  }
}

.util-button-label .util-button__inner {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .util-button-label .util-button__inner {
    /* display: block; */
  }
}

.util-button {
  display: block;
  width: calc(50% - 10px);
  height: 60px;
  background: #fff;
  color: #222;
  border-radius: 5px;
  line-height: 60px;
  transition: all 0.4s ease 0s;
  text-align: center;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .util-button {
    /* width: 100%; */
    /* width: calc(50% - 2px); */
    width: 49%;
    font-size: 14px;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
  }

  .util-button+.util-button {
    /* margin-top: 20px; */
  }
}

.util-button img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 767px) {
  .util-button img {
    left: 10px;
    width: 14px;
    height: 14px;
  }
}

.util-button img.icon-online {
  vertical-align: -4px;
}

.util-button:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

/* /util */
/* main-visual */
.main-visual {
  background: url(../images/main-visual.png) no-repeat center center/cover;
  width: 100%;
  height: 770px;
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .main-visual {
    margin-top: 60px;
    background: url(../images/main-visual-sp.png) no-repeat center center/cover;
  }
}

.main-visual__inner {
  position: relative;
}

.main-visual__content {
  text-align: center;
  position: absolute;
  top: 180px;
  left: 30px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .main-visual__content {
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    max-width: 100%;
  }
}

.main-visual__content .main-visual__title1 {
  border: 1px solid #222;
  border-radius: 5px;
  width: 76px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  margin: 0 auto;
}

.main-visual__content .main-visual__title2 {
  margin-top: 44px;
  letter-spacing: 0.22em;
  font-size: 20px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .main-visual__content .main-visual__title2 {
    margin-top: 36px;
    font-size: 16px;
    letter-spacing: 0.18em;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__content .main-visual__title2 {
    margin-top: 28px;
    font-size: 16px;
    letter-spacing: 0.16em;
  }
}

.main-visual__content .main-visual__title3 {
  margin-top: 50px;
  letter-spacing: 0.22em;
  font-size: 36px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .main-visual__content .main-visual__title3 {
    margin-top: 40px;
    font-size: 28px;
    letter-spacing: 0.18em;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__content .main-visual__title3 {
    margin-top: 28px;
    font-size: 20px;
    letter-spacing: 0.16em;
  }
}

.main-visual__content .main-visual__title4 {
  margin-top: 40px;
  letter-spacing: 0.22em;
  font-size: 36px;
}

.main-visual__content .main-visual__title4 span {
  color: #009cab;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .main-visual__content .main-visual__title4 {
    margin-top: 32px;
    font-size: 28px;
    letter-spacing: 0.18em;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__content .main-visual__title4 {
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: 0.16em;
  }
}

.main-visual__content .main-visual__items {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .main-visual__content .main-visual__items {
    margin-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__content .main-visual__items {
    margin-top: 40px;
  }
}

.main-visual__content .main-visual__items .main-visual__item {
  width: 200px;
  position: relative;
}

.main-visual__content .main-visual__items .main-visual__item::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to bottom, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 1px 5px;
  background-repeat: repeat-y;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}

.main-visual__content .main-visual__items .main-visual__item:last-child::after {
  content: none;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .main-visual__content .main-visual__items .main-visual__item {
    width: 160px;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__content .main-visual__items .main-visual__item {
    width: 130px;
    font-size: 14px;
  }
}

.main-visual__content .main-visual__items .main-visual__item-img {
  width: 32px;
  height: 32px;
}

.main-visual__content .main-visual__items .main-visual__item-text {
  margin-top: 22px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

/* /main-visual */
.front-page a {
  text-decoration: none;
  color: #222;
}

/* menu */
.menu__section {
  position: relative;
}

.menu__section::after {
  position: absolute;
  content: "";
  background: url(../images/script1.png) no-repeat center center/contain;
  width: 750px;
  height: 450px;
  top: 0;
  right: 0;
  transform: translateY(-20%);
}

@media screen and (max-width: 767px) {
  .menu__section::after {
    width: 300px;
    transform: translateY(-30%);
  }
}

.menu__head {
  margin-bottom: 40px;
}

.menu__inner {
  position: relative;
  z-index: 2;
}

.menu__contents {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .menu__contents {
    display: block;
    margin-top: 30px;
  }
}

.menu__content {
  width: calc(50% - 20px);
}

@media screen and (max-width: 767px) {
  .menu__content {
    width: 100%;
  }

  .menu__content+.menu__content {
    margin-top: 20px;
  }
}

.menu__items {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 1000px) {
  .menu__item {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .menu__item {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .menu__item {
    width: 50%;
    float: left;
  }
}

.menu__item__link {
  display: flex;
  align-items: center;
  padding-left: 26px;
  position: relative;
  font-weight: 600;
  height: 44px;
  line-height: 1;
  font-size: 15px;
  transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
  .menu__item__link {
    padding-left: 20px;
  }
}

.menu__item__link:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.menu__item__link__icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center center/contain;
  top: 50%;
  left: 0;
  transition: all 0.4s ease 0s;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .menu__item__link__icon {
    width: 16px;
    height: 16px;
  }
}

.menu__treatment__items {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .menu__treatment__items {
    display: block;
  }
}

.menu__treatment__item {
  height: 60px;
  border: 1px solid #009cab;
  border-radius: 5px;
}

@media screen and (min-width: 1000px) {
  .menu__treatment__item {
    width: calc(33.3% - 20px);
  }

  .menu__treatment__item:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .menu__treatment__item {
    width: calc(50% - 40px);
  }

  .menu__treatment__item:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .menu__treatment__item {
    width: 100%;
  }

  .menu__treatment__item:nth-child(n+2) {
    margin-top: 16px;
  }
}

.menu__treatment__item a {
  display: flex;
  align-items: center;
  height: 60px;
  line-height: 60px;
  transition: all 0.4s ease 0s;
  position: relative;
}

.menu__treatment__item a::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center center/contain;
  top: 50%;
  right: 16px;
  transition: all 0.4s ease 0s;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .menu__treatment__item a::after {
    width: 16px;
    height: 16px;
  }
}

.menu__treatment__item a:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.menu__treatment__item a img {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-right: 40px;
}

.menu__button__items {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .menu__button__items {
    display: block;
    margin-top: 40px;
  }
}

.menu__button__item {
  background: #e2f2f3;
  color: #222;
  border-radius: 5px;
  padding: 20px 16px 20px 20px;
  width: calc(50% - 20px);
  display: flex;
  position: relative;
  transition: all 0.4s ease 0s;
}

.menu__button__item::after {
  position: absolute;
  content: "";
  background: url(../images/arrow.png) no-repeat center center/contain;
  bottom: 12px;
  right: 16px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 767px) {
  .menu__button__item::after {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 767px) {
  .menu__button__item {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
  }
}

.menu__button__item:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.menu__button__item__left {
  width: 250px;
}

.menu__button__item__left img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .menu__button__item__left {
    width: 80px;
  }
}

.menu__button__item__right {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .menu__button__item__right {
    margin-left: 20px;
    width: calc(100% - 100px);
  }
}

.menu__button__item__head {
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 767px) {
  .menu__button__item__head {
    font-size: 18px;
  }
}

.menu__button__item__text {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .menu__button__item__text {
    margin-top: 6px;
  }
}

/* /menu */
/* about */
.about__section {
  background: #ECF6F6;
  position: relative;
}

.about__section::after {
  position: absolute;
  content: "";
  background: url(../images/script2.png) no-repeat center center/contain;
  width: 500px;
  height: 450px;
  top: 0;
  right: 0;
  transform: translateY(-45%);
}

@media screen and (max-width: 767px) {
  .about__section::after {
    width: 250px;
  }
}

.about__content {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .about__content {
    display: block;
  }
}

.about__left {
  width: 465px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about__left {
    width: 380px;
  }
}

@media screen and (max-width: 767px) {
  .about__left {
    width: 100%;
    padding: 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .about__head {
    margin-bottom: 40px;
  }
}

.about__inner {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 1000px) {
  .about__inner {
    width: 560px;
    max-width: 100%;
    margin-left: auto;
    margin-right: 20px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about__inner {
    margin-left: 24px;
  }
}

.about__right {
  width: calc(50% - 20px);
  margin-left: 40px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about__right {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .about__right {
    width: calc(100% - 40px);
    margin-top: 60px;
  }
}

.about__lead {
  line-height: 180%;
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.22em;
}

@media screen and (max-width: 767px) {
  .about__lead {
    letter-spacing: 0.1em;
  }
}

.about__text {
  margin-top: 50px;
  letter-spacing: 0.05em;
}

.about__text p {
  margin-top: 24px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about__text {
    width: 380px;
  }
}

@media screen and (max-width: 767px) {
  .about__text {
    margin-top: 40px;
  }
}

.about__button {
  margin-top: 60px;
  display: block;
  width: 390px;
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  position: relative;
  border: 1px solid #009cab;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  transition: all 0.4s ease 0s;
}

.about__button::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center center/contain;
  top: 50%;
  right: 20px;
  transition: all 0.4s ease 0s;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .about__button::after {
    width: 16px;
    height: 16px;
  }
}

.about__button:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

/* /about */
/* /about__flow */
/* flow */
.flow__inner {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .flow__inner {
    display: block;
  }
}

.flow__content {
  width: calc(50% - 50px);
}

.info__content {
  width: calc(50% - 50px);
}

@media screen and (max-width: 767px) {
  .flow__content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .info__content {
    width: 100%;
    margin-top: 80px;
  }
}



/* flow */
.flow__items {
  width: 100%;
}

.flow__item {
  display: flex;
}

.flow__item+.flow__item {
  margin-top: 60px;
}

.flow__left {
  width: 36px;
}

.flow__left .flow__icon1 {
  display: block;
  width: 28px;
}

.flow__left .flow__icon2 {
  width: 36px;
}

.flow__left .flow__icon3 {
  width: 34px;
}

.flow__right {
  width: calc(100% - 66px);
  margin-left: 30px;
}

.flow__item-title {
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}

.flow__item-title span {
  color: #009cab;
  font-family: "Libre Baskerville", serif;
  margin-right: 20px;
}

.flow__item-text {
  margin-top: 12px;
}

/* calendar */
.calendar__link {
  color: #009cab !important;
  text-decoration: underline !important;
}

.calendar__content {
  width: 100%;
  margin-top: 30px;
}

.calendar__content iframe {
  max-width: 100%;
}

.calendar__text {
  margin-top: 10px;
  margin-left: 10px;
}

/* /calendar */
/* clinic */
.clinic {
  /* padding-top: 0; */
  padding-bottom: 0;
  background: #ECF6F6;
  position: relative;
}

/* .clinic::after {
  position: absolute;
  content: "";
  background: url(../images/script3.png) no-repeat center center/contain;
  width: 650px;
  height: 450px;
  top: 0;
  right: 0;
  transform: translateY(10%);
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .clinic::after {
    width: 280px;
    transform: translateY(-15%);
  }
} */

.clinic h3 {
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.22em;
}

@media screen and (max-width: 767px) {
  .clinic h3 {
    font-size: 17px;
  }
}

.clinic__bg {
  width: 100%;
  height: 400px;
}

.clinic__bg iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .clinic__inner {
    margin-top: 80px;
  }
}

.clinic__content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  letter-spacing: 0.05em;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .clinic__content {
    display: block;
    margin-top: 40px;
  }
}

.clinic__left {
  width: calc(50% - 50px);
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .clinic__left {
    width: calc(100% - 360px);
  }
}

@media screen and (max-width: 767px) {
  .clinic__left {
    margin-top: 40px;
    width: 100%;
  }
}

.clinic__row {
  padding: 20px 5px 20px 0;
  border-bottom: 1px solid #d9d9d9;
}

.clinic__row:last-child {
  border-bottom: none;
}

.clinic__row__text-link {
  text-decoration: underline;
  color: #009cab;
  padding-left: 28px;
  position: relative;
}

.clinic__row__text-link::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  transition: all 0.4s ease 0s;
  background: url(../images/check-icon.png) no-repeat center center / contain;
}

.clinic__tel-icon1 {
  width: 18px;
  margin-right: 10px;
}

.clinic__tel-icon2 {
  width: 14px;
  margin-right: 10px;
}

.clinic__tel-number__items {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .clinic__tel-number__items {
    display: block;
  }
}

.clinic__tel-number1,
.clinic__tel-number2 {
  font-size: 18px;
  color: #009cab;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}

.clinic__tel-number2 {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .clinic__tel-number2 {
    margin-left: 0;
    margin-top: 10px;
  }
}

.clinic__tel__text {
  margin-top: 10px;
}

.clinic__pay {
  font-weight: 600;
}

.clinic__button {
  text-decoration: none !important;
  margin-top: 30px;
  display: block;
  width: 390px;
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  position: relative;
  border: 1px solid #009cab;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  transition: all 0.4s ease 0s;
}

.clinic__button--reserve {
  color: #fff !important;
  background: #009cab;
}

.clinic__button--online{
  margin-top: 20px;
}

.clinic__button::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 20px;
  transition: all 0.4s ease 0s;
  transform: translateY(-50%);
}

.clinic__button--reserve::before {
  background: url(../images/calendar-icon-white.png) no-repeat center center/contain;
}

.clinic__button--online::before {
  background: url(../images/pc-icon.png) no-repeat center center/contain;
}

/* tab切り替え */
.tab {
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

.tab__menu {
  display: flex;
  align-items: flex-end; 
  justify-content: left;
  min-height: 50px; 
  padding: 0;
  margin: 0;
}

.tab__menu-item {
  width: 200px;
  max-width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #009cab;
  font-weight: 600;
  border: 1px solid #009cab;
  border-bottom: none;
  cursor: pointer;
  transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
  .tab__menu-item {
    width: 150px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
}

.tab__menu__border {
  border: 1px solid #009cab;
  margin: 0;
}

.tab__menu-item.is-active {
  color: #fff;
  background: #009cab;
} 

.tab__content{
  padding-top: 60px;
  display: none;
}

.tab__content.is-show {
  display: block;
}

.clinic__left{
  width: 50%;
}

@media screen and (max-width: 767px) {
  .tab__content{
    padding-top: 0;
  }
  .clinic__left{
    width: 100%;
    margin-top: 80px;
  }
}

.clinic__right{
  width: calc(50% - 40px);
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .clinic__right{
    width: 100%;
    margin-left: 0;
  }
}

/* /info */
/* news */
.info__news__item {
  padding: 40px 16px 20px 16px;
  transition: all 0.4s ease 0s;
  position: relative;
}

.info__news__item:first-child {
  padding-top: 0;
}

.info__news__item::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.info__news__item a {
  text-decoration: none;
  color: #222;
  transition: all 0.4s ease 0s;
}

.info__news__item a:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .info__news__item {
    width: 100%;
    padding: 16px 20px 16px 8px;
  }

  .info__news__item:after {
    right: 8px;
  }
}

.info__news__date {
  letter-spacing: 0.05em;
  color: #009cab;
  white-space: nowrap;
}

.info__news__title {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .info__news__title {
    margin-top: 10px;
  }
}

/* /news */
/* footer */
.footer {
  background: #00858a;
  color: #fff;
  padding: 120px 0 20px 0;
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 60px 0 20px 0;
  }
}

.footer__content {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .footer__content {
    display: block;
  }
}

.footer__left {
  width: 200px;
  margin-right: 10%;
}

@media screen and (max-width: 767px) {
  .footer__left {
    width: 100%;
  }
}

.footer__right {
  width: calc(90% - 200px);
}

@media screen and (max-width: 767px) {
  .footer__right {
    width: 100%;
    margin-top: 60px;
  }
}

.footer__menu__title {
  font-weight: 600;
  padding-bottom: 6px;
  border-bottom: 1px solid #d9d9d9;
}

#footer-nav-menu>li>a,
#footer-nav-category>li>a {
  line-height: 40px;
  text-decoration: none;
  color: #fff;
}

.footer__menu-sns>li>a {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.footer__menu-sns img {
  margin-right: 10px;
  width: 24px;
}

#footer-nav-category>li {
  display: inline-block;
  width: 48%;
  margin-right: 1%;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  #footer-nav-category>li {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #footer-nav-category>li {
    width: 100%;
  }
}

.footer__copy {
  margin-top: 100px;
  font-size: 14px;
}

/* /footer */
/* page-head */
.page-head {
  width: 100%;
  height: 180px;
  margin-top: 150px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-head {
    margin-top: 60px;
    height: 140px;
  }
}

@media screen and (max-width: 767px) {
  .page-head-pc-tab {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .page-head-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-head-sp {
    display: none;
  }
}

.page-head__left {
  background: #009cab;
  width: 50%;
}

@media screen and (min-width: 1000px) {
  .page-head__inner {
    width: 600px;
    max-width: 100%;
    margin-left: auto;
    padding-left: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .page-head__inner {
    margin-left: 24px;
  }
}

.page__head__title {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.22em;
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .page__head__title {
    position: absolute;
    z-index: 2;
    left: 16px;
    font-size: 20px;
    margin-top: 60px;
  }
}

.page-head__right {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .page-head__right {
    width: 100%;
  }
}

/* /page-head */
/* about-page */
.about-page__page-head__right {
  background: url(../images/bg-1.png) no-repeat top center/cover;
  position: relative;
}

.about-page__page-head__right::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #009cab, transparent);
  top: 0;
  left: 0;
}

.about-page .about-about__inner {
  display: flex;
}

@media screen and (max-width: 767px) {
  .about-page .about-about__inner {
    display: block;
  }
}

.about-page .about-about__left {
  width: 100%;

}

.about-page .about-about__right {
  margin-left: 100px;
  width: 100vw;
  margin-right: calc(50% - 50vw);
  max-width: fit-content;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .about-about__right {
    margin-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .about-about__right {
    margin-left: 0;
    margin-top: 60px;
  }
}

.about-page .about-about__lead {
  flex: 0 1 465px;
  line-height: 180%;
  font-size: 20px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.22em;
}

@media screen and (max-width: 767px) {
  .about-page .about-about__lead {
    letter-spacing: 0.1em;
  }
}

.about-page .about-about__text {
  flex: 0 1 465px;
  max-width: 100%;
  margin-top: 50px;
  letter-spacing: 0.05em;
}

.about-page .about-about__text p {
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .about-page .about-about__text {
    margin-top: 40px;
  }
}

.about-page .about-about__name {
  margin-top: 60px;
  font-family: "Noto Serif JP", serif;
}

.about-page .about-about__name span {
  font-size: 20px;
  margin-left: 32px;
  letter-spacing: 0.22em;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .about-page .about-about__name span{
    display: block;
    margin-left: 0;
    margin-top: 2px;
  }
}

.about-page .reason__slider {
  width: 100%;
  height: 400px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .reason__slider {
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .reason__slider {
    height: 200px;
  }
}

.about-page .reason__slider img {
  width: 400px;
  height: 400px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .reason__slider img {
    width: 300px;
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .reason__slider img {
    width: 200px;
    height: 200px;
  }
}

.about-page .doctors {
  padding-bottom: 60px;
}

.about-page .doctors__item:not(:first-child) {
  margin-top: 60px;
}

.about-page .about-about__career__row {
  padding: 30px 20px 30px 0;
  position: relative;
}

.about-page .about-about__career__row:last-child {
  padding-bottom: 0;
}

.about-page .about-about__career__row::before {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}

@media screen and (min-width: 1000px) {
  .about-page .about-about__career__row {
    display: flex;
  }
}

.about-page .about-about__career__term {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  flex: 0 0 160px;
}

.about-page .about-about__career__definition {
  flex: 0 1 auto;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .about-about__career__definition {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .about-about__career__definition {
    margin-top: 30px;
  }
}

.about-page .about-about__career__row:first-child {
  padding-top: 0;
}

.doctors__item__content__right .about-about__career__row:first-child::before {
  display: none;
}

.about-page h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}

.about-page .doctors__item__content {
  padding-bottom: 60px;
  border-bottom: 1px solid #009cab;
}

.about-page .doctors__item__content__left__name {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.22em;
  margin-top: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .about-page .doctors__item__content {
    display: flex;
  }

  .about-page .doctors__item__content__left {
    flex: 0 1 450px;
  }

  .about-page .doctors__item__content__right {
    flex: 0 1 750px;
    margin-left: 150px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .doctors__item__content__right {
    margin-left: 60px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .doctors__item__content__left{
    width: 100%;
  }
  .about-page .doctors__item__content__left img{
    width: 100%;
  }
  .about-page .doctors__item__content__right{
    margin-top: 40px;
  }
}

.about-page .reason__items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.about-page .reason__item {
  background: #F4F9FA;
  padding: 30px;
}

@media screen and (min-width: 1000px) {
  .about-page .reason__item {
    width: calc(33.3% - 20px);
  }

  .about-page .reason__item:not(:nth-child(3n+1)) {
    margin-left: 24px;
  }

  .about-page .reason__item:nth-child(n+4) {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .about-page .reason__item {
    width: calc(50% - 40px);
  }

  .about-page .reason__item:not(:nth-child(2n+1)) {
    margin-left: 24px;
  }

  .about-page .reason__item:nth-child(n+3) {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .about-page .reason__item {
    width: 100%;
    padding: 16px;
    margin-left: 0;
  }

  .about-page .reason__item:nth-child(n+2) {
    margin-top: 24px;
  }
}

.about-page .reason__item__title {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}

.about-page .reason__item__title span {
  color: #009cab;
  font-family: "Libre Baskerville", serif;
  margin-right: 20px;
}

.about-page .reason__item__text {
  margin-top: 16px;
}

.about-page .media__head {
  margin-bottom: 30px;
}

.about-page .media__items {
  display: flex;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .about-page .media__items {
    display: block;
  }
}

.about-page .media__img {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .about-page .media__img {
    width: 100%;
  }
}

/* /about-page */
/* price-page */
.price-page__page-head__right {
  background: url(../images/ryokin-head.jpg) no-repeat top center/cover;
  position: relative;
}

.price-page__page-head__right::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #009cab, transparent);
  top: 0;
  left: 0;
}

@media screen and (min-width: 1000px) {
  .price-page .price-page__content {
    display: flex;
    flex-direction: row-reverse;
  }
}

.price-page .price-page__side {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .price-page .price-page__side {
    width: 350px;
  }
}

.price-page .price-page__main {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .price-page .price-page__main {
    width: calc(100% - 390px);
    margin-right: 40px;
  }
}

.price-page .price-item:not(:first-child) {
  margin-top: 24px;
}

.price-page .price-menu__box-q {
  cursor: pointer;
  padding: 24px 12px 12px;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 0.5px solid #009cab;
  position: relative;
}

.price-page .price-menu__box-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 12px;
  bottom: 12px;
}

.price-page .price-menu__box-icon.is-open .price-menu__box-bar2 {
  transform: rotate(90deg);
}

.price-page .price-menu__box-bar1 {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #009cab;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 20px;
}

.price-page .price-menu__box-bar2 {
  position: absolute;
  width: 2px;
  height: 20px;
  background: #009cab;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  transition: all 0.8s ease 0s;
}

.price-page .price-menu__box-a {
  padding: 0px 0px 40px 0px;
  position: relative;
  display: none;
}

.price-page .price-menu__link {
  display: inline-block;
  width: 49%;
  text-decoration: none !important;
  color: #222 !important;
  padding: 24px 0 12px 24px;
  position: relative;
}

.price-page .price-menu__link:first-child {
  margin-right: 1%;
}

@media screen and (max-width: 767px) {
  .price-page .price-menu__link {
    width: 100%;
  }
}

.price-page .price-menu__link::before {
  position: absolute;
  content: "";
  background: url(../images/arrow.png) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  top: calc(50% + 6px);
  transform: translateY(-50%) rotate(90deg);
  right: 16px;
}

@media screen and (max-width: 767px) {
  .price-page .price-menu__link::before {
    width: 16px;
    height: 16px;
  }
}

.price-page .price-menu__link::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.price-page .price-table__item+.price-page .price-table__item {
  margin-top: 60px;
}

.price-page .price-table__title1 {
  margin-top: 60px;
  background: #009cab;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 12px 0 12px 16px;
}

.price-page .price-table__title1 a {
  text-decoration: underline;
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .price-page .price-table__title1 {
    padding-left: 8px;
  }
}

.price-page .price-table__title2 {
  margin-top: 30px;
  background: #ECF6F6;
  background: #e2f2f3;
  padding: 12px 0 12px 32px;
}

.price-page .price-table__title2 a {
  color: #222;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .price-page .price-table__title2 {
    padding-left: 16px;
  }
}

.price-page .price-table__text {
  margin-top: 10px;
  margin-left: 32px;
}

@media screen and (max-width: 767px) {
  .price-page .price-table__text {
    margin-left: 16px;
  }
}

.price-page .price-table__table {
  margin-top: 0px;
}

.price-page .price-table__row {
  padding: 30px 24px 12px 32px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.price-page .price-table__row::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .price-page .price-table__row {
    display: block;
    padding-left: 16px;
  }
}

.price-page .price-table__right {
  margin-left: 32px;
  margin-top: 6px;
}

@media screen and (max-width: 767px) {
  .price-page .price-table__right {
    margin-left: 0px;
  }
}

.price-page .price-caution__wrapper {
  margin-top: 40px;
  width: 350px;
  padding: 30px 20px;
  border: 1px solid #009cab;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .price-page .price-caution__wrapper {
    width: 100%;
  }
}

.price-page .price-caution__text p {
  margin-top: 8px;
}

.price-page .price-caution__banner {
  margin-top: 100px;
  width: 350px;
}

@media screen and (max-width: 767px) {
  .price-page .price-caution__banner {
    width: 100%;
    margin-top: 80px;
  }
}

/* /price-page */
/* reserve-page */
.reserve-page__page-head__right {
  background: url(../images/reserve-page-head.png) no-repeat center center/cover;
  position: relative;
}

.reserve-page__page-head__right::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #009cab, transparent);
  top: 0;
  left: 0;
}

.reserve-page .reserve__sub {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve__sub {
    margin-top: 80px;
  }
}

.reserve-page .reserve__text a {
  text-decoration: underline;
}

.reserve-page .reserve__link-line {
  margin-top: 40px;
  padding: 20px 20px 20px 0;
  display: flex;
  align-items: center;
  background: #00B900;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  width: 300px;
  height: 80px;
  line-height: 44px;
  transition: all 0.4s ease 0s;
  text-decoration: none;
}

.reserve-page .reserve__link-line:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.reserve-page .reserve__link-line img {
  margin-right: 10px;
}

.reserve-page .reserve__link-line .reserve__icon {
  margin-right: 2px;
  margin-top: 2px;
  margin-left: -15px;
  width: 80px;
  height: 80px;
}

.reserve-page .reserve-caution__content {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve-caution__content {
    display: block;
  }
}

.reserve-page .reserve-caution__left,
.reserve-page .reserve-caution__right {
  width: calc(50% - 50px);
}

@media screen and (max-width: 767px) {

  .reserve-page .reserve-caution__left,
  .reserve-page .reserve-caution__right {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve-caution__right {
    margin-top: 120px;
  }
}

.reserve-page .reserve-caution__left__text p,
.reserve-page .reserve-caution__right__text p {
  margin-top: 24px;
}

.reserve-page .reserve-caution__left__text span,
.reserve-page .reserve-caution__right__text span {
  color: #009cab;
}

.reserve-page .cancel__table {
  margin-top: 30px;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
}

.reserve-page .cancel__table__row {
  display: flex;
  justify-content: space-between;
  padding: 16px 12px;
  position: relative;
}

.reserve-page .cancel__table__row::after {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

.reserve-page .cancel__table__row:last-child::after {
  content: none;
}

.reserve-page .reserve__form__wrapper {
  margin-top: 30px;
  width: 100%;
  border: 1px solid #009cab;
  padding: 0 60px;
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve__form__wrapper {
    margin-top: 20px;
    padding: 0 16px 0;
  }
}

.reserve-page .reserve__form__wrapper h3 {
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #009cab;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve__form__wrapper h3 {
    font-size: 16px;
    padding: 4px 0px;
  }
}

.reserve-page .reserve__form__content {
  width: 760px;
  max-width: 100%;
  padding: 60px 0 60px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .reserve-page .reserve__form__content {
    padding: 20px 0 20px;
  }
}

.reserve-page .asterisk {
  color: #009cab;
}

.reserve-page .reserve-caution__under {
  width: 760px;
  max-width: 100%;
}

/* reserve-page */
/* contact-form7 */
.reserve__form__wrapper form {
  /* デフォルトのボタン */
  /* チェック前のボタン（ラジオボタン、チェックボックス） */
  /* チェック後のボタン */
}

@media screen and (min-width: 1000px) {
  .reserve__form__wrapper form p {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .reserve__form__wrapper form p {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper form p {
    margin-top: 30px;
  }
}

.reserve__form__wrapper form p label {
  position: relative;
  color: #222;
}

@media screen and (min-width: 1000px) {
  .reserve__form__wrapper form p label {
    display: flex;
    align-items: flex-start;
  }
}

.reserve__form__wrapper form p .label-head {
  width: 220px;
  min-width: 220px;
}

@media screen and (min-width: 1000px) {
  .reserve__form__wrapper form p .label-head {
    padding-left: 0px;
  }
}

.reserve__form__wrapper form input[type=text],
.reserve__form__wrapper form input[type=email],
.reserve__form__wrapper form input[type=tel],
.reserve__form__wrapper form input[type=date] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.46);
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 16px 12px;
  width: 500px;
  max-width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 999px) {

  .reserve__form__wrapper form input[type=text],
  .reserve__form__wrapper form input[type=email],
  .reserve__form__wrapper form input[type=tel],
  .reserve__form__wrapper form input[type=date] {
    width: 500px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {

  .reserve__form__wrapper form input[type=text],
  .reserve__form__wrapper form input[type=email],
  .reserve__form__wrapper form input[type=tel],
  .reserve__form__wrapper form input[type=date] {
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {

  .reserve__form__wrapper form input[type=text],
  .reserve__form__wrapper form input[type=email],
  .reserve__form__wrapper form input[type=tel],
  .reserve__form__wrapper form input[type=date] {
    margin-top: 8px;
  }
}

.reserve__form__wrapper form input[type=text]:focus,
.reserve__form__wrapper form input[type=email]:focus,
.reserve__form__wrapper form input[type=tel]:focus,
.reserve__form__wrapper form input[type=date]:focus {
  border: 1px solid rgba(0, 156, 171, 0.32);
  box-shadow: 0px 0px 3px rgba(0, 156, 171, 0.32);
  outline: none;
}

.reserve__form__wrapper form input[type=date] {
  width: 200px;
  padding: 0px 12px;
  height: 50px;
  text-align: left !important;
}

.reserve__form__wrapper form input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}

.reserve__form__wrapper form input[type=date]::after {
  content: "";
  background: url(../images/calendar-icon.png) no-repeat center center/contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 55%;
  left: 170px;
  transform: translateY(-50%);
}

.reserve__form__wrapper form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(../images/select-arrow.png) no-repeat center right 8px/16px 16px;
  color: #222;
  border: 1px solid rgba(0, 0, 0, 0.46);
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  padding: 16px 12px;
  width: 200px;
  max-width: 100%;
}

.reserve__form__wrapper form select::-ms-expand {
  display: none;
}

.reserve__form__wrapper form select:focus {
  border: 1px solid rgba(0, 156, 171, 0.32);
  box-shadow: 0px 0px 3px rgba(0, 156, 171, 0.32);
  outline: none;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .reserve__form__wrapper form select {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper form select {
    margin-top: 10px;
  }
}

.reserve__form__wrapper form textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.46);
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  padding: 12px;
  width: 500px;
  max-width: 100%;
  height: 240px;
  resize: vertical;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .reserve__form__wrapper form textarea {
    width: 500px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .reserve__form__wrapper form textarea {
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper form textarea {
    margin-top: 8px;
    width: 100%;
  }
}

.reserve__form__wrapper form textarea:focus {
  border: 1px solid rgba(0, 156, 171, 0.32);
  box-shadow: 0px 0px 3px rgba(0, 156, 171, 0.32);
  outline: none;
}

.reserve__form__wrapper form textarea.textarea-small {
  height: 76px;
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper form textarea.textarea-small {
    height: 100px;
  }
}

.reserve__form__wrapper form .wpcf7-form-control-wrap {
  width: 500px;
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper form .wpcf7-form-control-wrap {
    width: 100%;
  }
}

.reserve__form__wrapper form .wpcf7-list-item {
  margin: 0;
  margin-right: 20px;
}

.reserve__form__wrapper form .wpcf7-list-item-label {
  cursor: pointer;
  display: flex;
  display: block;
  height: 33px;
}

.reserve__form__wrapper form input[type=radio] {
  opacity: 0;
  /* デフォルトのボタンを非表示 */
  position: absolute;
}

.reserve__form__wrapper form .wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #aaa !important;
  border-radius: 100%;
  content: "";
  width: 22px;
  height: 22px;
  margin-bottom: auto;
  margin-right: 8px;
  margin-top: auto;
}

.reserve__form__wrapper form input[type=radio]:checked+.wpcf7-list-item-label::before {
  background-color: #009cab;
  /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 4px #fff;
  /* 中心の色のスタイル */
  width: 22px;
  height: 22px;
  border: 1px solid #aaa !important;
}

.reserve__form__wrapper form .wpcf7-form-control-wrap {
  display: block;
}

.reserve__form__wrapper form .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.reserve__form__wrapper form .wpcf7-list-item-label {
  /*項目の色や文字サイズ*/
  color: #222;
  cursor: pointer;
}

.reserve__form__wrapper form input[type=checkbox] {
  position: absolute;
  opacity: 0;
  /*既存のチェックボックスを見えなくする*/
}

.reserve__form__wrapper form input[type=checkbox]+.wpcf7-list-item-label::before {
  border-radius: 2px;
}

.reserve__form__wrapper form .wpcf7-list-item-label:before {
  /*チェックボックス、ラジオの枠*/
  content: "";
  border: 1px solid #aaa;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
  margin-right: 8px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}

.reserve__form__wrapper form input[type=checkbox]:checked+.wpcf7-list-item-label:after {
  /*チェックアイコン*/
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid #009cab;
  border-left: 3px solid #009cab;
  content: "";
  display: block;
  height: 10px;
  margin-top: -1px;
  opacity: 1;
  position: absolute;
  top: 13px;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.3s ease 0s;
  width: 22px;
}

.reserve__form__wrapper .wpcf7-submit {
  -webkit-appearance: none;
  background-color: #fff;
  color: #009cab;
  font-family: "Noto Sans JP", sans-serif !important;
  background-image: none;
  border: 1px solid #009cab;
  border-radius: 0;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 80px;
  width: 280px !important;
  padding: 0.8em 4em;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}

@media screen and (min-width: 1000px) {
  .reserve__form__wrapper .wpcf7-submit {
    margin-left: 222px;
  }
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper .wpcf7-submit {
    width: 100% !important;
  }
}

.reserve__form__wrapper .wpcf7-submit:hover,
.reserve__form__wrapper .wpcf7-submit:focus {
  outline: none;
}

.reserve__form__wrapper .wpcf7-submit:hover {
  transition: all 0.4s ease 0s;
  background-color: #009cab;
  color: #fff;
}

.reserve__form__wrapper .wpcf7-submit::-moz-foucus-inner {
  border: none;
  padding: 0;
}

.reserve__form__wrapper .required {
  display: inline-block;
  color: #009cab;
  font-size: 14px;
  line-height: 1;
  margin-left: 4px;
}

@media screen and (max-width: 767px) {
  .reserve__form__wrapper .required {
    font-size: 12px;
  }
}

/* /contact-form7 */
/* /202311 kono追加 */

/* 202407 kono追加 */
.choose-clinic__form__wrapper {
  background: #ECF6F6;
  margin-top: 20px;
  width: 100%;
  border: 1px solid #009cab;
  padding: 60px 60px;
}

@media screen and (max-width: 767px) {
  .choose-clinic__form__wrapper {
    padding: 40px 16px;
  }
}

.choose-clinic__form__content {
  width: 760px;
  max-width: 100%;
  margin: 0 auto;
}

.choose-clinic__form__content h3 {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .choose-clinic__form__content h3 {
    font-size: 16px;
  }
}
.choose-clinic {
  display: flex;
}

.choose-clinic label {
  margin-top: 30px;
}

.choose-clinic label+label {
  margin-left: 20px;
}

.reserve__form__wrapper {
  display: none;
}

.choose-clinic__form__wrapper form input[type=radio] {
  opacity: 0;
  position: absolute;
}

.choose-clinic__form__content label {
  font-size: 20px;
  display: inline-block;
  border-radius: 5px;
  background: #aaa;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.4s ease;
  transition: border-radius 0s;
}

.choose-clinic__form__content input[type="radio"] {
  display: none;
}

.choose-clinic__form__content input[type="radio"]:checked + span {
  background: #009cab;
  border-radius: 5px;
}

.choose-clinic__form__content span {
  display: inline-block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-size: 20px 20px; /* アイコンのサイズに合わせて調整 */
  transition: background-color 0.4s ease;
  transition: border-radius 0s;
  position: relative;
}

.choose-clinic__form__content span::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  background: url(../images/check-icon-white.png) no-repeat center center / contain;
}

@media screen and (max-width: 767px) {
  .choose-clinic{
    display: block;
  }

  .choose-clinic label+label {
    margin-left: 0;
    margin-top: 16px;
  }

  .choose-clinic__form__content span{
    display: block;
    font-size: 20px;
   
  }
}

.banner-img {
  margin-top: 10px;
  margin-bottom: 60px;
  padding: 0 !important;
  width: 100%;
}


/* social */
.social__page-head__right {
  background: url(../images/bg-social.png) no-repeat top center/cover;
  position: relative;
}
.social__page-head__right::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #009cab, transparent);
  top: 0;
  left: 0;
}
.social-page .social__head {
  display: inline-block;
}
.social-page .social__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .social-page .social__inner {
    display: block;
  }
}
.social-page .social__left {
  width: calc(50% - 100px);
  position: relative;
}
.social-page .social__left::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, #222, #222 1px, transparent 1px, transparent 4px);
  background-size: 1px 5px;
  background-repeat: repeat-y;
  top: 0;
  right: -100px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .social-page .social__left::after {
    right: -40px;
  }
}
@media screen and (max-width: 767px) {
  .social-page .social__left::after {
    content: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .social-page .social__left {
    width: calc(50% - 40px);
  }
}
.social-page .social__right {
  width: calc(50% - 100px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .social-page .social__right {
    width: calc(50% - 40px);
  }
}
@media screen and (max-width: 767px) {
  .social-page .social__left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .social-page .social__right {
    width: 100%;
    margin-top: 80px;
  }
}
.social-page .social__item {
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  background: #009cab;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  height: 75px;
  line-height: 44px;
  transition: all 0.4s ease 0s;
  padding-right: 10px;
  margin-top: 30px;
}
.social-page .social__item:hover {
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}
.social-page .social__item + .social-page .social__item {
  margin-top: 30px;
}
.social-page .social__item img {
  margin-right: 10px;
}
.social-page .social__item--line {
  background: #00B900;
}
.social-page .social__item--line img {
  margin-left: 6px;
}
.social-page .social__item--insta {
  background: linear-gradient(45deg, #F09433, #E6683C, #DC2743, #CC2366, #BC1888);
}
.social-page .social__item--insta img {
  width: 40px;
  margin-left: 24px;
  margin-right: 20px;
}