@charset "UTF-8";
/*
Theme Name: XeoryExtension
Theme URI: http://xeory.jp/extension
Description: Xeory拡張テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 0.2.2
*/
/* all display
-------------------------------------------------- */
.wrap {
  width: 100%;
  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;
}
.page{
  padding:0px 20px;
}

.main-inner {
/*   margin-right: 358px; */
	width:96%;
	margin:0px auto;
}

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

.left-content #main {
  width: 100%;
  float: left;
}
.left-content .main-inner {
  margin-right: 358px;
  margin-left: 0;
}
.left-content #side {
  width: 310px;
  float: left;
  margin-left: -310px;
}

.right-content #main {
  width: 100%;
  float: left;
}
.right-content .main-inner {
  margin-left: 358px;
  margin-right: 0;
}
.right-content #side {
  width: 310px;
  float: left;
  margin-left: -100%;
}

.one-column #content .wrap {
  width: 100%;
}
.one-column #content .wrap #main {
  width: 100%;
  float: none;
}
.one-column #content .wrap #main .main-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.one-column #content .wrap #side {
  display: none;
}

/* table
-------------------------------------------------- */
table {
  width: 100% !important;
}

table td, table th {
  word-break: break-all;
  text-align: left;
}

/* ハンバーガーメニュー  */
#nav-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  top: 0px;
  z-index: 10000;
}
#nav-container .bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: calc(100% - 0px);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background: #000;
}
/* #nav-container:focus-within .bg {
  visibility: visible;
  opacity: .6;
} */
/* #nav-container * {
  visibility: visible;
} */
#nav-container .bg.open {
  visibility: visible;
  opacity: .6;
}

#nav-container .button{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 20;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  height: 30px;
  width: 30px;
  cursor: pointer;
  pointer-events: auto;
  margin:5px 0px 0px 15px;
  /* touch-action: manipulation; */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#nav-container:after{
    content:'MENU';
    position: absolute;
    top:40px;
    left: 14px;
    font-size: .7rem;
    color:#ccc;
    z-index: 100;
}
.icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background: #aaa;
  transition: .3s;
}
.icon-bar + .icon-bar {
  margin-top: 5px;
}

#nav-container:focus-within .button {
  /* pointer-events: none; */
}
/* #nav-container:focus-within .icon-bar:nth-of-type(1) {
  transform: translate3d(0,
  8px,0) rotate(45deg);
}
#nav-container:focus-within .icon-bar:nth-of-type(2) {
  opacity: 0;
}
#nav-container:focus-within .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
} */

#nav-container .button.open .icon-bar:nth-of-type(1) {
    transform: translate3d(0,
    8px,0) rotate(45deg);
}
#nav-container .button.open .icon-bar:nth-of-type(2) {
  opacity: 0;
}
#nav-container .button.open .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}

#nav-container-lp {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  top: 0px;
}
#nav-container-lp .bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: calc(100% - 0px);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background: #000;
}
#nav-container-lp .bg.open {
  visibility: visible;
  opacity: .6;
}

#nav-container-lp .button{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 20;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  height: 30px;
  width: 30px;
  cursor: pointer;
  pointer-events: auto;
  margin:22px auto 15px;
  /* touch-action: manipulation; */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  width: 100%;
  max-width: 1000px;
}
#nav-container-lp .button .button_container{
  position: absolute;
  right:0px;
  top:0px;
  background-color: #666;
  padding: 10px;
  border-radius: 5px;

}
#nav-container-lp .button .icon-bar{
  right:0px;
  width: 30px;
  background-color: #fff;
}
.icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background: #aaa;
  transition: .3s;
}
.icon-bar + .icon-bar {
  margin-top: 5px;
}

#nav-container-lp:focus-within .button {
  /* pointer-events: none; */
}

#nav-container-lp .button.open .icon-bar:nth-of-type(1) {
    transform: translate3d(0,
    8px,0) rotate(45deg);
}
#nav-container-lp .button.open .icon-bar:nth-of-type(2) {
  opacity: 0;
}
#nav-container-lp .button.open .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}
#nav-content-lp {
  margin-top: 70px;
  padding: 20px;
  width: 90%;
  /* max-width: 300px; */
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 0px);
  background: #ececec;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transform: translateX(100%);
  transition: transform .8s;
  will-change: transform;
  contain: paint;
}
#nav-content-lp.open{
  transform: translate(0);
}

#nav-content-lp .information{
    margin:0px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
#nav-content-lp .information > div{
    border-radius: 10px;
    width: 48%;
    text-align: center;
}
#nav-content-lp .information > div i {
    font-size: 2rem;
    margin-right: 30px;
}
#nav-content-lp .information > div a{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    margin:10px;
    font-size: .9rem;
}
#nav-content-lp .information > div a:hover{
    text-decoration: none;
}
#nav-content-lp .information .linebtn{
  background-color: #2cb900;
}
#nav-content-lp .information .mailbtn{
  background-color: #a26f35;
}

#nav-content-lp ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#nav-content-lp li{
    position: relative;
}

#nav-content-lp li a {
  padding: 10px 5px;
  display: block;
  text-transform: uppercase;
  transition: color .1s;
  border-bottom:1px solid #ccc;
}
#nav-content-lp li :after{
    position:absolute;
    content:'▶︎';
    right:5px;
    font-size: .8rem;
}

#nav-content-lp li a:hover {
  color: #BF7497;
}

#nav-content-lp li:not(.small) + .small {
  margin-top: auto;
}

#nav-content {
  margin-top: 55px;
  padding: 20px;
  width: 90%;
  max-width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 0px);
  background: #ececec;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transform: translateX(-100%);
  transition: transform .3s;
  will-change: transform;
  contain: paint;
}
#nav-content.open{
  transform: translate(0);
}

#nav-content .information{
    margin:0px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
#nav-content .information > div{
    border-radius: 10px;
    width: 48%;
    text-align: center;
}
#nav-content .information > div a{
    display: block;
    color:#fff;
    margin:10px;
    font-size: .9rem;
}
#nav-content .information > div a:hover{
    text-decoration: none;
}
#nav-content .information .login{
  background-color: #c9ad96;
}
#nav-content .information .contact_btn{
  background-color: #ec7c97;
}

#nav-content ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#nav-content li{
    position: relative;
}

#nav-content li a {
  padding: 10px 5px;
  display: block;
  text-transform: uppercase;
  transition: color .1s;
  border-bottom:1px solid #ccc;
}
#nav-content li :after{
    position:absolute;
    content:'▶︎';
    right:5px;
    font-size: .8rem;
}

#nav-content li a:hover {
  color: #BF7497;
}

#nav-content li:not(.small) + .small {
  margin-top: auto;
}

.small {
  display: flex;
  align-self: center;
}

.small a {
  font-size: 12px;
  font-weight: 400;
  color: #888;
}
.small a + a {
  margin-left: 15px;
}

/* #nav-container:focus-within #nav-content {
  transform: none;
} */


/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
  /* laptop */
  .wrap,
  .one-column #content .wrap {
    /* margin-left: 36px;
    margin-right: 36px; */
    width: auto;
  }

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

  /* laptop end */
}
@media screen and (max-width: 991px) {
  /* tablet */
  .wrap,
  .one-column #content .wrap {
    margin-left: 24px;
    margin-right: 24px;
  }


  #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: 12px;
    margin-right: 12px;
  }
	.post-content .ranking01{
		width:100%;
	}


  /* phone end */
}
/* ----------------------------------------
* フォント設定
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
  background: url("./lib/images/bg.png");
  color: #241913;
}

a {
  text-decoration: none;
  color: #8e7a5e;
}
a:hover {
  text-decoration: underline;
}

/* form
---------------------------------------- */
form input[type="submit"],
form button {
  background: #3B4552;
  color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
  cursor: pointer;
}

/* ----------------------------------------
* header
---------------------------------------- */
#header {
    padding:0px;
    margin-top: 12px;
    overflow: visible;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction:column;
    width: 100%;
    height: 87px;
    z-index: 2;
}
#header #logo {
    margin: 0px auto 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    position: absolute;
    flex-direction: column;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
    padding: 10px;
    z-index: 2;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px !important; */
}
#header #logo a{
    display: block;
}
#header #logo .sns{
    display: flex;
    align-items: center;
    justify-content: center;
}
#header #logo .sns>div{
    display: inline-block;
    line-height: 1;
}
#header #logo object{
    width: 100%;
    pointer-events: none;
}
#header #logo .header-sns{
    position: absolute;
    top: 47px;
    right: -30px;
}
#header #logo .header-sns i.fa-instagram {
    color: #666;
    font-size: 1.2rem;
}


#header .gnav-wrap{
  text-align: center;
  position: relative;
  padding:0px;
  width: 100%;
}
#header.fixed{
    padding:8px 0px;
    align-items:center;
    flex-direction: row-reverse;
    margin-top: 0px;
    height: auto;
    background: rgba(255,255,255,.9);
}
#header.fixed #logo{
    position: relative;
    left: initial;
    margin: 0px;
    background:none;
    width:110px;
    height:auto;
    top: 0px;
    padding: 0px;
    margin-left: 80px;
    box-shadow: none !important;
    flex-direction: row;
}
#header.fixed #logo .header-sns{
    position: absolute;
    top: 17px;
    right: -30px;
}
#header.fixed .gnav-wrap{
  width: 48%;
}
.header_info{
  position: relative;
  float: right;
  right: 10px;
  top: 0px;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  /* max-width: 480px; */
  max-width: 400px;
  width: 45%;
  z-index: 1;
}
.header_info a:hover{
  text-decoration: none;
}
.header_info .login{
  background-color: #c9ad96;
  padding: 8px 20px;
  color: #fff;
  float: left;
  font-size: .9rem;
  text-align: center;
  /* font-weight: bold; */
}
.header_info .login a{
    color:#fff;
}
.header_info .contact{
  padding:0px 5px;
  line-height: 1.1rem;
}
.header_info .contact span{
  font-size: .7rem;
}
.header_info .contact .tel a{
  font-weight: bold;
  font-size: 1.4rem;
  color:#000;
}
.header_info .contact_btn{
  padding: 8px 10px;
  /* margin-top:10px; */
  font-size: .9rem;
  font-weight: 700;
  color: #fff;
  background-color: #ec7c97;
  text-align: center;
}
.header_info .contact_btn .fss{
    font-size: .7rem;
    font-weight: 200;
}
.header_info .contact_btn a{
    color:#fff;
}

/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb-area {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  width: 96%;
  margin:0px auto;
}
.breadcrumb-area .wrap {
  padding: 10px 0;
}

.breadcrumb {
  margin: 0;
  margin-left: -10px;
  overflow: hidden;
  font-size: 13px;
  padding: 0;
  line-height: 22px;
}
.breadcrumb li {
  float: left;
  margin-left: 10px;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}


.fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */
#gnav {
  /* max-width: 1200px; */
  margin:0px auto;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px !important; */
}
#gnav.fixed ul li a{
    padding:10px 20px;
}
#gnav .sub-menu {
  z-index: 10;
}
#gnav ul{
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: space-around;
  flex-wrap: nowrap;
  max-width: 1000px;
  margin:0px auto;
  font-weight: 600;
  font-size: .9rem;
}
#gnav ul li {
  position: relative;
  width: 100%;
}

#gnav ul.clearfix:after {
    display: none;
}
#gnav ul li:hover a {
}
#gnav ul li.current-menu-item a {
  color:#c9ad96;
}
#gnav ul li a {
  display: block;
  padding:5px 20px;
  text-align: center;
  color: #2b2b2b;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}
#gnav ul li a:hover {
  background-color:#eee;
  cursor: pointer;
}
#gnav ul li a:hover .sub-menu {
  display: inline-block;
}
#gnav ul li .sub-menu {
  font-size: 14px;
  text-align: left;
  display: none;
  position: absolute;
  /* width: 250px; */
  width: 100%;
  background: #fff;
  border: 1px #e5e5e5 solid;
}
#gnav ul li .sub-menu li {
  float: none;
  margin-left: 0;
  border-bottom: 1px #e5e5e5 solid;
  display: block;
}
#gnav ul li .sub-menu li:list-child {
  border-bottom: none;
}
#gnav ul li .sub-menu li a {
  color: #3B4552;
  padding: 10px 15px;
}
#gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #3B4552;
}
#gnav ul li .sub-menu .sub-menu {
  left: 100%;
  top: -1px;
}

#header-right {
  float: right;
}

#header-fnav-area,
#header-gnav-area {
  width: 100%;
}

#header-fnav-area {
  width: 150px;
  position: relative;
}
#header-fnav-area #header-fnav-btn a {
  display: block;
  padding: 22px 12px;
  line-height: 24px;
  font-size: 23px;
  height: auto;
  text-align: center;
  background: #57bca8;
}
#header-fnav-area #header-fnav-btn a:hover {
  text-decoration: none;
}
#header-fnav-area #header-fnav {
  z-index: 10;
  font-size: 14px;
  text-align: left;
  display: none;
  position: absolute;
  right: 0;
  width: 200px;
  background: #fff;
  border: 1px #e5e5e5 solid;
}
#header-fnav-area #header-fnav li {
  float: none;
  margin-left: 0;
  border-bottom: 1px #e5e5e5 solid;
  display: block;
}
#header-fnav-area #header-fnav li:list-child {
  border-bottom: none !important;
}
#header-fnav-area #header-fnav li a {
  color: #3B4552;
  background: #fff;
  padding: 10px 15px;
  display: block;
}
#header-fnav-area #header-fnav li a:hover {
  background: #fafafa;
  color: #3B4552;
  text-decoration: none;
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
  /* padding: 52px 0; */
  /* キャプション */
}
#content .wrap {
  overflow: visible;
}
#content .wp-caption {
  max-width: 100%;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 5px;
  margin-bottom: 12px;
}
#content .wp-caption-text {
  padding: 12px 16px;
  margin-bottom: 0;
  text-align: center;
}

/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home #content {
  padding-bottom: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #main {
  width: 100%;
  margin: 0;
  float: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .main-inner {
  margin: 0;
}
body.home .wrap {
  width: 100%;
  padding:0px !important;
  margin: 0 auto;
}
body.home #main_visual {
  background-image:url(https://lim-gym.jp/wp/wp-content/uploads/2019/12/mainbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
    color: #fff;
  text-align: center;
  position: relative;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}
/* front page */
body.home #main_visual h2 {
  font-size: 1.5rem;
}
body.home #main_visual p{
	display:none;
}
body.home #main_visual .catch{
    writing-mode: vertical-rl;
    position: absolute;
    left:30px;
    top:20px;
    font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.4rem;
    letter-spacing: 10px;

}
body.home #main_visual .fukidashi{
    position: absolute;
    right:0px;
    top:40px;

}
body.home #main_visual .fukidashi .ribbon {
	position: relative;
    padding: 0px 10px 0px 10px;
    background: #ec7c97;
    font-size: .9rem;
    font-weight: bold;
    z-index: 1;
    color: #ffffff;
    letter-spacing: 5px;
}
body.home #main_visual .fukidashi .txt{
    text-align: right;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.3;
    margin: 5px;
    padding-right: 10px;
}
body.home #main_visual .fukidashi .txt .kei{
    margin-left: 10px;
    border:1px solid #fff;
    padding:2px 5px;
    color:#fff;
    font-size: 1rem;
}
body.home #main_visual h1 {
  font-size: 30px;
  text-shadow: 0px 1px 1px #ccc;
  margin-bottom: 24px;
  font-weight: 200;
  line-height: 1.4em;
  margin-top:-.5em;
  letter-spacing: 1px;
}
body.home #main_visual  span.b{
    font-weight: 500;
}
body.home #main_visual p {
  font-size: 15px;
  width: 600px;
  margin: 0 auto;
}
body.home #main_visual .btns{
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position:absolute;
    right: 440px;
    bottom:20px;
}
body.home #main_visual .btns>div{
    width: 45%;
}
body.home #main_visual .circle_cont{
  position: absolute;
  bottom:10px;
  right: 30px;
  width: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
body.home .circle{
  border:3px solid #c9ad96;
  background-color: #fff;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  color:#1b1b1b;
  font-size: 1.2rem;
  line-height: 1.1em;
}
body.home .circle .gold{
    color:#958074;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1em;
}
body.home .circle .italic{
  font-style: italic;
  font-size: 2rem;
}
body.home .circle .pick{
  color:#958074;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1em;
}
body.home .circle .pick .fs{
  font-size: .9rem;
  display: block;
  line-height: 1.3em;
}
body.home .circle .fss{
  font-size: .8rem;
  line-height: 1.2em;

}
/*汎用css*/
.fss{
  font-size: .8rem;
}
.fwb{
  font-weight: bold;
}
.mt10{
  margin-top:10px;
}
.mt50{
  margin-top:50px;
}
.ml5{
  margin-left: 5px;
}
.dpib{
  display: inline-block;
}
@media screen and (min-width:769px){
.sp{ display:none; }
}
@media screen and (max-width:768px){
.pc{ display:none; }

}
/*TOPページ*/
body.home .fv_{

}
body.home .fv_catch{
  display: block;
  margin:30px 0px;
}
body.home .fv_catch h2{
  text-align: center;
  font-size: 1.55rem;
  letter-spacing: 5px;
}
body.home .fv_catch .price{
  text-align: center;
}
body.home .fv_catch .price h3{
  font-size: 2rem;
}
body.home .fv_catch .price p{
  font-size: 1.5rem;
  letter-spacing: 3px;
}
body.home .fv_catch .price .fsb{
  font-size: 4rem;
  font-weight: bold;
  font-weight:400;
  letter-spacing:5px;
	margin: 0px 7px;
}
/* TOPページ */
/*LIM について*//*LIM スタジオなど*/ /*LIM スタジオ/トレーナー紹介 アクセスなど*/
.toppage {
    margin:0px auto;
    max-width: 1100px;
    z-index: 1;
}
.toppage .fv{
  text-align: center;
}
.toppage .fv .mb30{
  margin-bottom:30px;
}
.toppage .fv .point{
  position: relative;
  text-align: center;
  margin-top:-50px;
}
.toppage .fv .point .midashi{
  width: 70%;
  display: block;
  padding: 10px;
  text-align: center;
  background-color:  #f92b79;
  color:#fff;
  border-radius: 10px;
  margin:0px auto;
  font-size: 1.8rem;
  position: absolute;
  left: 15%;
  top:-50px;
  z-index: 1;
}
.toppage .fv .point .midashi .db{
  display: block;
}

.toppage .fv .slide_container{
  background-image:url(https://lim-gym.jp/wp/wp-content/themes/xeory_extension/images/lp/202110/point_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding:100px 10px 50px;
  margin: 50px auto;
}
.toppage .fv .slide_container .block{
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #fff;
  padding:10px;
  border-radius: 10px;
  margin: 0px 0px 20px;
  /* height: 450px; */
}
.toppage .fv .slide_container .block .image{
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height:210px;
}
.toppage .fv .slide_container .block .image img{
  object-fit: cover;
  width:100%;
  height: 100%;
}
.toppage .fv .slide_container .block .txt{
  margin: 10px auto;
  font-size: 1rem;
}
.toppage .fv .slide_container .block .txt .catch{
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 10px auto;
  text-align:left;
  font-weight: bold;
  height: 100px;
  color:#f92b79;
}
.toppage .fv .slide_container .block .txt .catch span{
    color:#d694ab;
    display: inline-block;
}
.toppage .fv .slide_container .block .txt p{
  font-weight: normal;
  margin: 0px auto;
  height: 100px;
  text-align: left;
}

.toppage .fv .swipe{
  display: none;
}
.toppage .fv .swipe .finger{
  width: 10px;
  margin-right: 10px;
  animation: move-x .7s infinite alternate ease-in-out;
}
@keyframes move-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(3px);
  }
}

.toppage .fv .zyoken{
  background-color: #fff;
  width: 100%;
  display: inline-block;
  padding-bottom:80px;
}
.toppage .fv .zyoken:before{
  display: block;
  position: relative;
  top: -19px;
  left: 0;
  width: 100%;
  height: 20px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.toppage .fv .zyoken ul{
  margin: 0px auto;
  padding: 0px 10px;
}
.toppage .fv .zyoken ul li{
  font-size: 11px;
  list-style-type: none;
  padding:0px 5px;
  margin-bottom:5px;
}


.toppage .cta{
  margin: 30px auto;
}
.toppage .cta a{
    display: block;
}
.toppage section{
  display: block;
  text-align: center;
  margin-top:80px;
}
.toppage section h2{
  margin:0px auto 10px;
  font-size: 1.8rem;
  font-weight: 200;
  text-align: center;
}
.toppage section h2 span{
  font-weight: 500;
}
.toppage section h2+p{
  font-size:1.35rem;
}
.toppage section .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction:row;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0px auto 30px;
}
.toppage section .container h2.studiottl{
  width: 100%;
  display: block;
}
.toppage section .container .block{
  width: 48%;
  text-align: left;
  margin-bottom:40px;
}
.toppage section .container .block .ttl{

}
.toppage section .container .block.full{
  width: 100%;
}

.toppage section .container .block .thumb{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 190px;
  color:#fff;
  position: relative;
}
.toppage section .container .block .thumb p{
  position: absolute;
  left:10px;
  top:20px;
  color:#fff;
  font-size:1rem;
  font-weight: 200;
}
.toppage section .container .block .thumb h2{
/* font-size: 3.6rem; */
font-size: 2.8rem;
font-weight: 500;
line-height: 2.4rem;
text-align: left;
letter-spacing: 8px;
margin-bottom: 0px;
}
.toppage section .container .block .thumb h2 span.new{
  color:#f8b930;
  display: inline;
  font-size: 1.5rem;
  font-weight: bold;
}
.toppage section .container .block .thumb h2 span{
    display: block;
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 2px;
}
.toppage section .container .block .thumb h2 span.jirei{
    display: inline-block;
    margin: 0px;
}
.toppage section .container .block .thumb.system{
  background-image:url(./images/top/system_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.about{
  background-image:url(./images/top/about_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.program{
  background-image:url(./images/top/program_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.studio{
  background-image:url(./images/top/studio_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.studio p, .toppage section .container .block .thumb.studio h2{
    color:#000 !important;
}
.toppage section .container .block .thumb.trainer{
  background-image:url(./images/top/trainer_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.howto{
  background-image:url(./images/top/howto_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.shinsaibashi{
  background-image:url(./images/top/shinsaibashi_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.shinsaibashi span.new{
  color:#f8b930;
  font-size: 1rem;
  font-weight: bold;
  margin-left: 10px;
}
.toppage section .container .block .thumb.umeda{
  background-image:url(./images/top/umeda_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.ebisu{
  background-image:url(./images/top/ebisu_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.program_hf{
  background-image:url(./images/top/program_btn_half_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.faq{
  background-image:url(./images/top/faq_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block .thumb.beforeafter{
  background-image:url(./images/top/beforeafter_btn_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.toppage section .container .block h3{
  margin-top:10px;
  padding:0px 15px;
  font-weight:bold;
  font-size: 1.3rem;
}
.toppage section .container .block p{
  padding:0px 15px;
  line-height: 1.5;
  font-weight: 200;
  min-height: 3em;
}
.toppage section .container .block .btn{
  float: right;
  background-color:#8e7a5e;
  color:#fff;
  font-size: 1.1rem;
}
.toppage section .container .block .btn a{
    color: #fff;
    margin: 5px 30px;
    display: inline-block;
    font-size: 1rem;
}
.toppage section .container .block.one{
  width: 100%;
}
.toppage section .container .block.one .thumb {
 justify-content: space-between;
}
.toppage section .container .block.one .thumb h2{
  margin:0px 30px;
  width: 40%;
}
.toppage section .container .block.one .cap{
  float: right;
  width: 50%;
  margin-right: 20px;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
/*education ブロック*/
/* ３つのポイント */
.toppage section.cont2_education .three_point{
    margin:50px auto;
    text-align: center;
}
.toppage section.cont2_education .three_point h2{
    font-size: 1.8rem;
    font-weight: 200;
}
.toppage section.cont2_education .three_point h2+p{
    font-size: 1rem;
}
.toppage section.cont2_education .three_point h2 span.pink{
    color:#ff3366;
}
.toppage section.cont2_education .three_point .block{
    width: 85%;
    margin:0px auto;
    display: inline-block;
    border:1px solid #666;
    padding:35px 35px 0px;
    margin-bottom: 30px;
}
.toppage section.cont2_education .three_point .cap{
    line-heighst: 1.3em;
}
.toppage section.cont2_education .three_point .cap p{
    margin:0px auto;
}
.toppage section.cont2_education .three_point .cap span{
    text-align: right;
    width: 60%;
    margin-top:15px;
    display: inline-block;
}
.toppage section.cont2_education .three_point .block .cont{
    margin-bottom:30px;
    line-height: 1.7em;
    color:#1b1b1b;
}
.toppage section.cont2_education .three_point  br{
    display: none;
}
.toppage section.cont2_education .three_point .block .cont h3{
    color:#8e7a5e;
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
}
.toppage section.cont2_education .three_point .block .cont p{
    font-weight: 300;
    padding:5px;
    line-height: 1.9em;
    font-size: 1.2rem;
    text-align: left;
}
.toppage section.campaign figure{
    background-color: #ccc;
    width: 100%;
    height:400px;
}
.toppage section.newstopics{
    padding:0px 25px;
}
.toppage section.newstopics h2{
    text-align: left;
    font-size: 1.5rem;
}
.toppage section.access .map{
    width: 100%;
}
.toppage section.access .map iframe{
    width: 100%;
    height: 500px;
}
.toppage section.access .accessinfo{
    width: 75%;
    margin:25px auto;
    color: #1b1b1b;
}
.toppage section.access .accessinfo dl{
    display: inline-block;
    width: 100%;
}
.toppage section.access .accessinfo dl dt{
    width: 15%;
    float: left;
    text-align: left;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0px;
}
.toppage section.access .accessinfo dl dd{
    width: 85%;
    float: left;
    line-height: 1.5em;
    margin: 0px;
    text-align: left;
    font-weight: 200;
}



body.home .front-loop {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
  padding: 0;
  margin-left: -2.2%;
  margin-bottom: 40px;
}
body.home .front-loop h2 {
  text-align: center;
  padding: 24px 0;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 24px;
}
body.home .front-loop .popular_post_box {
  width: 95%;
  margin:0px auto;
  display: inline-block;
  position: relative;
}
body.home .front-loop .popular_post_box a{
width: 100%;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items: center;
}
body.home .front-loop .popular_post_box a,
body.home .front-loop .popular_post_box img,
body.home .front-loop .popular_post_box h3,
body.home .front-loop .popular_post_box .p_category,
body.home .front-loop .popular_post_box ul {
  margin-bottom: 12px;
  margin-top: 0;
}
body.home .front-loop .popular_post_box h3 {
  color: #241913;
  font-weight: normal;
  font-size: 16px;
  width: 80%;
  text-align: left;
  margin: 0px;
}
body.home .front-loop .popular_post_box h3 a {
  color: #241913;
}
body.home .front-loop .popular_post_box h3 a:hover {
  color: #FF6C00;
  text-decoration: underline;
}
body.home .front-loop .popular_post_box img {
  max-width: 160px;
  height: auto;
}
body.home .front-loop .popular_post_box ul {
  overflow: hidden;
}
body.home .front-loop .popular_post_box ul li {
  float: left;
  width: 25%;
  text-align: left;
}
body.home .front-loop .popular_post_box ul li .fa {
  margin-right: 8px;
}
body.home .front-loop .popular_post_box ul li .share {
  display: none;
}
body.home .front-loop .popular_post_box ul a {
  color: #241913;
}
body.home .front-loop .popular_post_box ul a:hover {
  color: #FF6C00;
  text-decoration: underline;
}
body.home .front-loop .popular_post_box .p_category {
  background: #d11f7d;
  color: #fff;
  display: inline-block;
  padding: 8px 31px;
  font-size: 12px;
  color: #fff;
  max-width: 120px;
  margin:0px 10px;
}
body.home .front-loop .popular_post_box .p_rank {
  position: absolute;
  top: 0;
  left: 0;
  background: #900;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: .7;
}
body.home .front-loop .popular_post_box .p_rank span {
  font-size: 16px;
}
body.home .front-loop .popular_post_box .p_date {
  position: relative;
  color:#1b1b1b;
  font-size: 12px;
}
body.home .front-loop .front-loop-cont {
  padding: 40px 0;
  overflow: hidden;
}
body.home .front-loop article.post {
  border: none;
  margin-bottom: 20px;
}
body.home .front-loop article.post.rank-1 .p_rank {
  background: #D6B038;
}
body.home .front-loop article.post.rank-2 .p_rank {
  background: #BFC4C9;
}
body.home .front-loop article.post.rank-3 .p_rank {
  background: #B9704E;
}
body.home .front-loop article.post.rank-4 .p_rank, body.home .front-loop article.post.rank-5 .p_rank {
  background: #47442F;
}
body.home .front-main-cont .front-cont-header {
  position: relative;
  padding: 16px 0 24px;
  background: #3B4552;
  color: #fff;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .front-main-cont .front-cont-header .cont-icon {
  font-size: 28px;
}
body.home .front-main-cont .front-cont-header .cont-title {
  font-size: 28px;
  margin: 0;
}
body.home .front-main-cont .front-cont-header .cont-ruby {
  font-size: 13px;
  margin: 0;
}
body.home .front-main-cont .tri-border {
  position: absolute;
  bottom: -18px;
  width: 100%;
  z-index: 20;
}
body.home .front-main-cont .tri-border span {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #3B4552;
}
body.home #front-contents .c_box {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
body.home #front-contents .c_box_inner {
  width: 54%;
  padding-bottom: 32px;
}
body.home #front-contents .c_img_box {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
body.home #front-contents .c_box.c_box_left {
  background-color: #fff;
}
body.home #front-contents .c_box.c_box_left .c_box_inner {
  float: left;
  z-index: 10;
}
body.home #front-contents .c_box.c_box_left .c_img_box {
  right: 0;
  background-position: center top;
}
body.home #front-contents .c_box.c_box_right {
  background-color: #fafafa;
}
body.home #front-contents .c_box.c_box_right .c_box_inner {
  float: right;
}
body.home #front-contents .c_box.c_box_right .c_img_box {
  left: 0;
  background-position: center top;
}
body.home #front-contents .c_number {
  background: #47B39D;
  color: #fff;
  display: inline-block;
  padding: 40px 12px 8px;
  margin-bottom: 32px;
  margin-top: 0;
}
body.home #front-contents h3 {
  color: #47B39D;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.4;
}
body.home #front-contents .c_english {
  color: #47B39D;
  font-size: 13px;
  margin-bottom: 32px;
  margin-top: 0;
}
body.home #front-contents h4 {
  font-size: 24px;
  margin-bottom: 28px;
  margin-top: 0;
  font-weight: normal;
}
body.home #front-contents .c_text p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 48px;
}
body.home #front-contents .c_text .c_btn a {
  border-radius: 5px;
  background: #FF6C00;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
  opacity: 1;
  display: block;
  width: 30%;
  padding: 12px;
  text-align: center;
}
body.home #front-contents .c_text .c_btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
body.home #front-service {
  background: url(./lib/images/border_e5.png) repeat-y top center #fff;
  padding-bottom: 56px;
  border-bottom: 1px solid #e5e5e5;
}
body.home #front-service .front-service-inner {
  margin-left: -10%;
  overflow: hidden;
}
body.home #front-service .front-service-inner .c_box {
  width: 40%;
  padding-top: 96px;
  margin-left: 10%;
  margin-bottom: 20px;
  float: left;
}
body.home #front-service .front-service-inner .c_title {
  text-align: center;
}
body.home #front-service .front-service-inner h3 {
  color: #47B39D;
  font-size: 40px;
  margin-bottom: 8px;
}
body.home #front-service .front-service-inner .c_english {
  color: #47B39D;
  font-size: 13px;
  margin-bottom: 32px;
}
body.home #front-service .front-service-inner h4 {
  font-size: 24px;
  margin-bottom: 28px;
  text-align: center;
}
body.home #front-service .front-service-inner .c_text p {
  margin-bottom: 28px;
}
body.home #front-service .front-service-inner .c_text .c_btn a {
  border-radius: 5px;
  background: #47B39D;
  color: #fff;
  margin: 0 auto;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
  opacity: 1;
  display: block;
  width: 50%;
  padding: 16px 20px;
  text-align: center;
}
body.home #front-service .front-service-inner .c_text .c_btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
body.home #front-company {
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-company .c_box {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  min-height: 450px;
}
body.home #front-company .c_box_inner {
  width: 684px;
  padding: 96px 0;
}
body.home #front-company .c_img_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  z-index: 0;
}
body.home #front-company .c_img_box iframe {
  width: 100% !important;
  height: 100% !important;
}
body.home #front-company .no-company-map .c_img_box {
  display: none;
}
body.home #front-company .no-company-map .c_box_inner {
  margin-left: auto;
  margin-right: auto;
}
body.home #front-company dl {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
body.home #front-company dl dt span,
body.home #front-company dl dd span {
  padding: 20px 32px;
  display: block;
}
body.home #front-company dl dt {
  float: left;
  width: 20%;
  margin: 0;
}
body.home #front-company dl dd {
  float: left;
  width: 80%;
  margin: 0;
}
body.home #front-company dl#front-company-1 dt {
  border-top: 2px solid #47B39D;
}
body.home #front-company dl#front-company-1 dt span {
  padding-top: 19px;
}
body.home #front-company dl#front-company-1 dd {
  border-top: 1px solid #e5e5e5;
}
body.home #front-contact {
  background: #47B39D;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-contact .c_box_inner {
  padding: 60px 0;
  width: 100%;
  max-width: 632px;
  margin: 0 auto;
}
body.home #front-contact .c_box_inner input[type=text],
body.home #front-contact .c_box_inner input[type=tel],
body.home #front-contact .c_box_inner input[type=email],
body.home #front-contact .c_box_inner input[type=url],
body.home #front-contact .c_box_inner textarea {
  width: 95%;
}
body.home #front-contact .c_box_inner input[type=submit],
body.home #front-contact .c_box_inner button {
  width: 30%;
  display: block;
  background: #131D2A;
  border-radius: 3px;
  margin: 0 auto;
}
body.home #front-contact .c_box_inner p {
  margin-bottom: 1.4em;
  color: #fff;
}
/* 比較表 */
.hikaku{

}
.hikaku .hikakutable {
    display: block;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
  }
.hikaku .hikakutable thead{
    display: block;
    float: left;
    overflow-x:scroll;
    text-align: center;
  }
  .hikaku .hikakutable thead th{
      border:none;
      color:#1b1b1b;
      border-bottom:1px solid #fff;
      border-collapse: collapse;
      height: 70px;
      display: flex;
      align-items: center;
      vertical-align: middle;
  }
.hikaku .hikakutable tbody{
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
.hikaku .hikakutable th{
    display: block;
    width:auto;
  }
.hikaku .hikakutable tbody tr{
    display: inline-block;
    margin: 0 -2px;
    width: 25%;
  }
.hikaku .hikakutable tbody tr.lim{
}
.hikaku .hikakutable tbody tr.lim td{
    color:#ec7c97;
    border-collapse: collapse;
    font-weight: 500;
}
.hikaku .hikakutable tr td:nth-of-type(1){
    font-size: 1.6rem;
}
.hikaku .hikakutable td{
    display: block;
    border:none;
    border-bottom:1px solid #eee;
    border-collapse: collapse;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hikaku .hikakutable span.price{
    font-size: 1.5rem;
}
.hikaku .hikakutable span.fss{
    font-size: .8rem;
    margin:0px 3px;
}

/* アーカイブページ */
/* トレーナー */
.post-loop-wrap.trainer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-loop-wrap.trainer > article{
    width: calc(100% / 2.1);
    padding:15px;
}
.post-loop-wrap.trainer .post-header{
    padding: 0px;
}
.post-loop-wrap.trainer .post-header h2{
    font-size: 1.6rem;
    font-weight: bold;
}
.post-loop-wrap.trainer .post-thumbnail{
    display: flex;
    align-items:center;
    justify-content: center;
    background-color: #eee;
}
.post-loop-wrap.trainer .post-thumbnail img{
    object-fit: cover;
    height: 100%;
}
.post-loop-wrap.trainer .post-content{
    padding:5px;
}
/* コラム一覧 */
.post-loop-wrap.column-archive{
    display: flex;
    align-items: center;
    justify-content:flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-loop-wrap.column-archive > article{
    width:31%;
    padding:15px;
    margin:0px 1% 15px;
}
.post-loop-wrap.column-archive > article .post-header , .post-loop-wrap.column-archive > article .post-content{
    padding:10px;
}
.post-loop-wrap.column-archive > article .post-meta-area{
    display: flex;
    justify-content: space-between;
}
.post-loop-wrap.column-archive > article .post-meta-area ul{
    padding:0px;
}
.post-loop-wrap.column-archive > article .post-meta-area ul li{
    padding:5px !important;
    font-size: .9rem;
}
.post-loop-wrap.column-archive > article .post-header .cat-name{
    position: absolute;
    top:20px;
    left: 15px;
}
.post-loop-wrap.column-archive > article .post-header .image{
    height:165px;
    overflow: hidden;
}
.post-loop-wrap.column-archive > article .post-header .image img{
    width: 100%;
}
.post-loop-wrap.column-archive > article .post-header .cat-name span{
    background-color: #fff;
}

/* 店舗一覧 */
.post-loop-wrap.studio{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-loop-wrap.studio > article{
    width:48%;
    padding:15px;
    margin:0px 1% 15px;
}
.post-loop-wrap.studio > article .post-header{
    padding: 0px;
}
.post-loop-wrap.studio > article .post-header h2{
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0px;
    margin-bottom:10px;
}
.post-loop-wrap.studio > article .post-content{
    padding:10px 0px 15px;
    font-weight: 200;
}
.post-loop-wrap.studio > article .btn{
    width: 100%;
    text-align: center;
    line-height: 1em;
    background-color: #8e7a5e;
    color: #fff;
    font-size: 1.1rem;
}
.post-loop-wrap.studio > article .btn a.morelink{
    color: #fff;
    padding: 10px 30px;
    display: block;
    font-size: 1rem;
}
.post-loop-wrap.studio > article .btn a:hover{
    text-decoration: none;
}

/* トレーナー詳細 */
.trainer_detail{
    margin:30px 0px;
}
.trainer_detail .image{
    width: 80%;
    max-width: 450px;
    margin:0px auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-height: 66vh;
    overflow: hidden;
}
.trainer_detail .image img{
    /* width: 100%; */
}
.trainer_detail .txt{
    margin:30px auto;
    width: 80%;
}
.trainer_detail .txt h2{
    text-align: center;
    margin:0px;
    /* color:#ec7c97; */
    color:#d11f7d;
}
.trainer_detail .txt h2 .fss{
    font-size: .8rem;
    font-weight: 200;
    margin:0px 3px;
    color:#000;
}

.trainer_detail .txt dl{
  padding:10px 0px;
  display:inline-block;
  font-weight:200;
  width:100%;
  /* font-size:1.2rem; */
  font-size:1.1rem;
}

.trainer_detail .txt dl dt{
  float:left;
  min-width: 38%;
  max-width: 38%;
  display:inline-block;
  margin:.3em 0;
  font-weight: 500;
  padding:10px 0px;
  clear: left;

}

.trainer_detail .txt dl dd{
  float:left;
  width: 62%;
  min-width: 62%;
  margin:.3em 0;
  padding:10px 0px;
  min-height: 35px;
}



/* ビフォーアフター　詳細 */
.b_a_detail{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 60px;
}
.b_a_detail .image{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px auto 20px;
    overflow: hidden;
}
.b_a_detail .image > div{
    width: 45%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}
.b_a_detail .image > div img{
    /* object-fit: contain; */
}
.b_a_detail .image .ba{
  width: 100%;
}
.b_a_detail .image .before:before{
    position: absolute;
    right: -60px;
    top: 33%;
    content: '▶︎';
    font-size: 4rem;
    color:#ccc;
    z-index: 100;
}
.b_a_detail .image .before:after{
    content:'before';
    position:absolute;
    width: 100%;
    text-align: center;
    bottom:10px;
    color:rgba(255,255,255,.9);
    font-weight: 700;
    font-size: 36px;
}

.b_a_detail .image .after:after{
    content:'after';
    position:absolute;
    width: 100%;
    text-align: center;
    bottom:10px;
    color:rgba(255,255,255,.9);
    font-weight: 700;
    font-size: 36px;
}
.b_a_detail .voice{
    border:1px solid #ccc;
    padding:20px;
    color:#222;
    max-width: 1000px;
}
.b_a_detail .voice dl{
    margin:0px;
    margin-bottom:30px;
}
.b_a_detail .voice dl dt{
  font-size: 1.2rem;
  color: #e51e79;
  font-weight: bold;
}
/* スタジオ紹介 詳細 */
.studio_detail{
    padding: 0px;
    max-width: 100% !important;
    width: 100% !important;
}
.studio_detail .post-header{
    max-width: 1000px;
    margin:0px auto;
    padding: 0px;
    display:block;
    padding:10px 0px 0px;
    border: none;
}
.studio_detail .post-header h1.post-title{
    margin:0;
    font-size: 20px;
    clear: both;
    font-weight: bold;
    display: block;
    padding: 5px;
    /* border-bottom: 1px solid #ccc; */
    border: none;
}
.studio_detail .post-thumbnail{
    overflow: hidden;
    display: flex;
    align-items: center;
    max-height: initial;
    margin: 0px auto 50px;
    display: flex;
    align-items: center;
    max-width: 1400px;
}

/* 共通部分 */
.studio_detail .container{
    max-width: 1000px !important;
    margin: 0px auto;
}
.studio_detail h2{
    font-size: 30px;
    font-weight: bold;
}
.studio_detail h2 span{
    color:#ec7c98;
}

.studio_detail .post-content{
    padding: 0px;
}
.studio_detail .topics {
    background-color: #fff;
    padding:30px 15px;
    display: block;
    text-align: center;
    border:1px solid #ec7c98;
}
.studio_detail .topics p.midashi {
    color: #000;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}
.studio_detail .topics p {
    margin: 0px;
    font-size: .9rem;
}
.studio_detail .cta{
    margin-top:80px;
}
.studio_detail .cta h3{
    font-size: 2.5rem;
    margin:0px auto 30px;
    border: none;
    font-weight: bold;
    text-align: center;
}
.studio_detail .cta h3::before{
    content:'＼';
    font-size: 3rem;
    font-weight: bold;
    /* position: absolute; */
    left:0px;
    top:0px;
}
.studio_detail .cta h3::after{
    content:'／';
    font-size: 3rem;
    font-weight: bold;
    /* position: absolute; */
    left:0px;
    top:0px;
}
.studio_detail .cta .btn_cont{
    display: flex;
    justify-content: space-between;
    margin-bottom:60px;
}
.studio_detail .cta .btn_cont .btn{
    width: 45%;
}
.studio_detail .cta .btn_cont .btn.pink a{
    background-color: #ff6666;
}
.studio_detail .cta .btn_cont .btn.green a{
    background-color: #33cc33;
}
.studio_detail .cta .btn_cont .btn a{
    background-color: #ccc;
    border-radius: 10px;
    padding:40px 20px;
    color:#fff;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}
.studio_detail .cta .btn_cont .btn a i{
    position: absolute;
    right: 30px;
    top:35%;
}
.studio_detail .cta .tel_cont{
    width: 100%;
    text-align: center;
    margin:40px 0px;
}
.studio_detail .cta .tel_cont p{
    font-weight: 400;
    font-size: 1.4rem;
    margin: 0px;
}
.studio_detail .cta .tel_cont .tel{
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}

.studio_detail .about{
text-align: center;
}
.studio_detail .about h2{

}
.studio_detail .about p{
    color:#534a40;
    width: 45%;
    margin:0px auto 30px;
}
.studio_detail .about p .b{
    font-weight: bold;
}
.studio_detail .about .slogan{
    background-color: #000;
    padding: 20px;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 2rem;
    color: #fff;
    width: 36%;
    margin: 0px auto 50px;
    line-height: 1.4;
    font-weight: 700;
}
.studio_detail .about .image{
    width: 90%;
    margin: 0px auto;
}
.studio_detail .media{
    padding:100px 0px;
    background-color: #eeeeee;
}
.studio_detail .media .container{
    text-align: center;
}
.studio_detail .media .medialist{
    display: flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 60px auto 0px;
}
.studio_detail .media .medialist .block{
    width: 46%;
    margin: 0px 2%;
}
.studio_detail .media .medialist .block .image +p{
    text-align: left;
}
.studio_detail .media .medialist .block:last-of-type{
  width: 48%;
}
.studio_detail .nayami{
    background:#fff;
    padding:50px 0px 30px;
    background: url("./images/shop/nayami_bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.studio_detail .nayami h2{
    background-color: #000;
    color:#fff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    padding:15px 50px;
    margin:0px auto 15px;
    width: 90%;
    text-align: center;
}
.studio_detail .nayami .block{
    margin:30px auto;
    display: block;
    width: 60%;
    background-color: #fff;
}
.studio_detail .nayami .block ul{
    display: inline-block;
    border:1px solid #666;
    padding:20px 40px;
    width: 100%;
}
.studio_detail .nayami .block ul li{
    font-weight: 200;
    font-size: 1.4rem;
    margin-bottom:10px;
}
.studio_detail .nayami .block ul li p{
    margin: 0px;
    font-weight: 500;
}
.studio_detail .nayami .block ul li:before{
    content:'✔︎';
    color:#ec7c98;
    border:1px solid #666;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    float: left;
    font-size: 2rem;
    line-height: 1;
}
.studio_detail .reason{

}
.studio_detail .reason .container{
    text-align: center;
}
.studio_detail .reason h2{
    color: #ec7c98;
    font-size: 2.3rem;
    text-align: center;
    line-height: 1.3;
    margin:35px 0px;
    letter-spacing: -1px;
}
.studio_detail .reason h2 span{
    font-size:1.6rem;
    display: block;
}
.studio_detail .reason .logo{
    margin:30px auto;
    display: block;
    text-align: center;
}
.studio_detail .reason .catch{
    background-color: #bda17a;
    display: inline-block;
    color:#fff;
    padding:10px 30px;
    font-size: 1.3rem;
    line-height: 1.3;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.studio_detail .reason .catch span{
    font-size: .8rem;
}
.studio_detail .reason .support{
    color: #ec7c98;
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.5;
    margin: 35px 0px;
    letter-spacing: -1px;
    font-weight: bold;
}
.studio_detail .reason .hinsitu{
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: -2px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    color:#000;
}
.studio_detail .reason .hinsitu span{
    color: #ec7c98;
    font-size: 1.7rem;
}
.studio_detail .reason h3.reason{
    color: #ec7c98;
    font-size: 2rem;
    text-align: center;
    line-height: 1.3;
    margin: 35px 0px;
    letter-spacing: -1px;
    font-weight: bold;
}
.studio_detail .reason .reason_cont{
    display: block;
    margin:30px 0px;
}

/* 共通のコンテンツ部分 */
.studio_detail .contentblock .block{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction:row;
    margin:30px 0px;

}
.studio_detail  .contentblock .block .txt{
    float: left;
    width: 50%;
    padding:0px 30px;
}
.studio_detail .contentblock .block .txt p{
    text-align: left;
}
.studio_detail .contentblock .block .txt h2{
    font-weight: 700;
    line-height: 1;
    margin: 0px;
    margin-bottom:.5em;
    font-size: 2rem;
    text-align: left;
}
.studio_detail .contentblock .block .txt p .undertxt{
    text-decoration: underline;
    color: #ec7c98;

}
.studio_detail .contentblock .block .txt h2 .b1{
    font-size: 2.1rem;
    display: inline-block;
    color:#000;
    vertical-align: baseline;
}
.studio_detail .contentblock .block .txt h2 .no{
    font-size: 5rem;
    color: #ec7c98;
    margin-right: 10px;
    margin-left: 3px;
    display: inline-block;
    font-weight: 500;
    vertical-align: baseline;
    font-weight: bold;
}
.studio_detail .contentblock .block .image{
    width: 45%;
    min-height: 260px;
    max-height: 280px;
    overflow: hidden;
    background-color: #000;
    display: flex;
    align-items: center;

}
.studio_detail .contentblock .block:nth-of-type(2n){
    flex-direction: row-reverse;
}


.studio_detail .reason .biko{
    border:1px solid #ec7c98;
    padding:15px 15px;
    width: 100%;
    display: block;
    margin:30px 0px;
    font-size: 1rem;
    text-align: left;
}
.studio_detail .reason .biko h3{
    font-size: 1.3rem;
    margin-bottom:0px;
    font-weight: 700;
}
.studio_detail .reason .biko h3 span{
    color: #ec7c98;
}
.studio_detail .reason .biko p{
    margin:0px;
    line-height: 1.5;
    font-weight: 300;
    font-size: .9rem;
}
.studio_detail .reason .biko p span{
    font-weight: bold;
}
.studio_detail .price{
    background-color: #000;
    color:#fff;
    padding:50px 0px;
}
.studio_detail .price .container{
    text-align: center;
}
.studio_detail .price .container h2{
    margin-bottom: 1rem;
}
.studio_detail .price .price_container{

}
.studio_detail .price .price_container .block{
    margin: 10px 0px;
    display: block;
}
.studio_detail .price .price_container .block h3{

}
.studio_detail .price .price_container .block .money{
    color: #ec7c98;
    font-size: 3.5rem;
    margin: 0px auto;
    font-weight: bold;
}
.studio_detail .price .price_container .block .money span{
    font-size: 1.8rem;
}
.studio_detail .price .price_container .imanara{
    margin: 10px 0px;
    display: inline-block;
    width: auto;
    text-align: center;
    padding:0px 70px;;
    border:1px solid #fff;
    font-size: 1.7rem;
    line-height: 1.3;
    font-weight: bold;

}
.studio_detail .price .price_container .imanara .pink{
    color: #ec7c98;
    font-size: 7rem;
}
.studio_detail .price .price_container .imanara .mini{
    font-size: 1.5rem;
}
.studio_detail .price .price_container .news{
    font-size: 2rem;
    margin:30px 0px;
    font-weight: bold;
    color:#ffff00;
}
.studio_detail .price .price_container .table{

}
.studio_detail .price .price_container .table .table_container p{
    width: 880px;
    margin:20px auto;
    line-height: 1.3;
}
.studio_detail .table .cap{
    width: 80%;
    margin:30px auto;
    text-align: center;
}
.studio_detail .flow{
    margin:60px 0px;
}
.studio_detail .flow h2{
    color: #ec7c98;
    font-size: 2.3rem;
    text-align: center;
    line-height: 1.3;
    margin:30px 0px 60px;
    letter-spacing: -1px;
    display: inline-block;
    width: 100%;
}
.studio_detail .flow .contentblock .block .txt {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.studio_detail .shop{

}
.studio_detail .shop h2.midashi{
    background-color: #d11f7d;
    text-align: center;
    color:#fff;
    font-size: 2rem;
    padding:25px 20px;
    margin-bottom:50px;
}
.studio_detail .shop .accessinfo{
    width: 100%;
    margin:30px 0px;
}
.studio_detail .shop .accessinfo h3{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
}
.studio_detail .shop .accessinfo .access_txt{
    width: 100%;
    margin:0px 0px 30px;
    display: block;
}
.studio_detail .shop .accessinfo .access_txt .midashi{
    background-color: #ec7c98;
    text-align: left;
    padding:12px;
    color:#fff;
    font-size: 1.2rem;
}
.studio_detail .shop .accessinfo .access_txt .contentblock{
    padding:0px 30px;
}
.studio_detail .shop .accessinfo .contentblock .block{
    margin:50px 0px;
}
.studio_detail .banner{
    margin-top:60px;
}
.studio_detail .form{
    width: 100%;
    display: block;

}
.studio_detail .form h2{
    background-color: #d11f7d;
    text-align: center;
    color:#fff;
    font-size: 2rem;
    padding:25px 20px;
}


.studio_detail .information{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}
.studio_detail .information .table{
    width: 48%;
}
.studio_detail .information .table ul{
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.studio_detail .information .table ul li{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.studio_detail .information .table ul li .ttl{
    font-weight: bold;
    width: 40%;
    background-color: #ccc;
    display: flex;
    align-items: center;
    padding:0px 10px;
}
.studio_detail .information .table ul li .txt{
    width: 60%;
    padding:0px 10px;
}
.studio_detail .information .map{
    width: 48%;
}
.studio_detail .information .map iframe{
    width: 100%;
    height: 300px;
}
.studio_detail .stepttl{
    background-color: #ec7c97;
    padding: 10px 15px;
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 20px;
    margin-top: 30px;
}
.studio_detail .accessinfo{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
    margin:10px 0px;
}

.studio_detail .accessinfo .content{
    width: calc(100% / 3);
    margin:10px 0px 20px;
    padding:0px 15px;
}
.studio_detail .accessinfo .content .image{
    height: 230px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.studio_detail .accessinfo .content .image img{
    object-fit: contain;
    width: 100%;
}
.studio_detail .accessinfo .content .txt{
    font-size: .9rem;
    line-height: 1.1;
    padding:10px 0px;
    line-height: 1.5;
}
.studio_detail .accessinfo .contentblock .block h2{
    color: #ec7c98;
    font-size: 2.3rem;
    text-align: left;
    line-height: 1.3;
    margin:30px 0px;
    letter-spacing: -1px;
}


.studio_detail .form .form-container{
    padding:10px;
    background-color:#fff;
    margin-top: 15px;
}
.studio_detail .form .form-container dl dt{
    color:#ccc;
    font-size: .9rem;
    line-height: 1.92rem;
}
.studio_detail .form .form-container dl dt span.hissu{
    background-color:#d11f7d;
    border-radius: 5px;
    color:#fff;
    font-size: .7rem;
    margin-left: 10px;
    padding:2px 9px;
    font-weight: 100;
}
.studio_detail .form .form-container dl dt:not(:first-child){
    margin-top:1.7rem;
}
.studio_detail .form .form-container dl dd input{
    line-height: 2.2rem;
    color:#666;
    font-size: 1.2rem;
}
.studio_detail .form .form-container dl dd .adress{
    margin-top: 10px;
    display: block;
}
.studio_detail .form .form-container dl dd.nitizi{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.studio_detail .form .form-container dl dd.nitizi .hasDatepicker{
    width: 48%;
}
.studio_detail .form .form-container dl dd.nitizi select{
    border:1px solid #ccc;
    width: 48%;
    margin:0px 5px;
}
.studio_detail .form .form-container dl dd  button,form button{
    width: 90%;
    background-color:#d11f7d;
    padding:10px;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 20px;
    margin:20px auto;
    display: block;
}
.studio_detail .form .form-container dl dd.radio{
    display: flex;
    justify-content:space-between;
}
.studio_detail .form .form-container dl dd .mwform-radio-field{
    padding:15px 5px;
    border:1px solid #eee;
    border-radius: 8px;
    width: 48%;
    display: inline-block;
    text-align: center;

}
.studio_detail .form .form-container  dl dd  button:after,#post-402  form button:after{
    content:'》';
    margin:0px 10px;
}
.studio_detail .footertxt{
    display: block;
    margin:50px 0px;
}
.studio_detail .footertxt .container{
    border:1px solid #ccc;
    padding:25px;
    font-size: .8rem;
}
.studio_detail .footertxt .container h3{
    font-weight: bold;
    font-size: 1rem;
    display: block;
    color: #ec7c98;

}




/* ----------------------------------------
* 下層ページ　汎用CSS
---------------------------------------- */
/* 会社概要等 */
table.common{
  width: 100%;
  border-collapse: collapse;
}

table.common tr{
  border-bottom: solid 2px white;
}

table.common tr:last-child{
  border-bottom: none;
}

table.common th{
  position: relative;
  text-align: left !important;
  width: 25%;
  background-color: #f7cbd5 !important;
  color: #1b1b1b !important;
  font-weight: 200;
  text-align: center;
  padding: 15px 25px;
}
table.common th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #f7cbd5;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.common td{
  text-align: left !important;
  width: 75%;
  text-align: center;
  background-color: #eee;
  padding: 15px 25px;
  font-weight: 400;
}

.hero{
	margin-bottom: 80px;
	max-height: 250px;
	overflow: hidden;
}

.hero__img{
	height: auto;
	width: 100%;
}

.sec{
	margin-bottom: 120px;
}
.post-thumbnail,.archive-thumbnail{
    max-height: 230px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    position: relative;
}
.post-thumbnail img,.archive-thumbnail img{
    object-fit: contain;
    width: 100%;
}
.post-thumbnail .cap,.archive-thumbnail .cap{
    position:absolute;
    width: 100%;
    text-align: center;
    top:35%;
    color:#fff;
    line-height: 1.4
}
.post-thumbnail .cap h2,.archive-thumbnail .cap h2,.post-thumbnail .cap .ttl{
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.post-thumbnail .cap p.fss{
    font-weight: 100;
    font-size: 1.1rem;
}

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

.page-title__title{
	color: #333;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
}

.slide_cont{
}
.slide_cont .sec{
    margin-bottom: 120px;
}
.slide_cont .sec .ttl{
  font-weight: bold;
  color:#c9ad96;
}

.slide_cont .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.slide_cont  .col2{
    width:48%;
}
/* .slide_cont .img-container{
    overflow: hidden;
    position: relative;
} */

.slide_cont .img-container__img{
    display: block;
    opacity: .7;
    position: relative;
    transition:all .5s .3s ease;
    z-index: 0;
}

/* .slide_cont .img-container:before{
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all .8s 0s ease;
    width: 100%;
    z-index: 1;
} */

.slide_cont .text-container{
    opacity: .9;
    padding:0 30px;
    transition: all .8s .5s ease;
}

.slide_cont .text-container__title{
    color: #333;
    font-size: 2rem;
    font-weight: 700;
}
.slide_cont .text-container__text{

}
.slide_cont .text-container__text p{
  font-size: .9rem;
}
/*アニメーションするプロパティを設定します*/
.slide_cont .img-container.active img{
    opacity: 1;
}

/* .slide_cont .img-container.active:before{
    transform: translateX(100%);
}
*/
.slide_cont .text-container.active{
    opacity: 1;
}

/* よくある質問 */
.faq .q{
    background-color:#ec7c97;
    padding: 10px 15px;
    width: 100%;
    font-weight:700;
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 20px;
    margin-top:30px;
    position: relative;
}
.faq .q.ttl:after{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.2px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
  transition: all 0.3s ease 0s;
  position: absolute;
  right:10px;
  top:50%;
}
.faq .q.ttl.active:after{
   transform:rotate(180deg);
}
.faq .q>h2{
    font-size: 1.3rem;
    margin: 0px;
    color: #fff;
}
.faq  .a{
  display: none;
}
.faq .graph{
  width: 80%;
  margin: 20px auto;
}
.faq  p{
    margin:0px !important;
}
/* スタジオ一覧 */
.studio{

}
.studio iframe{
    width: 100%;
    height: 550px;
}
/* 無料体験の方法について */
.howtoentry dl.guide{
    width: 100%;
    font-size: .8rem;
    line-height: 1.2em;
    display: flex;
    flex-wrap:wrap;
}
.howtoentry dl.guide dt{
    width: 25%;
    padding: 11px 10px;
    color: #fff;
    background: #e72081;
    font-weight: 500;
    margin-bottom:10px;
    clear: left;
    float: left;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.howtoentry dl.guide dd{
    padding: 11px 10px;
    float: left;
    background: #fcf5f8;
    width: 75%;
    font-weight: 400;
    margin-bottom:10px;
    word-break: break-all;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ----------------------------------------
* main
---------------------------------------- */
.cat-content,
article.post,
article.page {
  margin-bottom: 60px;
  background: #fff;
  border: 1px #e5e5e5 solid;
}

.post-header {
  padding: 56px 64px 46px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.post-header .cat-name {
  margin-bottom: 20px;
}
.post-header .cat-name span {
  border: 1px solid #47B39D;
  color: #47B39D;
  display: inline-block;
  padding: 4px 16px;
  font-size: 13px;
}

.post-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top:1em;
}
body.page .post-title {
  margin-bottom: 0;
}
.post-title a {
  color: #241913;
}
.post-title a:hover {
  /* color: #FF6C00; */
    color:#ec7c97;
}

.post-content h2.post-title {
  font-weight: normal;
}

.post-title a {
  color: #3B4552;
  color:#241913;
}
.post-title a:hover {
  /* color: #FF6C00; */
  color:#ec7c97;
  text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
  padding: 10px 32px 10px;
  margin-bottom: 20px;
  background: #fff;
}

.post-meta-area {
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.post-meta-area ul {
  margin: 0;
}
.post-meta-area .post-meta {
  width: 50%;
  float: left;
}
.post-meta-area .post-meta .date {
  padding: 12px 40px;
}
.post-meta-area .post-meta .date .datetime {
  font-size: 1.1em;
}
.post-meta-area .post-meta-comment {
  text-align: center;
  width: auto;
  float: right;
}
.post-meta-area .post-meta-comment li {
  padding: 12px 24px;
  display: inline-block;
  border-left: 1px solid #e5e5e5;
}

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

.post-content {
  padding: 30px 64px 10px;
}
.post-content hr {
  border-bottom: 1px solid #eee;
  margin: 20px 0;
  clear: both;
}
.post-content p,
.post-content ul,
.post-content ol,
.post-content dl,
.post-content blockquote,
.post-content pre,
.post-content table {
  margin-bottom: 2em;
}
.post-content ul {
  list-style: disc;
}
.post-content ol {
  list-style: decimal;
}
.post-content ul,
.post-content ol {
  margin-left: 30px;
}
.post-content ul > ul,
.post-content ul > ol,
.post-content ol > ol,
.post-content ol > ul {
  margin-bottom: 0px;
}
.post-content dl dt {
  font-weight: bold;
}
.post-content dl dd {
  margin-left: 0px;
}
.post-content pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-weight: bold;
}
.post-content h1 {
  margin: 32px 0;
  font-size:36px;
  clear: both;
  font-weight: bold;
  display: block;
  padding:5px;
  border-bottom:1px solid #ccc;
}
.post-content h2 {
    color: #333;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 40px;
    line-height: 1.3em;
}
.post-content h2+p{
    margin: 0 0 2em;
}
.post-content h3 {
  font-size: 24px;
  margin: 48px 0 24px;
  padding: 20px 0;
  clear: both;
  font-weight: normal;
  border-bottom: 2px solid #3B4552;
  line-height: 1;
}
.post-content h4 {
  font-size: 20px;
  font-weight: normal;
  margin: 30px 0 16px;
  padding: 0 0 0 8px;
  border-left: 5px solid #131D2A;
  clear: both;
}
.post-content h5 {
  font-size: 16px;
  margin: 30px 0 16px;
  clear: both;
}
.post-content h6 {
  font-size: 16px;
  margin: 30px 0 16px;
  clear: both;
}
.post-content blockquote {
  clear: both;
  margin: 0 0 28px;
  padding: 30px 20px 35px 55px;
  position: relative;
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}
.post-content blockquote:before {
  content: '';
  font-family: 'FontAwesome';
  font-size: 36px;
  color: #e7e7e7;
  position: absolute;
  top: 20px;
  left: 10px;
}
.post-content blockquote cite {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 12px;
  color: #808080;
}
.post-content table {
  border: 1px #ddd solid;
  max-width: 100%;
}
.post-content table th,
.post-content table td {
  padding: 15px 25px;
  border: #ddd solid 1px;
}
.post-content table th {
  color: #fff;
}
.post-content table thead th {
  background: #f7cbd5;
}
.post-content table tbody th {
  background: #f7cbd5;
}
.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: #241913;
  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-top: 0;
}

.post-cta {
  background: #131D2A;
  color: #fff;
}
.post-cta .post-cta-inner {
  padding: 30px 45px;
}
.post-cta .cta-post-title {
  padding: 30px 45px;
  font-size: 36px;
  margin-bottom: 14px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.post-cta .post-cta-img {
  float: right;
  width: 230px;
  margin: 0 0 20px 20px;
}
.post-cta .post-cta-cont {
  overflow: hidden;
}
.post-cta .post-cta-btn {
  margin: 10px 0;
}
.post-cta .post-cta-btn a {
  background: #F86222;
  color: #fff;
  border-radius: 8px;
  display: block;
  padding: 35px 20px;
  text-align: center;
  text-decoration: none;
  width: 60%;
  margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
  background: #fa8553;
}
.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: #3B4552;
}
.post-cta .btn:hover {
  text-decoration: none;
  background: #FF6C00;
}

.post-share {
  padding: 30px 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;
  -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-footer {
  border-radius: 0;
  padding: 20px 64px;
  overflow: hidden;
  clear: both;
}
.post-footer ul {
  overflow: hidden;
}
.post-footer ul li a:hover {
  text-decoration: underline;
}
.post-footer .bzb-sns-btn {
  padding: 30px 0;
}

.post-footer .bzb-sns-btn li {
  vertical-align: top;
}
.post-footer .bzb-sns-btn  li .fb_iframe_widget span{
  vertical-align: top !important;
}

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

.post-author {
  margin-bottom: 40px;
  padding: 40px 45px;
  border: 1px solid #e5e5e5;
  color: #241913;
  background: #fff;
}
.post-author .post-author-img {
  height: 100%;
  float: left;
}
.post-author .post-author-img img {
  width: 100px;
  height: auto;
  border: 1px solid #e5e5e5;
}
.post-author .post-author-img .inner {
  padding: 0;
}
.post-author .row {
  margin-right: -10px;
  margin-left: -10px;
}
.post-author .row .gr1, .post-author .row .gr2, .post-author .row .gr3, .post-author .row .gr4, .post-author .row .gr5, .post-author .row .gr6, .post-author .row .gr7, .post-author .row .gr8, .post-author .row .gr9, .post-author .row .gr10, .post-author .row .gr11, .post-author .row .gr12 {
  padding-left: 10px;
  padding-right: 10px;
}
.post-author a {
  color: #3B4552;
}
.post-author .post-author-meta {
  color: #241913;
  margin-left: 120px;
}
.post-author .post-author-meta h4 {
  margin: 0 40px 10px 0;
}
.post-author .post-author-meta p {
  margin: 0 40px 20px 0;
}

.post-header-meta {
  overflow: hidden;
  margin-bottom: 26px;
}
.post-header-meta .bzb-sns-btn {
  padding: 20px 0 10px;
  float: left;
  width: 400px;
  overflow: hidden;
}
.post-header-meta .post-header-category {
  float: right;
  width: 300px;
  text-align: right;
  padding: 20px 0 10px;
}

.bzb-sns-btn {
  padding: 0;
  margin: 0;
  font-size: 0;
}
.bzb-sns-btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  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;
}
*/
.post-autot
#comments {
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.post-autot
#comments h4,
.post-autot
#comments h3 {
  margin: 0 0 24px;
  border-bottom: 5px solid #3B4552;
  font-size: 18px;
  padding: 8px 0;
}
.post-autot
#comments h4 i,
.post-autot
#comments h3 i {
  color: #3B4552;
}

.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;
}

@media screen and ( max-width: 767px ){
  .comment-list .children {
    margin-left: 0;
  }
}
.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 {
  margin-bottom: 0;
}

.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;
  margin-top: 0;
}

.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: 240px;
  margin-top: 2em;
  line-height: 24px;
  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-title {
  margin-bottom: 0;
}
.post-loop-wrap .post-thumbnail {
  width: 100%;
}
.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.post-loop-wrap .more-link {
  border: 1px #3B4552 solid;
  padding: 8px 20px;
  margin-bottom: 64px;
  color: #3B4552;
}
.post-loop-wrap .more-link:hover {
  background: #3B4552;
  color: #fff;
  text-decoration: none;
}
.post-loop-wrap .post-footer {
  border-top: 1px #eee solid;
  padding: 0;
  overflow: hidden;
}
.post-loop-wrap .post-footer a.morelink {
  display: block;
  background: #3B4552;
  color: #fff;
  text-align: center;
  padding: 12px;
}

/* pager */
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}

.pagination a {
  background: #fff;
}

 .pagination a, .pagination > span{
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #241913;
}

.pagination a:hover {
  background: #999999;
  color: #fff;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #999999;
  color: #fff;
}

.post-content .pagination {
  margin: 0;
}

.post-content .pagination > span{
  background: #999999;
  color: #ffffff;
}

.studio_detail .post-thumbnail{
    min-height: 200px;
    margin: 0px auto 30px;
}


/* ----------------------------------------
* 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;
  background: #ebebeb;
  border: 1px solid #e4e4e4;
}
.side-widget a {
  color: #47B39D;
  text-decoration: underline;
  display: block;
}
.side-widget a:hover {
  color: #47B39D;
  text-decoration: none;
}
.side-widget ul li {
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title {
  margin: 0 0 13px;
  padding: 8px;
  font-size: 16px;
}
.side-widget.widget_recent_comments a {
  background: none;
}
.side-widget .post-date {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}
.side-widget .post-share-fb .pas {
  display: none;
}

.widget_categories a {
  display: inline-block;
}

/* widget_views */
.widget_views a {
  display: inline;
}

/* search */
.widget_search {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding-bottom: 0;
  border-radius: 2px;
}
.widget_search form div {
  position: relative;
  padding-right: 40px;
}
.widget_search label {
  display: none;
}
.widget_search input[type=text] {
  line-height: 18px;
  padding: 8px 13px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  float: left;
}
.widget_search button {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: top;
  line-height: 18px;
  border: none;
  border-radius: 3px;
  width: 40px;
  padding: 8px 5px;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
  background: transparent;
  font-family: 'FontAwesome';
  font-size: 21px;
  color: #5e6265;
}
.widget_search button:hover {
  cursor: pointer;
}

#searchform form input[type="text"],
#searchform form input[type="email"],
#searchform form input[type="url"],
#searchform form input[type="tel"],
#searchform form input[type="number"],
#searchform form input[type="date"],
#searchform form textarea {
  border-radius: 3px;
  padding: 12px;
  max-width: 100%;
  font-size: 16px;
}
#searchform form textarea {
  width: 80%;
}
#searchform form input[type="submit"] {
  padding: 12px 20px;
}

/* comment */
.recentcomments {
  color: #808080;
  font-size: 12px;
}
.recentcomments a {
  color: #241913;
  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: #fff;
  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
---------------------------------------- */
/* Facebook Like Box width: 100% */
.post-share-fb.side-widget{
  text-align: center;
}
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;
}
#footer .fbcomments,
#footer .fb_iframe_widget,
#footer .fb_iframe_widget[style],
#footer .fb_iframe_widget iframe[style],
#footer .fbcomments iframe[style] *,
#footer .fb_iframe_widget span {
  max-width: 100% !important;
}

#footer {
  color: #fff;
  font-weight: 200;
}
#footer .fb-like-box,
#footer .fb-like-box > span,
#footer iframe {
  width: 100% !important;
  box-sizing: border-box;
}
#footer .footer-logo {
  font-size: 24px;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #ccc;
}
#footer .wrap {
  padding: 10px 0;
  max-width: 1100px;
  margin:0px auto;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
}
#footer .left{
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#footer .left .logo{
    max-width: 110px;
    margin-bottom:20px;
}
#footer .right{
    width: 50%;
    height: 100%;
    padding: 0px 10px;

}
#footer .footertxt{
    font-size: .7rem;
    max-width: 30%;
    line-height: 1em;
    padding: 0px 10px;
    color:#fff;
}
#footer .right .menu ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
#footer .right .menu ul li{
    width: 50%;
    line-height: 1.2;
    margin-bottom: 2.3em;
    font-size: .8rem;
}
#footer .post-share {
  padding-right: 0;
  padding-left: 0;
}
#footer .row {
  margin-left: -15px;
  margin-right: -15px;
}
#footer .row .gr1,
#footer .row .gr2,
#footer .row .gr3,
#footer .row .gr4,
#footer .row .gr5,
#footer .row .gr6,
#footer .row .gr7,
#footer .row .gr8,
#footer .row .gr9,
#footer .row .gr10,
#footer .row .gr11,
#footer .row .gr12 {
  padding-left: 15px;
  padding-right: 15px;
}

#footer-brand-area {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #3B4552;
}

#footer-content-area {
  font-size: 14px;
}
#footer-content-area h4 {
  font-size: 16px;
}
#footer-content-area i.fa {
  margin-right: 12px;
}
#footer-content-area #footer-cont-about li,
#footer-content-area #footer-cont-content li {
  position: relative;
}
#footer-content-area #footer-cont-about li:before,
#footer-content-area #footer-cont-content li:before {
  content: '\f105';
  font-family: FontAwesome;
  position: absolute;
  top: 7px;
  left: 0;
}
#footer-content-area #footer-cont-about li a,
#footer-content-area #footer-cont-content li a {
  padding: 8px 12px 8px 14px;
  display: inline-block;
}
#footer-content-area #footer-cont-about li a:hover,
#footer-content-area #footer-cont-content li a:hover {
  text-decoration: none;
}
#footer-content-area #footer-cont-sns a {
  display: block;
  padding: 8px 12px 8px 0;
}
#footer-content-area #footer-cont-sns a:hover {
  text-decoration: none;
}

.footer-01 {
  background: #313131;
  padding: 36px 0;
}
.footer-01 .footer-address {
  text-align: left;
  width: 100%;
}
.footer-01 .footer-sns{
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding: 10px;

}
.footer-01 .footer-sns i.fa-instagram{
    color:#c23584;
    font-size: 2rem;
}

@media screen and ( max-width: 991px ){
  .footer-01 .footer-address {
    text-align: left;

  }
}

@media screen and ( max-width: 767px ){
  .footer-01 .footer-address {
    margin:0px;
    padding:0px 10px;
    font-size: .7rem;
  }
  #footer .right .menu ul li {
    font-size: .7rem;
    margin-bottom:1em;
    }
}

.footer-02 {
  background: #000;
}
.footer-02 .footer-copy {
  text-align: center;
  font-size: 12px;
}

/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
  padding: 40px 0;
}
.single-lp .lp-wrap {
  width: 1157px;
  border: 1px solid #eee;
  margin: 0 auto;
  background: #fff;
  padding: 0;
}
.single-lp .lp-wrap.lap #content{
    padding:0px 56px 40px;
}
.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;
}
.single-lp #lp-header {
  background: #dcb6b4;
  padding: 10px;
  color: #fff;
}
.single-lp #lp-header.lp{
    background-color: #fff;
    position: fixed;
    display: inline-block;
    width: 100%;
    top:0px;
    left: 0px;
    text-align: center;
    z-index: 10;
}
.single-lp #lp-header.lp .container{
    width:100%;
    max-width: 1000px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 2px;
}
.single-lp #lp-header.lp .container img{
    width: 100%;
}
.single-lp #lp-header.lp .container .l{
    width: 32%;
}
.single-lp #lp-header.lp .container .r{
}
.single-lp #lp-header.lp .container .r.sns{
  display: flex;
  flex-direction: row;
  margin-right: 50px;
}
.single-lp #lp-header.lp .container .r.sns>div{
  margin: 0px 10px;
}
.single-lp #lp-header.lp .container .r.sns>div a{
  font-size: 2.5rem;
  display: inline-block;
  line-height: 1;
}
.single-lp #lp-header.lp .container .r.sns>div a i.fa-instagram-square{
  color:#da2b6e;
}
.single-lp #lp-header.lp .container .r.sns>div a i.fa-line{
  color:#2cb900;
}
.single-lp #lp-header.lp .container .r.sns>div a i.fa-envelope{
  color:#a26f35;
}

.single-lp #lp-header.lp .container .r.sns .button{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 20;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  pointer-events: auto;
  /* touch-action: manipulation; */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.single-lp #lp-header.lp .container .r.sns .button .button_container{
  background-color: #666;
  padding: 10px;
  border-radius: 5px;

}
.single-lp #lp-header.lp .container .r.sns .button .icon-bar{
  right:0px;
  width: 25px;
  background-color: #fff;
}

.single-lp #lp-header.lp .container .r.sns .button.open .icon-bar:nth-of-type(1) {
    transform: translate3d(0,
    8px,0) rotate(45deg);
}
.single-lp #lp-header.lp .container .r.sns .button.open .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.single-lp #lp-header.lp .container .r.sns .button.open .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}




.single-lp #lp-header.lp .container .r a.btn.line{
    background-color: #50ae33;
    padding:5px 30px;
}
.single-lp #lp-header.lp .container .r a.btn{
    background-color:#a78049;
    font-size:1.2rem;
    font-weight: 500;
    padding:10px 30px;
    border-radius: 8px;
    color:#fff;
}
.single-lp #lp-header.lp .container .r a.btn i {
    font-size: 2.4rem;
    margin-right: 5px;
}
.single-lp #lp-header.lp .container .r a.btn:hover{
    text-decoration: none;
}
.single-lp #lp-header h1 {
  font-size: 1rem;
  color: #fff;
  text-align: center;
}
/* 固定フッター */
#lp-footer.lp{
    position: fixed;
    display: inline-block;
    width: 100%;
    bottom:0px;
    left: 0px;
    text-align: center;
    z-index: 10;
    display: none;
}

#lp-footer.lp .container{
    width:100%;
    max-width: 1000px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
}
#lp-footer.lp .container .r{
    width: 48%;
}
#lp-footer.lp .container .r.w100 {
    width: 100%;
}
#lp-footer.lp .container .r a.btn{
    background-color:#a78049;
    font-size:1rem;
    line-height: 1.2;
    font-weight: 500;
    padding:10px 0px;
    border-radius: 8px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-direction: row;
    min-height: 60px;
    width: 100%;
}
#lp-footer.lp .container .r a.btn i{
    font-size: 2rem;
    margin-right: 5px;
}
#lp-footer.lp .container .r a.btn.line{
    background-color:#50ae33;
}
#lp-footer.lp .container .r.w100 a.btn.line {
    font-size: 1.4rem;
    padding:0px 5px;
}
#lp-footer.lp .container .r a.btn.line span{
    font-size: .7rem;
    display: inline-block;
    line-height: 1;
    font-weight: 100;
}
#lp-footer.lp .container .r a.btn:hover{
    text-decoration: none;
}


/* プルプルボタン */

.animated.infinite {
	animation-iteration-count: infinite;
}
.pulse {
	animation-name: pulse;
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.nomake_table th {
	text-align: center;
}
.nomake_table td {
	text-align: center;
}
  @keyframes skew {
        0% {transform: skew(0deg, 0deg);}
        5% {transform: skew(5deg, 4.2deg);}
        10% {transform: skew(-4deg, -3deg);}
        15% {transform: skew(3deg, 2.2deg);}
        20% {transform: skew(-2deg, -1.5deg);}
        25% {transform: skew(0.9deg, 0.9deg);}
        30% {transform: skew(-0.6deg, -0.6deg);}
        35% {transform: skew(0.3deg, 0.3deg);}
        40% {transform: skew(-0.2deg, -0.2deg);}
        45% {transform: skew(0.1deg, 0.1deg);}
        50% {transform: skew(0deg, 0deg);}
    }
.puru_btn{
	animation: skew 2.5s linear infinite;
}




.single-lp dt, .single-lp dd {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #content {
  padding: 0px 56px 40px;
}
.single-lp #main {
  width: 100%;
  float: left;
  overflow: hidden;
}
.single-lp .main-inner {
  margin-right: 350px;
}
.single-lp #side {
  width: 320px;
  float: left;
  margin-left: -320px;
}
.single-lp .post-footer {
  padding: 20px 0;
}
.single-lp .post-footer .bzb-sns-btn {
  padding: 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-size: 18px;
  margin-bottom: 12px;
  font-weight: bold;
}
.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: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
  -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: #f9743b;
}
.single-lp .lp-form dl {
  margin-bottom: 13px;
}/* one-column */
.one-column.single-lp #main{
  float: none;
}
.one-column.single-lp .main-inner {
  margin:0px auto;
}
/* 追加コンテンツ 202001*/
/* FV */
.one-column.single-lp .main-inner .fv{
    max-width: 800px;
    width: 100%;
    margin:50px auto 0px;
}
.one-column.single-lp .main-inner .fv.lap{
    margin:0px auto;
}
.one-column.single-lp .main-inner .fv img{
    width: 100%;
}
.one-column.single-lp .main-inner .lp_contents{
    width: 100%;
    /* max-width: 640px; */
    max-width: 800px;
    margin:0px auto;
}
.one-column.single-lp .main-inner .lp_contents section{
    position: relative;
}
.one-column.single-lp .main-inner .lp_contents section+ br{
    display: none;
}
.one-column.single-lp .main-inner .lp_contents .information{
    background-color: #dcb6b4;
    padding:40px 20px;
}
.one-column.single-lp .main-inner .lp_contents #ouboform{
  padding-top:100px;
  margin-top:-100px;
}
.one-column.single-lp .main-inner .lp_contents .information h2{
    font-size: 1.3rem;
}
.one-column.single-lp .main-inner .lp_contents .information .access{

}
.one-column.single-lp .main-inner .lp_contents .information .access .map{
    width: 100%;
    height: 450px;
}
.one-column.single-lp .main-inner .lp_contents .information .access .map iframe{
    width: 100%;
    height: 100%;
}
.one-column.single-lp .main-inner .lp_contents .information .access dl {
    display: inline-block;
    width: 100%;
}
.one-column.single-lp .main-inner .lp_contents .information .access dl dt{
    font-weight: bold;
    width: 28%;
    float: left;
    clear: left;
}
.one-column.single-lp .main-inner .lp_contents .information .access .red{
    color:#b93258;
}
.one-column.single-lp .main-inner .lp_contents .information .access h3{
    margin: 1em 0px 0px;
    border: none;
    font-weight: bold;
    font-size: 1.6rem;
}
.one-column.single-lp .main-inner .lp_contents .information .access dl dd{
    width: 72%;
    float: left;
}
.one-column.single-lp .main-inner .lp_contents .voice{
  background-color: #eee;
  padding:50px 20px;
}
.one-column.single-lp .main-inner .lp_contents .voice h2{
  display: block;
  text-align: center;
  margin: 0px auto;
}
.one-column.single-lp .main-inner .lp_contents .voice .block{
  background-color: #fff;
  padding:15px 30px;
  border-radius: 10px;
  border:1px solid #ccc;
  margin: 30px 0px;
}
.one-column.single-lp .main-inner .lp_contents .voice .block .ttl{
    font-size: 1.2rem;
    color:#e51e79;
    padding: 15px 0;
    clear: both;
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin-bottom:20px;
    line-height: 1;
}
.one-column.single-lp .main-inner .lp_contents .voice .block p{
  font-size: 1.2rem;
}
.one-column.single-lp .main-inner .lp_contents .voice .block p span{
  color:#e51e79;
  font-size: 1.4rem;
  font-weight: bold;
}
.one-column.single-lp .main-inner .lp_contents .voice .block p span.gray{
  color:#666666;
}


.one-column.single-lp .main-inner .lp_contents .fv_info{
    background-color: #fff;
    padding:40px 20px;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .topics{
    background-color:#fff;
    padding:15px;
    display: block;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .topics p{
    margin: 0px;
    font-size: .8rem;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .topics p.midashi{
    color: #f9818b;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .cta{
  margin:10px auto 30px;
  display: inline-block;
  width: 100%;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi{
  font-size: 2rem;
  color:#000;
  position: relative;
  padding: 0px 30px;
  font-weight: bold;
  text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi span{
  color:#ff9933;
  font-size: 2.2rem;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi:before{
  content:'';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0px;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi:after{
  content:'';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: 0px;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns{
  margin:30px 0px 0px;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom:20px;
  border-radius: 10px;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns .btn i {
    font-size: 2rem;
    margin-right: 30px;

}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns .btn a{
  font-size: 1.2rem;
  color:#fff;
  text-align: center;
  font-weight: bold;
  padding:15px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns .btn.linebtn{
  background-color: #2cb900;
}
.one-column.single-lp .main-inner .lp_contents .fv_info .btns .btn.mailbtn{
  background-color: #a26f35;
}
.one-column.single-lp .main-inner .lp_contents .demo{
  padding:20px;
  background-color: #eee;
  text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .demo img{
  max-width:50%;

}

.one-column.single-lp .main-inner .lp_contents .information .faq{
    background-color: #fff;
    width: 100%;
    padding:25px 30px;
}
.one-column.single-lp .main-inner .lp_contents .information .faq h2{
    font-weight: 500;
    font-size: 2.1rem;
    margin:0px auto;
    padding:0px;
    text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .information .faq h2 span{
    font-size: .9rem;
    font-weight: 400;
    display: block;
}
.one-column.single-lp .main-inner .lp_contents .information .faq dl {
    display: inline-block;
    width: 100%;
    margin:20px 0px;

}
.one-column.single-lp .main-inner .lp_contents .information .faq dl dt{
    font-weight: bold;
    width: 100%;
    color:#dcb6b4;
    clear: left;
    font-weight: 500;
}

.one-column.single-lp .main-inner .lp_contents .information .faq dl dd:not(:last-child){
    margin-bottom:2em;
}
.one-column.single-lp .main-inner .lp_contents .information .faq dl dd{
    width: 100%;
    line-height: 1.5em;
    font-weight: 400;
}
.one-column.single-lp .main-inner .lp_contents .information .faq dl dd .attent{
  font-weight: bold;
  color:#e51e79;
}

.one-column.single-lp .main-inner .lp_contents .information .faq dl dd .graph{
  width: 75%;
  margin: 20px auto;
}
.one-column.single-lp .main-inner .lp_contents .information .form{

}
.one-column.single-lp .main-inner .lp_contents .information .form h2{
    font-weight: 500;
    font-size: 1.2rem;
    margin:0px auto;
    padding:0px;
    text-align: center;
}

.one-column.single-lp .main-inner .lp_contents .information .form .form-container{
    padding:10px;
    background-color:#fff;
    margin-top: 15px;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dt{
    color:#ccc;
    font-size: .9rem;
    line-height: 1.92rem;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dt span.hissu{
    background-color:#d11f7d;
    border-radius: 5px;
    color:#fff;
    font-size: .7rem;
    margin-left: 10px;
    padding:2px 9px;
    font-weight: 100;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dt:not(:first-child){
    margin-top:1.7rem;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd input{
    line-height: 2.2rem;
    color:#666;
    font-size: 1.2rem;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd .adress{
    margin-top: 10px;
    display: block;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd.nitizi{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd.nitizi .hasDatepicker{
    width: 48%;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd.nitizi select{
    border:1px solid #ccc;
    width: 48%;
    margin:0px 5px;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd  button,#post-402  form button{
    width: 90%;
    background-color:#d11f7d;
    padding:10px;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 20px;
    margin:20px auto;
    display: block;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd input[type="submit"]{
  width: 90%;
  background-color:#d11f7d;
  color:#fff;
  padding:10px;
  font-size: 1.3rem;
  text-align: center;
  border-radius: 20px;
  margin:20px auto;
  display: block;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd.radio{
    display: flex;
    justify-content:space-between;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd .mwform-radio-field{
    padding:15px 5px;
    border:1px solid #eee;
    border-radius: 8px;
    width: 48%;
    display: inline-block;
    text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .bf{
}
.one-column.single-lp .main-inner .lp_contents .bf .block h3{
  display:inline-block;
  width: 100%;
  background-color: #f9818b;
  padding:10px;
  color:#fff;
  border:none;
  font-weight: bold;
}
.one-column.single-lp .main-inner .lp_contents .bf .block .txt p{
  margin: 40px 10px 0px;
  display: inline-block;
  border:1px solid #ccc;
  padding:20px;
  border-radius: 10px;
  font-size: 1.3rem;
  line-height: 2;
}
.one-column.single-lp .main-inner .lp_contents .bf .block .txt p span{
  color:#f9818b;
  font-weight: bold;
}
.one-column.single-lp .main-inner .lp_contents .bf .block .txt p span.b{
  color:#666;
}
.one-column.single-lp .main-inner .lp_contents .flow{

}
.one-column.single-lp .main-inner .lp_contents .flow h2{
  color: #ec7c98;
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.3;
    margin: 60px 0 60px;
    letter-spacing: -1px;
}
.one-column.single-lp .main-inner .lp_contents .flow h2.midashi{
  background-color: #ec7c98;
  color:#fff;
  padding: 15px 0px;
  margin: 0px;
}
.one-column.single-lp .main-inner .lp_contents .flow .block{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction:row;
    margin:30px 0px;

}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt{
    float: left;
    width: 50%;
    /* padding:0px 10px; */
    padding:0px 0px;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt p{
    text-align: left;
    font-weight: 100;
    margin: 0;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt h2{
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 1em;
  font-size: 1.8rem;
  text-align: left;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt p .undertxt{
    text-decoration: underline;
    color: #ec7c98;

}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt h2 .b1{
    font-size: 1.1rem;
    display: inline-block;
    color:#000;
    vertical-align: baseline;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .txt h2 .no{
    font-size: 2rem;
    color: #ec7c98;
    margin-right: 10px;
    margin-left: 3px;
    display: inline-block;
    font-weight: 500;
    vertical-align: baseline;
    font-weight: bold;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .image{
    width: 45%;
    min-height: 260px;
    max-height: 280px;
    overflow: hidden;
    background-color: #000;
    display: flex;
    align-items: center;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .image img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.one-column.single-lp .main-inner .lp_contents .flow .block:nth-of-type(2n){
    flex-direction: row-reverse;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .method, .studio_detail .contentblock .method{
  display: block;
  margin:0px;

}
.one-column.single-lp .main-inner .lp_contents .flow .block .method ul, .studio_detail .contentblock .method ul{
  margin: 0;
  padding: 10px;
  background-color: #bda17a;
  color: #fff;
  border-radius: 10px;
  font-size: .9rem;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .method ul li, .studio_detail .contentblock .method ul li{
  display: block;
  line-height: 2;
  padding-left: 0px;
}
.one-column.single-lp .main-inner .lp_contents .flow .block .method ul li span, .studio_detail .contentblock .method ul li span{
  font-weight: bold;
  display: block;
}



.one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd  button:after,#post-402  form button:after{
    content:'》';
    margin:0px 10px;
}
.one-column.single-lp .main-inner .lp_contents .footer{
    background-color: #dcb6b4;
    color: #1b1b1b;
    padding:20px 0px;
    text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .attention{
    background-color: #fff;
    width: 90%;
    border:1px solid #ccc;
    overflow:scroll;
    color: #666;
    line-height: 1.1rem;
    padding: 5px 10px;
    font-size: .7rem;
    display: inline-block;
    margin:0px auto 40px;
    height: 120px;
}

.one-column.single-lp .main-inner .lp_contents .footer .logo{
    max-width: 27%;
    margin:0px auto;
    display: inline-block;
}
.one-column.single-lp .main-inner .lp_contents .footer .info{
    max-width: 70%;
    margin:2em auto;
    font-size:.9rem;
    text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .footer span.copyright{
    font-weight: 700;
    display: block;
    margin-top:1.5em;
    letter-spacing: 1px;
    text-align: center;
}
.one-column.single-lp .main-inner .lp_contents .footer .info{
    max-width: 90%;
}
.one-column.single-lp .main-inner .lp_contents .footer .footernav{
    display: flex;
    justify-content: space-around;
}
.one-column.single-lp .main-inner .lp_contents .footer .footernav > div a{
    color:#000;
    font-weight: 500;
    font-size: .9rem;
}
/* 完了画面 */
.one-column.single-lp .main-inner .lp_contents .information .form .form-container　.mw_wp_form_complete{
    padding:25px 30px;
}
.one-column.single-lp .main-inner .lp_contents .information .form .form-container .completeinfo{
    border:1px solid #dcb6b4;
    padding:20px;
    width: 100%;
    text-align: left;
    margin:0px auto;
    color:#666;
    font-weight: 200;
}


/* .one-column.single-lp .main-inner .lp_contents .cta{
    padding-bottom:200px;
    position: relative;
} */
.mt50{
    margin-top:50px;
}
.sway_btn {
    animation: sway 1.3s infinite;
}
@keyframes sway {
    5% {transform: translate(0px, 0px) rotateZ(1deg)}
    15% {transform: translate(0px, 0px) rotateZ(-1deg)}
    25% {transform: translate(0px, 0px) rotateZ(1deg)}
    35% {transform: translate(0px, 0px) rotateZ(-1deg)}
    45% {transform: translate(0px, 0px) rotateZ(1deg)}
    55% {transform: translate(0px, 0px) rotateZ(-1deg)}
    60% {transform: translate(0px, 0px) rotateZ(0deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.fuwafuwa {
  animation: float_2979 3s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_2979 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-6px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.one-column.single-lp .main-inner .lp_contents .cta p{
    display: none;

}
.one-column.single-lp .main-inner .lp_contents .cta_btn{
    position: relative;
    width: 85%;
    /* margin: -304px auto 70px; */
    margin: -204px auto 70px;
    -webkit-box-shadow: 0 5px 10px #777;
    -moz-box-shadow: 0 5px 10px #777;
    box-shadow: 0 5px 10px #777;
}
.one-column.single-lp .main-inner .lp_contents  .henkin{
    display: inline-block;
    margin: 30px auto;
}
.one-column.single-lp .main-inner .lp_contents .line{
    margin:-10px 0px 0px;
    position: relative;
}
.mb30{
    margin-bottom:30px;
}

/* .one-column.single-lp .main-inner .lp_contents .line .btn_container{
    position: absolute;
    bottom:0px;
    left:0;
    width: 100%;
    background-color: #000;
    padding:100px 0px;
} */
.one-column.single-lp .main-inner .lp_contents .line .btn{
    position: absolute;
    bottom:100px;
    left:10%;
    width: 80%;
}
.one-column.single-lp .main-inner .lp_contents .line .btn{
    width: 80%;
    margin:0px auto;
}
.one-column.single-lp .main-inner .lp_contents .line .btn a{
    font-size: 2rem;
    font-weight: 500;
    padding: 25px 5px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-direction: row;
    min-height: 60px;
    width: 100%;
    display: block;
    background-color: #50ae33;
    text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9fe246+0,aff24b+9,34892a+100 */
    background: #9fe246; /* Old browsers */
    background: -moz-linear-gradient(top,  #9fe246 0%, #aff24b 9%, #34892a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9fe246 0%,#aff24b 9%,#34892a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9fe246 0%,#aff24b 9%,#34892a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fe246', endColorstr='#34892a',GradientType=0 ); /* IE6-9 */
    animation: skew 2.5s linear infinite;
    pointer-events: auto;
}
@keyframes bururi {
	50% {
		transform: scale(1, 1);
	}
	52% {
		transform: scale(0.98, 0.95)
	}
	54% {
		transform: scale(1, 1);
	}
	56% {
		transform: scale(0.98, 0.95)
	}
	58% {
		transform: scale(1, 1);
	}
	60% {
		transform: scale(0.98, 0.95)
	}
}
.one-column.single-lp .main-inner .lp_contents .line .btn a:hover{
    text-decoration: none;
}
@media screen and ( max-width: 1200px ){
    .one-column.single-lp .main-inner .lp_contents .cta_btn{
        margin: -124px auto 70px;
    }
}
.one-column.single-lp .main-inner .lp_contents img{
    width: 100%;
}


.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;
}
.archiver .main-inner{
    max-width: 1000px;
}
@media screen and ( max-width: 1200px ){
  .single-lp.right-content #side{
    width: 100%;
    margin: 0;
    float: none;
  }
  .single-lp.right-content .main-inner{
    margin: 0 0 40px;
    width: 100%;
  }
}
.sidebanner{
  display: none;
  position: fixed ;
  bottom: 120px;
  right: 10px;
  max-width: 207px;
  color: #fff;
}
.sidebanner a{
	display:block;
}
.sidebanner p.close{
  position: absolute;
  right: 0px;
  top:0px;
}
.sidebanner p.close a{
  display:flex;
  align-items:center;
	justify-content:center;
  width: 30px;
  height: 30px;
  text-align: center;
   margin:0px;
	background-color:#000;
	border-radius:50%;
}
.sidebanner p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #fff;
}
.sidebanner p.close a:hover{
    text-decoration: none;
}
#studio-footer.footermenu{
    background-color: #fff;
    position: fixed;
    display: inline-block;
    width: 100%;
    bottom:0px;
    left: 0px;
    text-align: center;
    z-index: 10;
    display: none;
}
#studio-footer.footermenu .container{
    width:100%;
    max-width: 1000px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 2px;
}
#studio-footer.footermenu .container>div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .7rem;
    padding:0px 10px;
}
#studio-footer.footermenu .container>div i{
    width: 100%;
    display: block;
    font-size: 1.6rem;
}


/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  color: #fff;
}
.pagetop span {
  display: block;
  border-radius: 25px;
  background: #2b2b2b;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 40px;
  font-size: 36px;
  opacity: .8;
}
/* ----------------------------------------
* 料金表ページ
---------------------------------------- */
.system{

}
.system h1{
    font-size: 1.5rem;
}
.system .navigation{
    padding:15px;
    background-color: #eee;
    border-radius:8px;
    display:flex;
    justify-content: space-around;
    width: 100%;
    margin: 0px auto 60px;
}
.system .navigatio> div:nth-of-type:not(:last-child){
    border-right: 1px solid #fff;
}
.system .navigation> div a{
    display: block;
    color: #131313;
}
.system .navigation> div a:before{
    content:'▼';
    color:#000;
    margin-right: 5px;
    font-size: .9rem;
}
.system .plan_container{
    margin:50px 0px;
}
.system .plan_container .plan{
    margin-top:80px;
}
.system .plan_container .plan h2{
    font-size: 1.3rem;
    line-height: 2;
    display: block;
    text-align: center;
    position: relative;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1.5px;
    margin-bottom:40px;
}.system .plan_container .plan h2:after{
    content:'';
    position: absolute;
    bottom:0px;
    border-bottom:5px solid #dd9b95;
    width: 90px;
    left:calc(50% - 45px);
    border-radius: 2px;
}
.system .navigation .plan_container .plan .content{

}
.system .plan_container .plan .content table{
        font-weight: 400;
        line-height: 2.5;
        font-size: .9rem;
        margin-bottom: 0px;
        border: none;
}
.system .plan_container .plan .content table tbody{
    display: flex;
}
.system .plan_container .plan .content table tr{
    display: flex;
    flex-direction: column;
}
.system .plan_container .plan .content table tr{
    width: 16%;
}
.system .plan_container .plan .content table tr:first-child{
    width: 36%;
}
.system .plan_container .plan .content table tr th{
    background-color: #000;
    text-align: center;
    padding:2px;
    font-size: .8rem;
    border: none;
    font-weight: 400;
}
.system .plan_container .plan .content table tr td{
    line-height: 1.5;
    color:#000;
    padding: 5px;
    font-size: .9rem;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
            border: none;
}
.system .plan_container .plan .content table tr td ul{
    margin: 0px;
    padding: 5px 0px;
}
.system .plan_container .plan .content table tr td ul li{
    list-style-type: none;
    font-weight: 500;
}
.system .plan_container .plan .content .biko{
    display: block;
    width: 100%;
}
.system .plan_container .plan .content .biko ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin:0px 0px 0px;
    padding: 20px 0px;
    font-weight: 200;

}
.system .plan_container .plan .content .biko ul li{
    width: calc(100% / 3);
    display: flex;
    justify-content: space-around;
    align-content:center;
    line-height: 3;
    border-bottom:1px solid #eee;
}
.system .plan_container .plan .content .biko ul li:first-child,.system .plan_container .plan .content .biko ul li:nth-of-type(2),.system .plan_container .plan .content .biko ul li:nth-of-type(3){
    border-top:1px solid #eee;
}
.system .plan_container .plan .content .biko ul li .ttl{
    width: 55%;
    text-align: left;
    padding-left: 10px;
}
.system .plan_container .plan .content .biko ul li .score{
    width: 20%;
    text-align: center;
    font-weight: bold;
}
.system .plan_container .plan ul.option{
    width: 100%;
    max-width: 650px;
    margin:60px auto;
    font-weight: 200;
}
.system .plan_container .plan ul.option li{
    display:flex;
    justify-content: space-between;
}
.system .plan_container .plan ul.option .txt{
  text-align: right;
}
.system .plan_container .plan ul.option .txt .biko{
  font-size: .8rem;
}

/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#header-nav-btn,
#gnav-sp {
  display: none;
}

@media screen and (max-width: 1200px) {
  /* laptop start */
  body.home .wrap {
    width: auto;
    max-width: 1000px;
    /* margin: 0 36px; */
    margin:0px auto;
  }
  #header .gnav-wrap {
     margin-top: 0px;
  }
   .header_info{
       font-size: .8rem;
       width: 28%;

   }
   #header.fixed .gnav-wrap {
    width: 52%;
    }
   .header_info .login {
       padding:10px;
       font-size: 11px;
   }
   .header_info .contact .tel a {
       font-size: 1.5rem;
   }
   .header_info .contact_btn {
       padding:10px;
       margin: 0px;
       font-size:10px;
   }

  .post-header,
  .post-author {
    padding: 36px;
  }

  .post-content,
  .post-footer {
    padding-left: 36px;
    padding-right: 36px;
  }

  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
  }
  .single-lp #main,
  .single-lp #side,
  .single-lp .main-inner {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  /* end start */
}
@media screen and (max-width: 991px) {
  /* tablet */
  body.home .wrap,
  .wrap {
    width: auto;
    margin: 0 24px;
  }

  body.home #front-service {
    background-image: none;
  }

  /* グローバルナビ  */
  #header {
    padding: 0;
  }
  #header .wrap {
    width: auto;
    margin: 0 24px;
  }
  #header.fixed {
    padding: 8px 0px;
  }

  #nav-container .button {
     height: 20px;
     margin: 13px 0px 0px 5px;
 }
  #nav-container:after{
     top:33px;
     left: 3.5px;
 }

   #header .gnav-wrap {
      margin-top: 0px;
      display: none;
   }
   #header  #logo{
       height: auto;
       background:none;
       box-shadow: initial !important;
       top:0px;
       left:70px;
       width: 110px;
       margin: 0px;
       padding:0px;

   }
   #header.fixed .gnav-wrap {
       width:66%;
    }
    .header_info{
        font-size: .9rem;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-direction: row;
        right:5px;
        /* width: 75%; */
        /* display: none; */
    }
    .header_info .login {
        padding:10px;
        font-size: 11px;
        width: 40%;
    }
    .header_info .contact .tel a {
        font-size: 1.5rem;
    }
    .header_info .contact_btn {
        padding:10px 5px;
        margin: 0px;
        font-size:10px;
        width: 60%;
    }
  .dummy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
  }

  #gnav-sp {
    display: none;
    background: #313131;
    display: block;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    z-index: 100;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
  }
  #gnav-sp .wrap {
    width: 94%;
    margin: 0 3%;
    padding: 36px 0;
  }
  #gnav-sp .wrap a {
    color: #fff;
  }
  #gnav-sp #header-cont-content h4,
  #gnav-sp #header-cont-about h4,
  #gnav-sp #header-cont-sns h4 {
    font-weight: bold;
    margin-bottom: 16px;
  }
  #gnav-sp #header-cont-content li,
  #gnav-sp #header-cont-about li,
  #gnav-sp #header-cont-sns li {
    font-size: 14px;
  }
  #gnav-sp #header-cont-content li a,
  #gnav-sp #header-cont-about li a,
  #gnav-sp #header-cont-sns li a {
    padding: 10px 12px;
  }
  #gnav-sp #header-cont-content ul {
    margin-left: -2%;
  }
  #gnav-sp #header-cont-content li {
    margin-left: 2%;
    float: left;
    width: 48%;
  }
  #gnav-sp #header-cont-content li a {
    display: block;
    position: relative;
  }
  #gnav-sp #header-cont-content li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    left: 0;
    top: 8px;
  }
  #gnav-sp #header-cont-content .children {
    display: none;
  }
  #gnav-sp #footer-nav li a {
    display: block;
    padding: 8px 12px;
    position: relative;
  }
  #gnav-sp #footer-nav li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    left: 0;
    top: 8px;
  }
  #gnav-sp #footer-nav .children {
    display: none;
  }
  #gnav-sp #header-cont-sns li a {
    display: block;
    padding: 8px 12px 8px 0;
  }

  /* front page */
  body.home #main_visual h2 {
    margin-top: 0;
    font-size: 1.4rem;
  }

  body.home #main_visual p {
    width: 84%;
    margin-right: 8%;
    margin-left: 8%;
  }

  body.home .front-loop {
    margin-left: 0;
  }

  body.home .front-loop .popular_post_box {
    width: 32%;
    margin: 0 .5%;
  }
  body.home .front-loop .popular_post_box .wrap-a {
    display: flex;
    border-bottom:1px solid #ccc;
  }
  .toppage section.cont2_education .three_point .block .cont p {
      font-size: 1rem;
  }
  body.home .front-loop article.post {
      padding: 0px;
 }
  body.home .front-loop .popular_post_box h3 {
      font-size: 12px;
 }
  body.home .front-loop .popular_post_box .p_category {
      font-size: .7rem;
      padding: 2px 15px;
      white-space: nowrap;
      font-size: 10px;
  }
  body.home .front-loop .popular_post_box .p_date {
    font-size: .7rem;
    margin:0px;
  }
  body.home .front-loop .popular_post_box .wrap-a:hover {
    background: #fafafa;
    text-decoration: none;
  }
  body.home .front-loop .popular_post_box .wrap-a h3,
  body.home .front-loop .popular_post_box .wrap-a ul {
    margin-left: 10px;
    margin-right: 10px;
  }
  body.home .front-loop .popular_post_box img {
    width: 100%;
    height: auto;
  }
  body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: none;
  }

  body.home .front-main-cont .tri-border {
    display: none;
  }

  body.home #front-contents .c_box.c_box_left .c_box_inner,
  body.home #front-contents .c_box.c_box_right .c_box_inner {
    width: 100%;
    float: none;
  }
  body.home #front-contents .c_box.c_box_left .c_title,
  body.home #front-contents .c_box.c_box_right .c_title {
    text-align: center;
  }
  body.home #front-contents .c_box.c_box_left .c_img_box,
  body.home #front-contents .c_box.c_box_right .c_img_box {
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 24px;
  }
  body.home #front-contents .c_box.c_box_left .c_text h4,
  body.home #front-contents .c_box.c_box_right .c_text h4 {
    text-align: center;
  }
  body.home #front-contents .c_box.c_box_left .c_btn,
  body.home #front-contents .c_box.c_box_right .c_btn {
    text-align: center;
  }
  body.home #front-contents .c_box.c_box_left .c_btn a,
  body.home #front-contents .c_box.c_box_right .c_btn a {
    margin-right: auto;
    margin-left: auto;
  }

  body.home #front-service .front-service-inner {
    margin-left: 0;
  }
  body.home #front-service .front-service-inner .c_box {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  body.home #front-company .c_img_box {
    height: 300px;
    position: relative;
  }
  body.home #front-company .c_img_box,
  body.home #front-company .c_box_inner {
    float: none;
    width: 100%;
  }

  .cat-content .post-header,
  article.page .post-header,
  article.post .post-header {
    padding: 56px 44px;
  }

  article.page .post-content {
    padding: 20px 10px;
  }

  .post-header {
    padding: 56px 44px 0;
  }

  .post-content {
    padding: 40px;
  }
  .post-content h2 {
    margin-left: -52px;
  }
  .post-content table th,
  .post-content table td {
    padding: 5px 25px;
  }
   .post-content table th{
       font-size: .9rem;
   }


  .post-meta-area {
    background: #fff;
    color: #241913;
  }
  .post-meta-area .post-meta {
    width: 40%;
    float: left;
    text-align: left;
  }
  .post-meta-area .post-meta .date {
    background: transparent;
    text-align: left;
  }
  .post-meta-area .bzb-sns-btn {
    height: auto;
  }
  .post-meta-area .bzb-sns-btn .sharrre {
    margin: 0 5px 0 0;
    float: left !important;
    width: 20%;
    overflow: hidden;
  }
  .post-meta-area .bzb-sns-btn .sharrre.twitter a, .post-meta-area .bzb-sns-btn .sharrre.facebook a, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a, .post-meta-area .bzb-sns-btn .sharrre.hatena a {
    background: transparent;
    display: block;
    padding: 4px 24px;
    color: #241913;
  }
  .post-meta-area .bzb-sns-btn .sharrre.twitter a .share, .post-meta-area .bzb-sns-btn .sharrre.facebook a .share, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a .share, .post-meta-area .bzb-sns-btn .sharrre.hatena a .share {
    display: none;
    text-align: center;
    float: left;
  }
  .post-meta-area .bzb-sns-btn .sharrre.twitter a:hover, .post-meta-area .bzb-sns-btn .sharrre.facebook a:hover, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a:hover, .post-meta-area .bzb-sns-btn .sharrre.hatena a:hover {
    background: transparent;
  }
  .post-meta-area .bzb-sns-btn .s_buttons {
    font-size: 14px;
    padding-top: 20px;
  }
  .post-meta-area .loop-comment-icon {
    padding: 4px 12px;
    background: transparent !important;
    text-align: center;
    float: right;
  }

  #footer-facebook {
    display: none;
  }

  #footer-list-area {
    width: 100%;
  }

  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
    margin: 0 24px;
  }
  .single-lp .lp-form .submit {
    width: 50%;
  }

  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  .wrap {
    overflow: hidden;
  }

  .post-title {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .post-loop-wrap.trainer .post-header h2{
      font-size: 1.1rem;
  }
  body.home .wrap,
  .wrap {
    margin: 0 12px;
  }
  .breadcrumb-area {
      border:none;
   }
  .breadcrumb-area .wrap {
    padding:0px;
    margin:0px;
  }
  .breadcrumb-area .breadcrumb{
      font-size:11px;
  }

/* .post-content table{
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
  }
*/
  body.home #front-company dl dt,
  body.home #front-company dl dd {
    float: none;
    width: 100%;
    box-sizing: border-box;
  }
  body.home #front-company dl dt span,
  body.home #front-company dl dd span {
    padding: 0;
  }
  body.home #front-company dl dt {
    font-weight: bold;
    padding: 8px 12px 0;
  }
  body.home #front-company dl dd {
    border-top: none !important;
    padding: 4px 12px 8px;
  }
  body.home #main_visual h1 {
    font-size: 1.2rem;
    margin: 0px;
    margin-bottom:60px;
  }

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

  #side {
    width: 100%;
    float: none;
  }
  .sidebanner{
      max-width: 180px;
  }

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

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

  .one-column #content .wrap {
    width: 94%;
    margin: 0 3%;
  }
  .one-column #content .wrap #main {
    width: 100%;
    float: none;
  }
  .one-column #content .wrap #side {
    width: 100%;
    float: none;
  }
  .post-thumbnail, .archive-thumbnail {
    max-height: 60px;
    height:60px;
  }
  .post-thumbnail img, .archive-thumbnail img{
      height: 100%;
      object-fit: cover;
  }
  .post-thumbnail .cap{
       top:20%;
  }
  .post-thumbnail .cap h2,.archive-thumbnail .cap h2,.post-thumbnail .cap .ttl{
    font-size: 1.1rem;
    margin: 0px auto;
  }
  .post-content h1 {
      font-size: .9em;
      margin: .5em 0 1em;
      padding: 0px;
  }
  .post-thumbnail .cap p.fss {
      margin:0px;
      font-size: .9rem;
  }
  .post-loop-wrap.studio > article{
      padding:0px;
  }
   .post-loop-wrap.studio > article .post-thumbnail{
       max-height: 150px;
       height: 150px;
   }
  .post-loop-wrap.studio > article .post-thumbnail a{
      display: inline-block;
      height: 100%;
  }
   .post-loop-wrap.studio > article .post-thumbnail a .block,.post-loop-wrap.studio > article .post-thumbnail a .block .image{
        height: 100%;
    }
    .post-loop-wrap.studio > article .post-thumbnail a img{
        height: 100%;
        object-fit: cover;
    }
    .post-loop-wrap.studio > article .post-header h2{
        margin-top:0px;
        margin-bottom:0px;
    }
    .post-loop-wrap.studio > article .post-header h2 {
        font-size: 1.1rem;
        border: none;
    }
    .post-loop-wrap.studio > article .post-header{
        border: none;
    }
    .post-loop-wrap.studio > article .post-content{
    font-size: 1rem;
    padding: 5px 0px;
    line-height: 1.5;
    }
    .post-loop-wrap.studio > article .btn a.morelink{
        padding: 10px 20px;
        font-size: .9rem;
    }

  .post-loop-wrap.trainer > article{
      width:calc(100% / 1);
      margin-bottom:0px;
  }
  .post-loop-wrap.trainer .post-thumbnail{
    max-height: initial;
    height: auto;
  }
  .b_a_detail .image {
      height: auto;
      width: 100%;
  }
  .b_a_detail .image .before:before {
    right: -30px;
    font-size: 2rem;
  }
   .post-content.trainer_detail{
    padding:5px;
  }
  .trainer_detail .image{
      width: 100%;
  }
  .trainer_detail .txt{
      width: 100%;
  }
  .trainer_detail .txt dl{
      font-size: 1rem;
  }

  /* header */
  #header {
    padding: 0;
  }
  #header .wrap {
    padding: 0;
    margin: 0 12px;
  }
  #header {
      padding:0px;
      margin-top: 12px;
      overflow: visible;
      background: rgba(255,255,255,0.8);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-direction:column;
      width: 100%;
      height: 87px;
      z-index: 2;
  }
  #header #logo {
    float: none;
    position: relative;
    flex-direction: row;
    left: 50px;
    width: auto;
  }
  #header #logo a{
    box-shadow: initial !important;
  }
  #header #logo img {
    vertical-align: top;
  }
  #header #logo .header-sns{
      position: relative;
      top: 7px !important;
      right: 0px;
  }
  #header #logo .header-sns a{
      padding: 0px !important;
      top: 0px;
      width: auto;
  }
  .page-template-page-noheader #header #logo{
      left: initial;
      width: 100px;
      margin: 0px auto;
  }

  #header #header-right {
    height: auto;
  }
  #header #header-primary-nav {
    display: none;
  }

  #nav-content {
    margin-top: 45px;
  }

  /* .header_info{
      display: none;
  } */
  #header.fixed .gnav-wrap, #header .gnav-wrap {
      width: 75%;
      font-size: .7rem;
  }
  #gnav ul li a {
      padding: 0px;
      font-size: .7rem;
      line-height: 1;
   }
   #gnav ul li {
       width: auto;
       position: initial;
   }
   #gnav ul li .sub-menu {
       width: 100%;
       left: 0px;
       position: absolute;
       display: flex;
       align-items: center;
       justify-content: center;
   }
  #header.fixed #logo a{
      width: 100%;
      margin:0px;
      height: auto;
      background: none;
      box-shadow: initial !important;
      line-height: 0;
  }
  #footer .wrap {
      flex-wrap: wrap;
  }
  #footer .left {
      width: 100%;
  }
  #footer .right {
      width: 100%;
  }
  #footer .footertxt {
      max-width: 100%;
      line-height: 1.3em;
  }
  #footer .footertxt h4{
      margin-bottom:.5rem;
      line-height: 1.3;
  }


  .single-lp #lp-header {
    padding: 0px;
    display: none;
  }
  .single-lp .lp-thumbnail {
    float: none;
    margin: 0 0 13px;
  }
  .single-lp .lp-thumbnail img {
    width: 100%;
    height: auto;
  }
  .single-lp #content {
    padding: 0px;
  }

  #gnav-sp {
    display: none;
    top: 0px !important;
    z-index: 9;
  }
  #gnav-sp ul {
    margin-bottom: 20px;
  }
  #gnav-sp #header-cont-content ul {
    margin-left: 0;
  }
  #gnav-sp #header-cont-content li {
    margin-left: 0;
    float: left;
    width: 100%;
  }

  /* loop */
  body.home .front-loop .popular_post_box {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  body.home #front-contents .c_text .c_btn a {
    width: 100%;
  }

  /* single */
  .cat-content .post-header,
  article.page .post-header,
  article.post .post-header {
    padding: 10px;
  }

  .post-author {
    padding: 20px;
  }
  .post-author .post-author-meta {
    padding-top: 12px;
  }
  .post-author .post-author-meta p {
    margin-right: 0;
  }

  .post-meta-area .post-meta,
  .post-meta-area .post-meta-comment {
    float: none;
    width: 100%;
    padding: 0;
  }
  .post-meta-area .post-meta {
    border-bottom: 1px solid #e5e5e5;
  }
  .post-meta-area .post-meta .date {
    padding: 8px 20px;
  }
  .post-meta-area .post-meta-comment .author {
    border: none;
    padding: 8px 20px;
    text-align: left;
  }
  .post-meta-area .post-meta-comment .comments {
    padding: 8px 20px;
  }

  .post-content,
  .post-footer {
    padding: 20px;
  }

  .post-cta .cta-post-title {
    padding: 12px 20px;
    font-size: 18px;
  }
  .post-cta .post-cta-inner {
    padding: 0;
  }
  .post-cta .post-cta-cont {
    padding: 12px 20px;
  }
  .post-cta .post-cta-cont .post-cta-img {
    float: none;
    margin: 0 0 12px;
    width: 100%;
  }
  .post-cta .post-cta-cont .post-cta-img {
    text-align: center;
  }
  .post-cta .post-cta-btn a {
    width: 100%;
  }

  .comment-form-author,
  .comment-form-email {
    float: none;
    width: 100%;
  }
  .single-lp {
    padding:0;
   }

  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
    margin: 0px;
  }
  .single-lp .lp-form input {
    width: 100% !important;
  }
  .single-lp .lp-form .submit {
    width: 100%;
  }
  .single-lp #lp-header h1 {
     margin:0px;
   }
   .single-lp #lp-header.lp .container .l{
       width: 40%;
   }
   .single-lp #lp-header.lp .container .r.Line-btn{
       display: none;
   }
   .single-lp #lp-header.lp .container .r a.btn{
       font-size:.9rem;
   }
   .single-lp #lp-header.lp .container .r a.btn.line{
       padding: 5px 30px;
       margin-top:-3px;
   }
   .single-lp #lp-header.lp .container .r a.btn i {
       font-size: 1.2rem;
   }


   /* 固定フッター */
   #lp-footer.lp{
    display: block;
    }
    .single-lp .lp-wrap.lap #content{
        padding:0px;
    }
    /* よくある質問 */
    .faq .q{
        margin-bottom: 20px;
        margin-top:40px;
    }
    .faq .q>h2{
        font-size: 1.1rem;
    }
    .one-column.single-lp .main-inner .lp_contents .information .form .form-container dl dd .mwform-radio-field{
        width: 48%;
        line-height: 1.1;
        font-size: .8rem;
    }
    .one-column.single-lp .main-inner .lp_contents .information .faq {
    padding: 25px 0px;
    }
    .one-column.single-lp .main-inner .lp_contents .information .topics p{
      font-size: .7rem;
    }
    .studio_detail .topics {
        padding: 10px;
    }

    .studio_detail .topics p.midashi {
        font-size: 1rem;
    }
    .studio_detail .topics p {
        font-size: .7rem;
    }
    .studio_detail .cta{
        margin-top:30px;
    }
    .studio_detail .cta h3{
        font-size: 2rem;
        width: 90%;
        position: relative;
        display: block;
        margin: 0px auto;
    }
    .studio_detail .cta h3::before{
        font-size: 2rem;
        position: absolute;
        left: -10px;
        top:30px;
    }
    .studio_detail .cta h3::after{
        font-size: 2rem;
        position: absolute;
        left: initial;
        right: -10px;
        top:30px;
    }
    .studio_detail .cta .btn_cont .btn a{
        height: 100%;
        line-height: 1.3;
        padding:30px 25px;
        display: flex;
        align-items: center;
    }
    .studio_detail .cta .btn_cont .btn a i {
    position: absolute;
    right: 10px;
    top: 43%;
    font-size: 1.2rem;
    }
    .studio_detail .cta .tel_cont{
        margin: 20px 0px;
    }
    .studio_detail .cta .tel_cont p{
        font-size: 1rem;
    }
    .studio_detail .cta .tel_cont .tel{
        font-size: 2rem;
    }
    .studio_detail .cta .tel_cont .tel .fss{
        display: block;
    }

    .studio_detail .about p{
        width: 100%;
    }
    .studio_detail h2{
        font-size: 1.5rem !important;
        margin: 0px;
    }
    .studio_detail .about .slogan{
        width: 80%;
        font-size: 1.2rem;
    }
    .studio_detail .about .image {
        width: 100%;
    }
    .studio_detail .media{
        padding:20px 0px;
        margin-top:30px;
    }
    .studio_detail .media .medialist{
        width: 96%;
        margin: 20px auto;
    }
    .studio_detail .media .medialist .block{
        width: 48%;
    }
    .studio_detail .media .medialist .block p{
        margin-top:10px;
        font-size: .8rem;
        line-height: 1.5;
    }
    .studio_detail .nayami{
        background-position: center top;
        padding:50px 0px 0px;
    }

    .studio_detail .nayami h2{
        padding:10px;
        width: 70%;
        font-size: 1rem !important
    }
    .studio_detail .nayami .block{
        width: 100%;
        margin: 0px;
    }
    .studio_detail .nayami .block ul{
        padding: 20px 10px;
        margin: 0px;
    }
    .studio_detail .nayami .block ul li{
        font-size: 1.1rem;
    }
    .studio_detail .nayami .block ul li:before{
        width: 20px;
        height: 20px;
        font-size: 1.3rem;
    }
    .studio_detail .reason h2 span{
        font-size: 1.1rem;
    }
    .studio_detail .reason .logo{
        margin: 0px auto;
    }
    .studio_detail .reason .logo object{
        width: 50%;
    }
    .studio_detail .reason .support{
        font-size: 1.2rem;
    }
    .studio_detail .reason .support .dpib{
        display: inline;
    }
    .studio_detail .reason h3.reason{
        font-size: 1.5rem;
    }
    .one-column.single-lp .main-inner .lp_contents .flow{
      padding: 0px 10px;
    }
    .one-column.single-lp .main-inner .lp_contents .flow h2 {
      margin: 30px 0px;
      padding: 0px;
      font-size: 1rem;
    }
    .one-column.single-lp .main-inner .lp_contents .flow .block .txt h2{
      font-size: 1.4rem;
    }
    .studio_detail .contentblock .block{
        flex-direction: column;
    }
    .one-column.single-lp .main-inner .lp_contents .flow .block, .studio_detail .contentblock .block h2{
      padding:0px;
    }
    .one-column.single-lp .main-inner .lp_contents .flow .block .txt,.studio_detail  .contentblock .block .txt{
        width: 100%;
        padding: 0px;
        margin:10px 0px 15px;
    }
    .studio_detail .contentblock .block .image{
        width: 100%;
        background-color: #ccc;
        max-height: initial;
        min-height: initial;
    }
    .studio_detail .contentblock .block .txt h2 .b1{
        font-size: 1.4rem;
    }
    .studio_detail .contentblock .block .txt h2 .no{
        font-size: 3.5rem;
        font-style: italic;
    }

     .one-column.single-lp .main-inner .lp_contents .flow .block{
       justify-content: center;
       align-items: stretch;
       position: relative;
     }
     .one-column.single-lp .main-inner .lp_contents .flow .block:after{
       content:'';
       position: absolute;
       left: 50%;
       bottom:-10px;
        width: 0;
        height: 0;
        bottom: 0px;
        border-style: solid;
        border-color: #fee9f0 transparent transparent transparent;
        border-width: 10px 50px 0 50px;
        z-index: 1;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
     }
     .one-column.single-lp .main-inner .lp_contents .flow .block:nth-of-type(2n){

     }

     .one-column.single-lp .main-inner .lp_contents .flow .block .txt{
       width: 50% !important;
       padding: 0px 10px;
       font-size: .7rem;
     }

     .one-column.single-lp .main-inner .lp_contents .flow .block .txt h2 .b1 {
       font-size: .7rem;
       display: block;
     }

     .one-column.single-lp .main-inner .lp_contents .flow .block .method ul{
       font-size: .7rem;
     }

     .one-column.single-lp .main-inner .lp_contents .flow .block .image{
      height: 120px;
      width: 50% !important;
      padding: 0px;
      margin-top: 100px !important;
     }

     .one-column.single-lp .main-inner .lp_contents .flow .block .image img{
       object-fit: cover;
       width: 100%;
       height: 100%;
       object-position: left top;
     }

     .studio_detail .contentblock .block:nth-of-type(2n){
          flex-direction: column;
    }
    .studio_detail .contentblock .block .image{
        max-height: 235px;
        min-height: initial;
    }

    .studio_detail .reason .biko h3{
        margin: 0px;
    }
    .studio_detail .reason .biko p{
        font-size: .8rem;
    }
    .studio_detail .price .price_container .block .money{
        line-height: 1.3;
    }
    .studio_detail .price .price_container .block .money span {
    font-size: .5rem;
    margin-bottom:15px;
    display: block;
    }
    .studio_detail .price .price_container .imanara{
        padding: 10px;
        width: 90%;
        margin: 0px auto;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .studio_detail .price .price_container .imanara .pink{
        font-size: 3rem;
    }
    .studio_detail .price .price_container .news {
    font-size: 1.3rem;
    }
    .studio_detail .banner {
    margin-top: 30px;
    }
    .studio_detail .information .table {
    width: 100%;
    margin-bottom:15px;
    }
    .studio_detail .information .map {
    width: 100%;
    }
    .studio_detail .shop .accessinfo{
        margin-bottom: 0px;
    }
    .studio_detail .shop .accessinfo h3{
        margin: 0px;
    }
    .studio_detail .shop .accessinfo .access_txt{
        margin: 0px;
    }
    .studio_detail .shop .accessinfo .access_txt .contentblock{
        padding:0px 0px;
    }
    .studio_detail .shop .accessinfo .contentblock .block{
        margin:10px 0px;
    }
    .studio_detail .accessinfo .contentblock .block h2{
        margin: 0px;
    }
    .studio_detail .contentblock .block .txt p {
        margin-bottom:15px;
    }
    .studio_detail .form h2{
        padding: 15px 0px;
    }
    .studio_detail .table .cap{
        width: 100%;
    }
    .one-column.single-lp .main-inner .lp_contents .line .btn_container{
        padding: 30px 0px;
    }
    .one-column.single-lp .main-inner .lp_contents .line .btn{
        bottom:40px;
    }
    .one-column.single-lp .main-inner .lp_contents .line .btn a{
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .system .navigation {
        font-size: .7rem;
        padding: 5px;
        margin: 0 auto 30px;
    }
    .system .plan_container .plan .content table tr{
        width: 100%;
    }
    .system .plan_container .plan .content table tr:first-child{
        width: 100%;
    }

    .system .plan_container .plan .content table tr td{
        min-height: initial;
        font-weight: 400;
        font-size: 1rem;
    }
    .system .plan_container .plan .content table tbody{
        flex-wrap: wrap;
    }
    .system .plan_container .plan .content .biko ul{

    }
    .system .plan_container .plan .content .biko ul li{
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }
    .system .plan_container .plan .content .biko ul li:first-child,.system .plan_container .plan .content .biko ul li:nth-of-type(2){
        border:none;
    }
    .system .plan_container .plan .content .biko ul li .ttl{
        line-height: 1.1;
        padding: 0px;
        width: auto;
    }
    .system .plan_container .plan h2{
        line-height: 3;
    }
    .system .plan_container .plan .content table tr td ul{
        width: 100%;
    }
    .system .plan_container .plan .content .biko ul li .score {
        font-size: 1.3rem;
        width: 100%;
    }
    .single-lp #lp-header.lp .container .r.sns {
      margin: 0px;
    }
    .single-lp #lp-header.lp .container .r.sns .button .icon-bar {
      width: 20px;
    }
    .single-lp #lp-header.lp .container .r.sns .button .button_container {
      padding: 5px;
    }
    #nav-content-lp .information > div a {
      font-size: .8rem;
    }
    #nav-content-lp ul {
      padding: 0px;
    }
    #nav-content-lp li a {
      font-size: .9rem;
    }

    .toppage section .container .block .thumb.shinsaibashi span.new {
    font-size: .8rem;
    font-weight: 700;
    margin-left: 0;
    line-height: 1;
    display: block;
    }
    .toppage .fv .point{
      margin-top:0px;
    }


    .toppage .fv .point .midashi {
      width: 70%;
      top: -15px;
      font-size: .8rem;
      padding: 5px;
    }
    .toppage .fv .point .slide_container{
      padding:50px 10px 30px;
      margin: 0px auto 0;
    }
    .toppage .fv .swipe{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 0px;
      background-color: rgba(255,255,255,.1);
      position: absolute;
      top: 33px;
      color: #fff;
      z-index: 1;
      width: 60%;
      left: 20%;
      font-size: .7rem;
      line-height: 1;
    }
    .toppage .fv .zyoken{
      padding-bottom:40px;
    }
    .toppage .fv .point .slide_container .block{
      /* height: 380px; */
    }
    .toppage .fv .point .slide_container .block .image {
      height: 120px;
    }
    .toppage .fv .point .slide_container .block .txt .catch {
      font-size: .7rem;
      /* height: 30px; */
    }
    .toppage .fv .point .slide_container .block .txt p {
      font-size: .8rem;
      /* height: 150px; */
    }

    .toppage section .container .block{
      text-align: left;
      margin-bottom:40px;
    }
    .toppage section .container.studio .block{
      width: 100%;
    }
    .toppage section .container .block .ttl{
      position: relative;
      cursor: pointer;
      font-size:1rem;
      border-bottom: 1px solid #eeeeee;
      font-weight: bold;
      padding: 3%;
      transition: all .5s ease;
    }

    /*アイコンの＋と×*/
    .toppage section .container .block .ttl::before,
    .toppage section .container .block .ttl::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;

    }
    .toppage section .container .block .ttl::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);

    }
    .toppage section .container .block .ttl::after{
    top:48%;
    right: 15px;
    transform: rotate(90deg);

    }
    /*　closeというクラスがついたら形状変化　*/
    .toppage section .container .block .ttl.active::before{
      transform: rotate(45deg);
    }

    .toppage section .container .block .ttl.active::after{
      transform: rotate(-45deg);
    }
    .toppage section .container .block .acCont{
      display: none;
    }



  /* phone end */
}
/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color01 #main_visual {
  background: #1DBBDA;
  background-image: -webkit-linear-gradient(bottom right, #1dbbda, #06abc8);
  background-image: linear-gradient(to top left, #1dbbda, #06abc8);
  color: #fff;
}
body.home.color01 .front-loop {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
body.home.color01 .front-loop h2 {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color01 .front-loop .popular_post_box h3 {
  color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a {
  color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a:hover {
  color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box ul a {
  color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box ul a:hover {
  color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box .p_category {
  background: #06ABC8;
  color: #fff;
  color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_rank {
  background: #900;
  color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_date {
  background: #2B353E;
  color: #fff;
}
body.home.color01 .front-main-cont .front-cont-header {
  background: #2B353E;
  color: #fff;
}
body.home.color01 .front-main-cont .tri-border span {
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #2B353E;
}
body.home.color01 #front-contents .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-contents .c_box.c_box_left {
  background-color: #fff;
}
body.home.color01 #front-contents .c_box.c_box_right {
  background-color: #fafafa;
}
body.home.color01 #front-contents .c_number {
  background: #06ABC8;
  color: #fff;
}
body.home.color01 #front-contents h3 {
  color: #06ABC8;
}
body.home.color01 #front-contents .c_english {
  color: #06ABC8;
}
body.home.color01 #front-contents .c_text .c_btn a {
  background: #21262c;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-service {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-service .front-service-inner h3 {
  color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_english {
  color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_text .c_btn a {
  background: #21262c;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-company {
  background: #fff;
}
body.home.color01 #front-company .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl#front-company-1 dt {
  border-top: 2px solid #06ABC8;
}
body.home.color01 #front-company dl#front-company-1 dd {
  border-top: 1px solid #e5e5e5;
}
body.home.color01 #front-contact {
  background: #06ABC8;
}
body.home.color01 #front-contact .c_box_inner input[type=submit],
body.home.color01 #front-contact .c_box_inner button {
  background: #131D2A;
}

body.color01 {
  color: #2B353E;
}
body.color01 a {
  color: #06ABC8;
}
body.color01 form input[type="submit"],
body.color01 form button {
  background: #2B353E;
  color: #fff;
}
body.color01 #header {
  background: #06ABC8;
}
body.color01 #header a {
  color: #fff;
}
body.color01 .breadcrumb-area {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.color01 #gnav {
  background: #06ABC8;
}
body.color01 #gnav ul li:hover a {
  background: #07c0e1;
}
body.color01 #gnav ul li.current-menu-item a {
  background: #07c0e1;
}
body.color01 #gnav ul li a {
  color: #fff;
  background: #06ABC8;
}
body.color01 #gnav ul li a:hover {
  color: #fff;
  background: #07c0e1;
}
body.color01 #gnav ul li .sub-menu {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li a {
  color: #2B353E;
  background: #fff;
}
body.color01 #gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #2B353E;
}
body.color01 #header-fnav-area #header-fnav-btn a {
  background: #07c0e1;
}
body.color01 #header-fnav-area #header-fnav {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li a {
  color: #2B353E;
  background: #fff;
}
body.color01 #header-fnav-area #header-fnav li a:hover {
  background: #fafafa;
  color: #2B353E;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color01 .post-header {
  padding: 56px 64px 46px;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and ( max-width: 767px ){
  body.color01 .post-header, body.color02 .post-header, body.color03 .post-header , body.color04 .post-header {
    padding: 20px !important;
  }
}
body.color01 .post-header .cat-name span {
  border: 1px solid #06ABC8;
  color: #06ABC8;
}
body.color01 .post-title a {
  color: #2B353E;
}
body.color01 .post-title a:hover {
  color: #FFC600;
}
body.color01 .post-title a {
  color: #2B353E;
}
body.color01 .post-title a:hover {
  color: #FFC600;
}
body.color01 .post-meta-area {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-meta-area .post-meta-comment li {
  border-left: 1px solid #e5e5e5;
}
body.color01 .post-content hr {
  border-bottom: 1px solid #eee;
}
body.color01 .post-content h2 {
  border-left: 10px solid #131D2A;
  background: #2B353E;
  color: #fff;
}
body.color01 .post-content h3 {
  border-bottom: 2px solid #2B353E;
}
body.color01 .post-content h4 {
  border-left: 5px solid #131D2A;
  clear: both;
}
body.color01 .post-content blockquote {
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}
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 {
  color: #2B353E;
}
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: #131D2A;
  color: #fff;
}
body.color01 .post-cta .cta-post-title {
  border-bottom: 1px solid #eee;
}
body.color01 .post-cta .post-cta-btn a {
  background: #F86222;
  color: #fff;
}
body.color01 .post-cta .post-cta-btn a:hover {
  background: #fa8553;
}
body.color01 .post-cta .btn {
  background: #2B353E;
}
body.color01 .post-cta .btn:hover {
  background: #FFC600;
}
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 {
  background: #f7f7f7;
}
body.color01 .post-author {
  border: 1px solid #e5e5e5;
  color: #2B353E;
  background: #fff;
}
body.color01 .post-author a {
  color: #2B353E;
}
body.color01 .post-author .post-author-meta {
  color: #2B353E;
}
body.color01 #comments {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 40px 45px;
}
body.color01 #comments h4 {
  border-bottom: 5px solid #2B353E;
}
body.color01 #comments h4 i {
  color: #2B353E;
}
body.color01 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color01 .cat-content {
  background: #fff;
}
body.color01 .post-loop-wrap .more-link {
  border: 1px #2B353E solid;
  color: #2B353E;
}
body.color01 .post-loop-wrap .more-link:hover {
  background: #2B353E;
  color: #fff;
}
body.color01 .post-loop-wrap .post-footer {
  border-top: 1px #eee solid;
}
body.color01 .post-loop-wrap .post-footer a.morelink {
  background: #2B353E;
  color: #fff;
}
body.color01 .pagination span, body.color01 .pagination a {
  color: #2B353E;
  background: #fff;
}
body.color01 .pagination a:hover {
  color: #fff;
  background: #3279BB;
}
body.color01 .pagination .current {
  background: #3279BB;
  color: #fff;
}
body.color01 .side-widget .side-title {
  background: #ebebeb;
  border: 1px solid #e4e4e4;
}
body.color01 .side-widget a {
  color: #06ABC8;
}
body.color01 .side-widget a:hover {
  color: #06ABC8;
}
body.color01 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget .post-date {
  color: #999999;
}
body.color01 .widget_search {
  border: 1px solid #e5e5e5;
}
body.color01 .widget_search button {
  color: #5e6265;
}
body.color01 .recentcomments {
  color: #808080;
}
body.color01 .recentcomments a {
  color: #2B353E;
}
body.color01 #side .share-list-wrap {
  background: #fff;
}
body.color01 #footer {
  color: #fff;
  border-top: 8px solid #2B353E;
}
body.color01 #footer a {
  color: #fff;
}
body.color01 #footer a:hover {
  color: #ccc;
}
body.color01 #footer-brand-area {
  border-bottom: 1px solid #2B353E;
}
body.color01 .footer-01 {
  background: #313131;
}
body.color01 .footer-02 {
  background: #010A17;
}
body.color01 .single-lp .lp-wrap {
  border: 1px solid #eee;
  background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
  background: #06ABC8;
}
body.color01 .single-lp #lp-header h1 {
  color: #2B353E;
  border-bottom: 1px solid #eee;
}
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: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
  background: #f9743b;
}
body.color01 .pagetop {
  color: #fff;
}
body.color01 .pagetop span {
  background: #2b2b2b;
}
body.color01.single-lp #lp-header{
  background: #1eabc6;
}

/* ----------------------------------------
* カラースキーム 02 青
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color02 #main_visual {
  background: #0063A2;
  background-image: -webkit-linear-gradient(bottom right, #0063a2, #005990);
  background-image: linear-gradient(to top left, #0063a2, #005990);
  color: #fff;
}
body.home.color02 .front-loop {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
body.home.color02 .front-loop h2 {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color02 .front-loop .popular_post_box h3 {
  color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a {
  color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a:hover {
  color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box ul a {
  color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box ul a:hover {
  color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box .p_category {
  background: #005990;
  color: #fff;
  color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_rank {
  background: #900;
  color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_date {
  background: #36373C;
  color: #fff;
}
body.home.color02 .front-main-cont .front-cont-header {
  background: #36373C;
  color: #fff;
}
body.home.color02 .front-main-cont .tri-border span {
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #36373C;
}
body.home.color02 #front-contents .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-contents .c_box.c_box_left {
  background-color: #fff;
}
body.home.color02 #front-contents .c_box.c_box_right {
  background-color: #fafafa;
}
body.home.color02 #front-contents .c_number {
  background: #005990;
  color: #fff;
}
body.home.color02 #front-contents h3 {
  color: #005990;
}
body.home.color02 #front-contents .c_english {
  color: #005990;
}
body.home.color02 #front-contents .c_text .c_btn a {
  background: #14A0EE;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-service {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-service .front-service-inner h3 {
  color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_english {
  color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_text .c_btn a {
  background: #005990;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-company {
  background: #fff;
}
body.home.color02 #front-company .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl#front-company-1 dt {
  border-top: 2px solid #005990;
}
body.home.color02 #front-company dl#front-company-1 dd {
  border-top: 1px solid #e5e5e5;
}
body.home.color02 #front-contact {
  background: #005990;
}
body.home.color02 #front-contact .c_box_inner input[type=submit],
body.home.color02 #front-contact .c_box_inner button {
  background: #131D2A;
}

body.color02 {
  color: #4E4E4E;
}
body.color02 a {
  color: #14A0EE;
}
body.color02 form input[type="submit"],
body.color02 form button {
  background: #36373C;
  color: #fff;
}
body.color02 #header {
  background: #005990;
}
body.color02 #header a {
  color: #fff;
}
body.color02 .breadcrumb-area {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.color02 #gnav {
  background: #005990;
}
body.color02 #gnav ul li:hover a {
  background: #0069aa;
}
body.color02 #gnav ul li.current-menu-item a {
  background: #0069aa;
}
body.color02 #gnav ul li a {
  color: #fff;
  background: #005990;
}
body.color02 #gnav ul li a:hover {
  color: #fff;
  background: #0069aa;
}
body.color02 #gnav ul li .sub-menu {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li a {
  color: #36373C;
  background: #fff;
}
body.color02 #gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #36373C;
}
body.color02 #header-fnav-area #header-fnav-btn a {
  background: #0069aa;
}
body.color02 #header-fnav-area #header-fnav {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li a {
  color: #36373C;
  background: #fff;
}
body.color02 #header-fnav-area #header-fnav li a:hover {
  background: #fafafa;
  color: #36373C;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color02 .post-header {
  padding: 56px 64px 46px;
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-header .cat-name span {
  border: 1px solid #005990;
  color: #005990;
}
body.color02 .post-title a {
  color: #4E4E4E;
}
body.color02 .post-title a:hover {
  color: #14A0EE;
}
body.color02 .post-title a {
  color: #36373C;
}
body.color02 .post-title a:hover {
  color: #14A0EE;
}
body.color02 .post-meta-area {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-meta-area .post-meta-comment li {
  border-left: 1px solid #e5e5e5;
}
body.color02 .post-content hr {
  border-bottom: 1px solid #eee;
}
body.color02 .post-content h2 {
  border-left: 10px solid #131D2A;
  background: #36373C;
  color: #fff;
}
body.color02 .post-content h3 {
  border-bottom: 2px solid #36373C;
}
body.color02 .post-content h4 {
  border-left: 5px solid #131D2A;
  clear: both;
}
body.color02 .post-content blockquote {
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}
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 {
  color: #4E4E4E;
}
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: #131D2A;
  color: #fff;
}
body.color02 .post-cta .cta-post-title {
  border-bottom: 1px solid #eee;
}
body.color02 .post-cta .post-cta-btn a {
  background: #F86222;
  color: #fff;
}
body.color02 .post-cta .post-cta-btn a:hover {
  background: #fa8553;
}
body.color02 .post-cta .btn {
  background: #36373C;
}
body.color02 .post-cta .btn:hover {
  background: #14A0EE;
}
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 {
  background: #f7f7f7;
}
body.color02 .post-author {
  border: 1px solid #e5e5e5;
  color: #4E4E4E;
  background: #fff;
}
body.color02 .post-author a {
  color: #36373C;
}
body.color02 .post-author .post-author-meta {
  color: #4E4E4E;
}
body.color02 #comments {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 40px 45px;
}
body.color02 #comments h4 {
  border-bottom: 5px solid #36373C;
}
body.color02 #comments h4 i {
  color: #36373C;
}
body.color02 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color02 .cat-content {
  background: #fff;
}
body.color02 .post-loop-wrap .more-link {
  border: 1px #36373C solid;
  color: #36373C;
}
body.color02 .post-loop-wrap .more-link:hover {
  background: #36373C;
  color: #fff;
}
body.color02 .post-loop-wrap .post-footer {
  border-top: 1px #eee solid;
}
body.color02 .post-loop-wrap .post-footer a.morelink {
  background: #36373C;
  color: #fff;
}
body.color02 .pagination span, body.color02 .pagination a {
  color: #4E4E4E;
  background: #fff;
}
body.color02 .pagination a:hover {
  color: #fff;
  background: #3279BB;
}
body.color02 .pagination .current {
  background: #3279BB;
  color: #fff;
}
body.color02 .side-widget .side-title {
  background: #ebebeb;
  border: 1px solid #e4e4e4;
}
body.color02 .side-widget a {
  color: #005990;
}
body.color02 .side-widget a:hover {
  color: #005990;
}
body.color02 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget .post-date {
  color: #999999;
}
body.color02 .widget_search {
  border: 1px solid #e5e5e5;
}
body.color02 .widget_search button {
  color: #5e6265;
}
body.color02 .recentcomments {
  color: #808080;
}
body.color02 .recentcomments a {
  color: #4E4E4E;
}
body.color02 #side .share-list-wrap {
  background: #fff;
}
body.color02 #footer {
  color: #fff;
  border-top: 8px solid #36373C;
}
body.color02 #footer a {
  color: #fff;
}
body.color02 #footer a:hover {
  color: #ccc;
}
body.color02 #footer-brand-area {
  border-bottom: 1px solid #36373C;
}
body.color02 .footer-01 {
  background: #36373C;
}
body.color02 .footer-02 {
  background: #2E2F33;
}
body.color02 .single-lp .lp-wrap {
  border: 1px solid #eee;
  background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
  background: #005990;
}
body.color02 .single-lp #lp-header h1 {
  color: #36373C;
  border-bottom: 1px solid #eee;
}
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: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
  background: #f9743b;
}
body.color02 .pagetop {
  color: #fff;
}
body.color02 .pagetop span {
  background: #2b2b2b;
}
body.color02.single-lp #lp-header{
  background: #015a92;
}

/* ----------------------------------------
* カラースキーム 03 紺
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color03 #main_visual {
  background: #394B57;
  background-image: -webkit-linear-gradient(bottom right, #394b57, #28343c);
  background-image: linear-gradient(to top left, #394b57, #28343c);
  color: #fff;
}
body.home.color03 .front-loop {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
body.home.color03 .front-loop h2 {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color03 .front-loop .popular_post_box h3 {
  color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a {
  color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a:hover {
  color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box ul a {
  color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box ul a:hover {
  color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_category {
  background: #fff;
  border: 1px solid #ca6666;
  color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_rank {
  background: #900;
  color: #fff;
}
body.home.color03 .front-loop .popular_post_box .p_date {
  background: #343434;
  color: #fff;
}
body.home.color03 .front-main-cont .front-cont-header {
  background: #343434;
  color: #fff;
}
body.home.color03 .front-main-cont .tri-border span {
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #343434;
}
body.home.color03 #front-contents .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-contents .c_box.c_box_left {
  background-color: #fff;
}
body.home.color03 #front-contents .c_box.c_box_right {
  background-color: #fafafa;
}
body.home.color03 #front-contents .c_number {
  background: #27343c;
  color: #fff;
}
body.home.color03 #front-contents h3 {
  color: #27343c;
}
body.home.color03 #front-contents .c_english {
  color: #27343c;
}
body.home.color03 #front-contents .c_text .c_btn a {
  background: #ca6666;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-service {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-service .front-service-inner h3 {
  color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_english {
  color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_text .c_btn a {
  background: #27343c;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-company {
  background: #fff;
}
body.home.color03 #front-company .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl#front-company-1 dt {
  border-top: 2px solid #27343c;
}
body.home.color03 #front-company dl#front-company-1 dd {
  border-top: 1px solid #e5e5e5;
}
body.home.color03 #front-contact {
  background: #ca6666;
}
body.home.color03 #front-contact .c_box_inner input[type=submit],
body.home.color03 #front-contact .c_box_inner button {
  background: #131D2A;
}

/* ----------------------------------------
* all
---------------------------------------- */
body.color03 {
  color: #484A4E;
}
body.color03 a {
  color: #ca6666;
}
body.color03 form input[type="submit"],
body.color03 form button {
  background: #343434;
  color: #fff;
}
body.color03 #header {
  background: #27343c;
}
body.color03 #header a {
  color: #fff;
}
body.color03 .breadcrumb-area {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.color03 #gnav {
  background: #27343c;
}
body.color03 #gnav ul li:hover a {
  background: #31414b;
}
body.color03 #gnav ul li.current-menu-item a {
  background: #31414b;
}
body.color03 #gnav ul li a {
  color: #fff;
  background: #27343c;
}
body.color03 #gnav ul li a:hover {
  color: #fff;
  background: #31414b;
}
body.color03 #gnav ul li .sub-menu {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li a {
  color: #343434;
  background: #fff;
}
body.color03 #gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #343434;
}
body.color03 #header-fnav-area #header-fnav-btn a {
  background: #31414b;
}
body.color03 #header-fnav-area #header-fnav {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li a {
  color: #343434;
  background: #fff;
}
body.color03 #header-fnav-area #header-fnav li a:hover {
  background: #fafafa;
  color: #343434;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color03 .post-header {
  padding: 56px 64px 46px;
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-header .cat-name span {
  border: 1px solid #27343c;
  color: #27343c;
}
body.color03 .post-title a {
  color: #484A4E;
}
body.color03 .post-title a:hover {
  color: #ca6666;
}
body.color03 .post-title a {
  color: #343434;
}
body.color03 .post-title a:hover {
  color: #ca6666;
}
body.color03 .post-meta-area {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-meta-area .post-meta-comment li {
  border-left: 1px solid #e5e5e5;
}
body.color03 .post-content hr {
  border-bottom: 1px solid #eee;
}
body.color03 .post-content h2 {
  border-left: 10px solid #131D2A;
  background: #343434;
  color: #fff;
}
body.color03 .post-content h3 {
  border-bottom: 2px solid #343434;
}
body.color03 .post-content h4 {
  border-left: 5px solid #131D2A;
  clear: both;
}
body.color03 .post-content blockquote {
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}
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 {
  color: #484A4E;
}
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: #131D2A;
  color: #fff;
}
body.color03 .post-cta .cta-post-title {
  border-bottom: 1px solid #eee;
}
body.color03 .post-cta .post-cta-btn a {
  background: #F86222;
  color: #fff;
}
body.color03 .post-cta .post-cta-btn a:hover {
  background: #fa8553;
}
body.color03 .post-cta .btn {
  background: #343434;
}
body.color03 .post-cta .btn:hover {
  background: #ca6666;
}
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 {
  background: #f7f7f7;
}
body.color03 .post-author {
  border: 1px solid #e5e5e5;
  color: #484A4E;
  background: #fff;
}
body.color03 .post-author a {
  color: #343434;
}
body.color03 .post-author .post-author-meta {
  color: #484A4E;
}
body.color03 #comments {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 40px 45px;
}
body.color03 #comments h4 {
  border-bottom: 5px solid #343434;
}
body.color03 #comments h4 i {
  color: #343434;
}
body.color03 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color03 .cat-content {
  background: #fff;
}
body.color03 .post-loop-wrap .more-link {
  border: 1px #343434 solid;
  color: #343434;
}
body.color03 .post-loop-wrap .more-link:hover {
  background: #343434;
  color: #fff;
}
body.color03 .post-loop-wrap .post-footer {
  border-top: 1px #eee solid;
}
body.color03 .post-loop-wrap .post-footer a.morelink {
  background: #343434;
  color: #fff;
}
body.color03 .pagination span, body.color03 .pagination a {
  color: #484A4E;
  background: #fff;
}
body.color03 .pagination a:hover {
  color: #fff;
  background: #3279BB;
}
body.color03 .pagination .current {
  background: #3279BB;
  color: #fff;
}
body.color03 .side-widget .side-title {
  background: #ebebeb;
  border: 1px solid #e4e4e4;
}
body.color03 .side-widget a {
  color: #27343c;
}
body.color03 .side-widget a:hover {
  color: #27343c;
}
body.color03 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget .post-date {
  color: #999999;
}
body.color03 .widget_search {
  border: 1px solid #e5e5e5;
}
body.color03 .widget_search button {
  color: #5e6265;
}
body.color03 .recentcomments {
  color: #808080;
}
body.color03 .recentcomments a {
  color: #484A4E;
}
body.color03 #side .share-list-wrap {
  background: #fff;
}
body.color03 #footer {
  color: #fff;
  border-top: 8px solid #343434;
}
body.color03 #footer a {
  color: #fff;
}
body.color03 #footer a:hover {
  color: #ccc;
}
body.color03 #footer-brand-area {
  border-bottom: 1px solid #343434;
}
body.color03 .footer-01 {
  background: #343434;
}
body.color03 .footer-02 {
  background: #333333;
}
body.color03 .single-lp .lp-wrap {
  border: 1px solid #eee;
  background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
  background: #27343c;
}
body.color03 .single-lp #lp-header h1 {
  color: #343434;
  border-bottom: 1px solid #eee;
}
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: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
  background: #f9743b;
}
body.color03 .pagetop {
  color: #fff;
}
body.color03 .pagetop span {
  background: #2b2b2b;
}
body.color03.single-lp #lp-header{
  background: #ca6666;
}
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color04 #main_visual {
  background: #FB6C4D;
  background-image: -webkit-linear-gradient(bottom right, #fb6c4d, #fb5235);
  background-image: linear-gradient(to top left, #fb6c4d, #fb5235);
  color: #fff;
}
body.home.color04 .front-loop {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
body.home.color04 .front-loop h2 {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color04 .front-loop .popular_post_box h3 {
  color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a {
  color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a:hover {
  color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box ul a {
  color: #666666;
}
body.home.color04 .front-loop .popular_post_box ul a:hover {
  color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box .p_category {
  background: #333333;
  color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_rank {
  background: #900;
  color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_date {
  background: #333333;
  color: #fff;
}
body.home.color04 .front-main-cont .front-cont-header {
  background: #333333;
  color: #fff;
}
body.home.color04 .front-main-cont .tri-border span {
  border-left: 28px solid transparent;
  border-left: 56px solid transparent;
  border-right: 56px solid transparent;
  border-top: 18px solid #333333;
}
body.home.color04 #front-contents .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-contents .c_box.c_box_left {
  background-color: #fff;
}
body.home.color04 #front-contents .c_box.c_box_right {
  background-color: #fafafa;
}
body.home.color04 #front-contents .c_number {
  background: #FB5235;
  color: #fff;
}
body.home.color04 #front-contents h3 {
  color: #FB5235;
}
body.home.color04 #front-contents .c_english {
  color: #FB5235;
}
body.home.color04 #front-contents .c_text .c_btn a {
  background: #343434;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-service {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-service .front-service-inner h3 {
  color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_english {
  color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_text .c_btn a {
  background: #343434;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-company {
  background: #fff;
}
body.home.color04 #front-company .c_box {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl {
  border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl#front-company-1 dt {
  border-top: 2px solid #FB5235;
}
body.home.color04 #front-company dl#front-company-1 dd {
  border-top: 1px solid #e5e5e5;
}
body.home.color04 #front-contact {
  background: #FB5235;
}
body.home.color04 #front-contact .c_box_inner input[type=submit],
body.home.color04 #front-contact .c_box_inner button {
  background: #131D2A;
}

body.color04 {
  color: #666666;
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav & primary nav
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* pager */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* search */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
  /* ----------------------------------------
  * pagetop
  ---------------------------------------- */
}
body.color04 a {
  color: #FB5235;
}
body.color04 form input[type="submit"],
body.color04 form button {
  background: #333333;
  color: #fff;
}
body.color04 #header {
  background: #FB5235;
}
body.color04 #header a {
  color: #fff;
}
body.color04 .breadcrumb-area {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
body.color04 #gnav {
  background: #FB5235;
}
body.color04 #gnav ul li:hover a {
  background: #fb674e;
}
body.color04 #gnav ul li.current-menu-item a {
  background: #fb674e;
}
body.color04 #gnav ul li a {
  color: #fff;
  background: #FB5235;
}
body.color04 #gnav ul li a:hover {
  color: #fff;
  background: #fb674e;
}
body.color04 #gnav ul li .sub-menu {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li a {
  color: #333333;
  background: #fff;
}
body.color04 #gnav ul li .sub-menu li a:hover {
  background: #fafafa;
  color: #333333;
}
body.color04 #header-fnav-area #header-fnav-btn a {
  background: #fb674e;
}
body.color04 #header-fnav-area #header-fnav {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li {
  border-bottom: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li a {
  color: #333333;
  background: #fff;
}
body.color04 #header-fnav-area #header-fnav li a:hover {
  background: #fafafa;
  color: #333333;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color04 .post-header {
  padding: 56px 64px 46px;
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-header .cat-name span {
  border: 1px solid #FB5235;
  color: #FB5235;
}
body.color04 .post-title a {
  color: #666666;
}
body.color04 .post-title a:hover {
  color: #2B9CFB;
}
body.color04 .post-title a {
  color: #333333;
}
body.color04 .post-title a:hover {
  color: #2B9CFB;
}
body.color04 .post-meta-area {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-meta-area .post-meta-comment li {
  border-left: 1px solid #e5e5e5;
}
body.color04 .post-content hr {
  border-bottom: 1px solid #eee;
}
body.color04 .post-content h2 {
  border-left: 10px solid #131D2A;
  background: #333333;
  color: #fff;
}
body.color04 .post-content h3 {
  border-bottom: 2px solid #333333;
}
body.color04 .post-content h4 {
  border-left: 5px solid #131D2A;
  clear: both;
}
body.color04 .post-content blockquote {
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}
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 {
  color: #666666;
}
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: #131D2A;
  color: #fff;
}
body.color04 .post-cta .cta-post-title {
  border-bottom: 1px solid #eee;
}
body.color04 .post-cta .post-cta-btn a {
  background: #F86222;
  color: #fff;
}
body.color04 .post-cta .post-cta-btn a:hover {
  background: #fa8553;
}
body.color04 .post-cta .btn {
  background: #333333;
}
body.color04 .post-cta .btn:hover {
  background: #2B9CFB;
}
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 {
  background: #f7f7f7;
}
body.color04 .post-author {
  border: 1px solid #e5e5e5;
  color: #666666;
  background: #fff;
}
body.color04 .post-author a {
  color: #333333;
}
body.color04 .post-author .post-author-meta {
  color: #666666;
}
body.color04 #comments {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 40px 45px;
}
@media screen and ( max-width: 767px ){
  body.color01 #comments, body.color02 #comments, body.color03 #comments, body.color04 #comments {
    padding: 20px;
  }
}
body.color04 #comments h4 {
  border-bottom: 5px solid #333333;
}
body.color04 #comments h4 i {
  color: #333333;
}
body.color04 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color04 .cat-content {
  background: #fff;
}
body.color04 .post-loop-wrap .more-link {
  border: 1px #333333 solid;
  color: #333333;
}
body.color04 .post-loop-wrap .more-link:hover {
  background: #333333;
  color: #fff;
}
body.color04 .post-loop-wrap .post-footer {
  border-top: 1px #eee solid;
}
body.color04 .post-loop-wrap .post-footer a.morelink {
  background: #333333;
  color: #fff;
}
body.color04 .pagination span, body.color04 .pagination a {
  color: #666666;
  background: #fff;
}
body.color04 .pagination a:hover {
  color: #fff;
  background: #3279BB;
}
body.color04 .pagination .current {
  background: #3279BB;
  color: #fff;
}
body.color04 .side-widget .side-title {
  background: #ebebeb;
  border: 1px solid #e4e4e4;
}
body.color04 .side-widget a {
  color: #FB5235;
}
body.color04 .side-widget a:hover {
  color: #FB5235;
}
body.color04 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget .post-date {
  color: #999999;
}
body.color04 .widget_search {
  border: 1px solid #e5e5e5;
}
body.color04 .widget_search button {
  color: #5e6265;
}
body.color04 .recentcomments {
  color: #808080;
}
body.color04 .recentcomments a {
  color: #666666;
}
body.color04 #side .share-list-wrap {
  background: #fff;
}
body.color04 #footer {
  color: #fff;
  border-top: 8px solid #333333;
}
body.color04 #footer a {
  color: #fff;
}
body.color04 #footer a:hover {
  color: #ccc;
}
body.color04 #footer-brand-area {
  border-bottom: 1px solid #333333;
}
body.color04 .footer-01 {
  background: #343434;
}
body.color04 .footer-02 {
  background: #282828;
}
body.color04 .single-lp .lp-wrap {
  border: 1px solid #eee;
  background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
  background: #FB5235;
}
body.color04 .single-lp #lp-header h1 {
  color: #333333;
  border-bottom: 1px solid #eee;
}
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: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
  background: #f9743b;
}
body.color04 .pagetop {
  color: #fff;
}
body.color04 .pagetop span {
  background: #2b2b2b;
}
body.color04.single-lp #lp-header{
  background: #fb5235;
}

/* bzb_sns_btn 2016.12.20 */

.bzb-sns-btn {
  display: table-cell;
}
.bzb-sns-btn li {
  vertical-align: top;
  font-size: auto;
}
.bzb-sns-btn li.bzb-facebook {
  width: 83px;
}
.bzb-sns-btn li.bzb-twitter {
  width: 75px;
}
.bzb-sns-btn li.bzb-googleplus {
  width: 68px;
}
.bzb-sns-btn li.bzb-pocket {
  width: 86px;
}
.fb_iframe_widget span {
  vertical-align: top !important;
}
.bzb-line a img {
  vertical-align: top !important;
}

/* h2 2016.12.20 */

@media screen and ( max-width: 1200px ){
  .post-content h2 {
    margin: 80px 0 32px -46px;
    padding: 16px 16px 16px 36px;
  }
}


/* single-lp h2 2016.12.20 */
.single-lp #main {
  overflow: visible;
}

.single-lp .post-content h2 {
  margin: 80px 0 32px -66px;
}

@media screen and ( max-width: 768px ){
    .post-content h2 {
      margin: 80px 0 32px -30px;
      padding: 16px 16px 16px 20px;
      font-size: 1.2rem;
    }
  .single-lp .post-content h2 {
    margin: 80px 0 32px -30px;
    padding: 16px 16px 16px 20px;
  }
  .one-column.single-lp .main-inner .lp_contents .information{
     background-color: #fff;
     padding: 15px;
  }
  .one-column.single-lp .main-inner .lp_contents .information .topics{
      font-size: .7rem;
      padding: 0px;
  }
  .one-column.single-lp .main-inner .lp_contents .information .topics p.midashi{
      font-size:.8rem;
  }
  .one-column.single-lp .main-inner .lp_contents .information .topics p{

  }
  #header.fixed #logo {
      width: 80px;
      left: 0px;
      top: 3px;
     margin: 0px;
   }
  #gnav ul li a {
      font-size: .7rem;
  }
  .header_info .contact .tel a {
    font-size: 1.1rem;
   }
  body.home #main_visual h2{
    font-size: 1rem;
    line-height: 1.6;
    /* margin-bottom:6em; */
    margin-bottom:1em;
  }
  body.home #main_visual .circle_cont {
    position: absolute;
    width: 100%;
    justify-content: space-around;
    bottom: 10px;
    right: 0px;
    flex-wrap: wrap;
  }
  body.home #main_visual .circle_cont>br{
      display: none;
  }
  body.home .circle {
  width: 100px;
  height: 100px;
  font-size: .9em;
  border-width: 2px;
  margin: 0px 14px 5px;
  }
  body.home .circle .pick {
  font-size: .9rem;
  line-height: 1.3em;
  }
  body.home .circle .gold {
  font-size: 1.2rem;
  }
  body.home .circle .italic {
  font-size: 1.5rem;
  }
  body.home .circle .fss {
  font-size: 10px;
  }
  body.home .fv_catch h2 {
  margin:1em 0px;
  font-size: 1.2rem;
  }
  body.home .fv_catch .price h3 {
  /* font-size: 2rem; */
  margin:1.1em 0px;
  line-height: 1.4;
  }
  body.home .fv_catch .price h3 .fsb{
      font-size: 1.5em;
  }
  body.home .fv_catch .price p {
  font-size: 1.2rem;
  }
  .toppage section h2+p {
  font-size: 1.1rem;
  }
  .toppage section h2 {
  font-size: 1.2rem;
  }
  .toppage section .container .block .thumb h2 {
    font-size: 1.1rem;
    line-height: 1.1em;
     padding:0px 20px;
     letter-spacing: 2px;
  }
  .toppage section .container .block .thumb h2 span.new {
    font-size: .9rem;
  }
  .toppage section .container .block .thumb h2 span {
    font-size: .8em;
     line-height: 1rem;
     margin-top: 8px;
     letter-spacing: 0px;
  }
  .toppage section .container .block .thumb p {
     padding:0px;
     left:20px;
     top:10px;
     font-size: .8rem;
     min-height: initial;
     width: calc(100% - 40px);
  }
  .toppage section .container .block h3 {
  font-size: 1em;
  /* min-height: 55px; */
  min-height: initial;
  margin-bottom: .5em;
  padding:0px 5px;
  }
  .toppage section .container .block p {
  min-height: 90px;
  margin-bottom:10px;
  padding:0px 5px;
  font-size: .9em;
  margin-bottom:3px;
  }
  .toppage section .container .block .btn {
    width: 100%;
    text-align: center;
    line-height: 1em;
  }
  .toppage section .container .block .btn a {
  margin: 10px 20px;
  font-size: .9rem;
  font-weight: bold;
  }
  .toppage section {
  margin-top: 10px;
  padding:0px 10px;
  }
  body.home .fv{
  }
  .toppage section.cont1_about{
      margin-top:20px;
  }
  .toppage section.cont1_about p{
    font-size: .9rem;
  }
  .toppage section .container .block.one .cap {
  display: none;
  }
  .toppage section.cont2_education .three_point .block {
  width: 90%;
  padding:0px 0px 0px;
  }
  .toppage section.access .accessinfo {
  width: 100%;
  }
    .toppage section.access .accessinfo dl {
    margin-bottom:.5em;
    }
  .toppage section.access .accessinfo dl dt{
  width: 30%;
  }
  .toppage section.access .accessinfo dl dd{
  width: 70%;
  }
  .toppage section .container .block.one .thumb h2 {
  width: 100%;
  }

  .toppage section.campaign figure {
    height: auto;
  }
  .toppage section .container .block .thumb {
    height: 150px;
  }
  .toppage section.cont2_education .three_point .block .cont h3 {
      font-size: 1.1rem;
  }
  .toppage section.cont2_education .three_point .block .cont p {
    font-size: .8rem;
  }

  #footer .left .logo {
    max-width: 90px;
  }
  .pagetop{
      right:10px;
      bottom: 90px;
  }
  .toppage section .container .block .thumb.system {
      background-position: 32% top;
  }
  .toppage section .container .block .thumb.about {
      background-position: 47% top;
  }
  .toppage section .container .block .thumb.program {
       background-position: 47% top;
  }
  .toppage section .container .block .thumb.studio {
      background-position: 63% top;
  }
  .toppage section .container .block .thumb.howto {
      background-position: 71% top;
  }
  .toppage section .container .block .thumb.program_hf {
      background-position: 47% top;
  }
  .toppage section .container .block .thumb.program_hf {
      background-position: 47% top;
   }
   .toppage section .container .block .thumb.beforeafter {
       background-position: 47% top;
   }

   .toppage section.newstopics {
    padding: 0px 5px;
    }
    body.home .front-loop .front-loop-cont {
    padding: 20px 0;
    }
    .post-loop-wrap.column-archive > article {
    width:100%;
    }
    .one-column.single-lp .main-inner .lp_contents .bf{
      padding:0px 0px;
    }
    .one-column.single-lp .main-inner .lp_contents .bf .block h3 {
      font-size: 18px;
    }
    .one-column.single-lp .main-inner .lp_contents .bf .block .txt p {
      font-size:.9rem;
      margin: 20px 10px;
    }
    .one-column.single-lp .main-inner .lp_contents .fv_info .cta{
      padding: 0px 10px;
    }
    .one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi{
      font-size: 1.2rem;
    }
    .one-column.single-lp .main-inner .lp_contents .fv_info .cta .midashi span{
      font-size: 1.4rem;
    }
    .single-lp #lp-header.lp .container .r.sns>div a{
      font-size: 1.6rem;
    }
    #nav-content-lp .information > div i {
    font-size: 1.2rem;
    margin-right: 5px;
  }
  /* 202110追加 */
  .one-column.single-lp .main-inner .fv{
      margin:20px auto 0px;
  }
  .single-lp #lp-header.lp .container .r.menus>div a{
    font-size: .8rem;
  }

}
@media screen and (max-width: 414px) {
    #header{
        height: auto;
        margin-bottom:3px;
    }
    #header {
    height: auto;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 8px;
    }
    #header #logo a{
    position: relative;
    line-height: 0;
    padding: 3px 5px;
    height: auto;
    width: 95px;
    left: 0px;
    top: 0px;
    }
    #header.fixed #logo {
    left: 60px;
    }
    #content{
        /* padding:20px 0px; */
        padding: 0px;
    }

    body.home #main_visual {
        background-position: 73% center;
        height: 79vh;
    }
    body.home #main_visual .fukidashi {
        top: 20px;
    }
    body.home #main_visual .fukidashi .ribbon {
    font-size: .9rem;
    }
    body.home #main_visual .btns{
    right: initial;
    left: 10%;
    width: 80%;
    bottom: 150px;
    }
    body.home #main_visual .circle_cont {
    right: initial;
    width: 100%;
    left: 0px;
    }
    .slide_cont .col2 {
    width: 100%;
    padding: 0px;
    margin-top:20px;
    }
    .slide_cont .text-container__title {
    font-size:1.3rem;
    margin:0px 0px 20px;
    padding: 0px;
    }
    .slide_cont .sec {
    margin-bottom: 40px;
    }
    .post-title {
    font-size: .9rem;
    font-weight: 400;
    }
    .post-content h2 {
        padding:0px;
        margin:0px 0px 1em;
    }
   .hikaku .hikakutable thead th{
      width: 75px;
      font-size: .7rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 0px;
      line-height: 1em;
    }
    .hikaku .hikakutable span.fss{
        font-size: .7rem;
    }
    .hikaku .hikakutable span.price{
        font-size: 1.2rem;
    }
    .hikaku .hikakutable tr td:nth-of-type(1){
        font-size: 1.1rem;
    }
    .hikaku .hikakutable tbody tr{
        width: 41%;
    }
    .studio iframe {
        height: 37vh;
    }
    #nav-content-lp {
      margin-top: 50px;
    }



}
@media screen and (max-width: 375px) {
    /* #header.fixed #logo{
    left: 40px;
    } */
    body.home .wrap, .wrap {
    margin: 2px;
    }
    body.home .circle {
    font-size: .8rem;
    margin:5px 14px;
    }
    body.home #main_visual h2{
      margin-bottom:5em;
      font-size: .8rem;
    }
    body.home #main_visual .btns{
    bottom: 120px;
    }


}
@media screen and (max-width: 320px) {
    body.home .circle {
    font-size: .8rem;
    margin:5px;
    }
    #header #logo{
        width: 90px;
        left: 30px;
    }
    #header #logo a{
        width: 58px;
        padding: 0px;
    }
    #header #logo .header-sns{
        position: relative;
        top: 3px;
        right: -10px;
    }
    #header #logo .header-sns a{
        width: auto;
    }

    body.home #main_visual h2{
      font-size: .7rem;
      margin-bottom:6em;
    }
    .header_info {
    width: 54%;
    }
    body.home #main_visual .btns{
    right: initial;
    left: 12%;
    width: 76%;
    bottom: 120px;
    }
    .single-lp #lp-header.lp .container .fl{
        width: 150px;
    }
    .single-lp #lp-header.lp .container .fr{
        width: 95px;
    }
    #lp-footer.lp .container .r a.btn{
        font-size:1rem;
    }
    #header.fixed #logo .header-sns {
        display: none;
    }

}

/* ----------------------------------------
* table scroll
---------------------------------------- */
/* .table-wrap {
  overflow-x: scroll;
  white-space: nowrap;
  margin-bottom: 48px;
}

.table-grad {
  position: relative;
  white-space: nowrap;
}

.table-grad:after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 80%, white 100%);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
} */

/* ----------------------------------------
* 満森CSS
---------------------------------------- */

.ranking01{
	padding: 10px;
    border: 3px solid #EC7C97;
	width: 50%;
    margin: 0 auto 13px auto;
    font-weight: bold;
    font-size: 19px;
	text-align: center;
}
.ranking01_inner{
	display: inline-block;
    text-align: left;
}


a.btn.line{
  pointer-events: auto;
}
.cta a{
  pointer-events: auto;
}