@charset "UTF-8";
/* font */
/* color */
body {
  background: #fff;
  color: #393939;
  font-size: 16px;
  /* コピーできないように
    -webkit-touch-callout:none;
    -webkit-user-select:none;
*/
  min-width: 1190px;
  overflow-x: hidden;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif; }

/*リンクカラー*/
a {
  font-size: 14px;
  color: #163e86;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 242, 252, 0.6);
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s; }

a:hover,
a:focus {
  /*    color: #fff;*/
  text-decoration: none;
  outline: none;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  color: #008dd9; }

/*ボタン*/
.btn {
  width: 280px;
  height: 50px;
  display: block;
  margin: 45px auto 0;
  background: #163e86;
  text-align: center;
  color: #fff;
  border-radius: 0; }
  .btn:hover {
    opacity: .8;
    color: #fff; }
  .btn i {
    position: relative;
    top: 7px;
    margin-left: 4px; }

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

section {
  padding: 105px 0; }

.well {
  min-height: 20px;
  border: 1px solid #fff;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  padding: 10px;
  background: url(../images/bg_body.jpg); }

small {
  color: #222 !important; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  letter-spacing: 1px; }

p {
  letter-spacing: 1px; }

.font {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif; }

.top-title {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 105px;
  text-transform: uppercase;
  position: relative;
  display: block;
  letter-spacing: 7px; }
  .top-title::after {
    position: absolute;
    content: "";
    width: 60px !important;
    border-bottom: 3px solid #163e86 !important;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 24px; }
  .top-title span {
    display: block;
    font-size: 14px;
    margin-top: 24px;
    color: #333;
    letter-spacing: 7px;
    line-height: 18px; }

/*日付け*/
.date .fa {
  position: relative;
  top: 0px;
  color: #163e86; }

.bg-gray {
  background: #f0f7f9; }

/*button*/
.button {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #163e86;
  font-size: 14px;
  background: none;
  padding: 17px 60px;
  margin: 60px auto 0;
  border: solid 2px #163e86;
  position: relative;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s; }

.button span {
  z-index: 1;
  border-radius: 28px; }

.button .fa {
  position: absolute;
  right: 15px;
  top: 21px;
  font-weight: bold; }

.button:hover {
  color: #fff;
  border: solid 2px #fff;
  background: #163e86;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

/*bxslider*/
.bx-wrapper .bx-pager {
  padding-bottom: 4px; }

@media (max-width: 480px) {
  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 7px !important;
    height: 7px !important; } }

/*nav*/
.navbar-inverse {
  letter-spacing: 1.8px; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 15px 12px 10px 12px;
  outline: none; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  float: left; }

.header_b {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  font-size: 18px;
  height: auto;
  line-height: 20px;
  position: relative; }

.header_b h1 {
  font-family: sans-serif;
  margin-top: 5px; }

.header_b h1,
.header_b h2 {
  font-size: 13px; }

.header_top {
  height: 5px;
  background: #886e31; }

header {
  background-color: #000; }

.logo img {
  width: 210px;
  margin-top: 9px;
  margin-bottom: 0; }

.banner img {
  margin-bottom: 12px; }

/*テキストサイズ*/
small,
.small {
  font-size: 8px;
  line-height: 14px; }

/*トグルナビ*/
.navbar-nav {
  margin-top: 8px;
  margin-left: 32px;
  float: left;
  width: auto;
  text-transform: uppercase; }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 8px 5px 3px;
  margin-top: 8px;
  margin-right: 10px;
  margin-bottom: 8px;
  background-color: trf;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-inverse .navbar-toggle {
  border-color: #333;
  background: #fff none repeat scroll 0px 0px; }

.navbar-inverse .navbar-toggle:hover {
  border-color: #111;
  background: #fff none repeat scroll 0px 0px;
  opacity: 0.8; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
  text-align: center;
  display: block;
  margin: 3px auto; }

.navbar-inverse .navbar-toggle .icon-txt {
  font-size: 8px;
  text-align: center;
  font-weight: bold; }

/*ナビゲーション*/
.navbar {
  margin-bottom: 0px;
  background: #fff;
  padding-bottom: 8px; }

.navbar-inverse {
  float: left;
  background: rgba(255, 255, 255, 0.82);
  border-top: solid 3px #163e86;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.navbar-header {
  margin-bottom: -10px; }

.navbar-brand {
  padding: 0px 15px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  height: auto; }

.navbar-inverse .navbar-nav > li > a {
  color: #333;
  font-size: 14px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  letter-spacing: 1.5px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.28) !important; }

.navbar-inverse .navbar-nav > li > a .small {
  font-size: 10px;
  letter-spacing: 1px; }

.nav > li > a:hover {
  color: #000;
  text-shadow: 2px 1px 1px #fff; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.93);
  color: #91621D; }

.navbar-right {
  margin-top: 0px;
  float: right !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.navbar-right-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 38px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 0;
  list-style: none;
  text-align: right; }

.navbar-right-list li a {
  font-size: 14px;
  color: #333;
  padding-bottom: 3px;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s; }

.navbar-right-list li a:hover {
  color: #163e86;
  border-bottom: solid 1px #163e86; }

.navbar-right-list li a:before {
  font-family: "FontAwesome";
  content: "\f0f7";
  font-weight: normal;
  margin-right: 4px;
  font-size: 16px;
  color: #163e86; }

.navbar-right-list li:nth-child(2) a:before {
  font-family: "FontAwesome";
  content: "\f0f7";
  font-weight: normal; }

.navbar-right .navbar-right-info {
  float: left;
  margin-right: 0;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
  padding: 6px 15px 0 15px; }

.navbar-right .tel {
  text-align: right;
  font-size: 20px;
  margin-top: 4px;
  margin-bottom: 0px;
  line-height: 20px; }
  .navbar-right .tel span {
    font-size: 10px;
    display: block; }
  .navbar-right .tel .material-icons {
    font-size: 22px;
    margin-right: 2px; }

.navbar-right .tel a {
  font-size: 20px;
  color: #333;
  letter-spacing: .8px; }

.navbar-right .open {
  font-size: 11px;
  line-height: 26px;
  position: relative;
  top: 0;
  margin-bottom: 0;
  text-align: right; }

.navbar-right-btn {
  float: right; }

.navbar-right-btn a {
  padding: 10px 20px;
  background: pink;
  display: block; }

.pc-nav-wraper {
  border-top: solid 2px rgba(214, 214, 214, 0.53);
  padding-top: 8px; }

.pc-nav {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  list-style: none;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 6px;
  text-align: center;
  padding-left: 0; }

.pc-nav a {
  color: #333;
  font-size: 14px;
  padding: 19px 13px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.pc-nav a:hover {
  background: #163e86;
  color: #fff; }

/*スライダーエボリューション*/
.top-slider {
  padding: 0; }

.rev_slider {
  position: relative; }

/*
.rev_slider:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;    
    z-index: 3;
    background: rgba(237, 42, 42, 0.71);
}
*/
.slider-logo {
  width: 450px !important;
  height: auto !important;
  position: relative;
  z-index: 1000 important; }

.slider-txt {
  padding-top: 190px;
  font-size: 20px; }

/*スライダー*/
.carousel-inner {
  margin-top: 0px;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.4); }

.carousel-inner img {
  width: 100%; }

/*first-view*/
#first-view {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  height: 100vh;
  padding: 0;
  /*オーバーレイ*/ }
  #first-view:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0);
    background: url(../images/first-view.jpg) top center no-repeat;
    background-size: cover;
    -webkit-animation: grow 45s linear 10ms infinite;
    animation: grow 45s linear 10ms infinite;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 0; }
  #first-view:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.65); }
  #first-view .container {
    position: relative;
    z-index: 2; }
  #first-view .first-view-logo {
    max-width: 300px;
    width: 70%;
    margin: 120px auto 32px; }
  #first-view .first-view-title {
    margin-top: 40px;
    font-size: 58px;
    text-align: center;
    letter-spacing: 16px;
    line-height: 72px;
    font-weight: bold; }
    #first-view .first-view-title span {
      display: block;
      font-size: 38px;
      margin-bottom: 24px;
      letter-spacing: 14px; }
  #first-view .txt {
    text-align: center;
    line-height: 36px; }
  #first-view .btn-list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #first-view .btn-list li {
      margin-right: 18px; }
      #first-view .btn-list li a {
        border: none;
        display: block;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        outline: none;
        overflow: hidden;
        position: relative;
        font-size: 16px;
        padding: 17px 0;
        margin: 60px auto 0;
        position: relative;
        font-weight: bold;
        letter-spacing: 3px;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
        width: 220px;
        color: #fff;
        background: #163e86;
        border-radius: 30px; }
        #first-view .btn-list li a:hover {
          color: #163e86;
          border: solid 2px #163e86;
          background: #fff;
          -webkit-transition: .6s;
          -o-transition: .6s;
          transition: .6s; }
    #first-view .btn-list li:nth-child(2) a {
      background: none;
      border: solid 2px #163e86;
      color: #163e86; }
      #first-view .btn-list li:nth-child(2) a:hover {
        color: #163e86;
        background: #fff;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s; }

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }

/*top-promo*/
#top-promo {
  padding: 35px 0;
  background: #163e86;
  color: #fff; }
  #top-promo .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #top-promo .flex .info {
      font-size: 22px; }
      #top-promo .flex .info p {
        font-weight: bold;
        letter-spacing: 4px; }
    #top-promo .flex .tel a {
      color: #fff;
      font-size: 32px;
      letter-spacing: 3px;
      font-weight: bold; }
      #top-promo .flex .tel a .fa {
        font-size: 35px;
        font-weight: normal; }
    #top-promo .flex .tel p {
      font-size: 15px;
      font-weight: normal;
      margin-top: 2px;
      letter-spacing: 2px; }

/*コンセプト*/
#top-concept {
  /*    background: url(../assets/28772-GOPR0379.JPG);*/
  background-size: cover;
  background-position: center;
  padding: 0; }

#top-concept .overlay {
  padding: 120px 0; }

.concept-box {
  padding: 0 40px;
  position: relative;
  text-align: center;
  color: #fff; }
  .concept-box .image {
    width: 720px;
    margin: 40px auto 32px; }
  .concept-box .info {
    color: #fff; }
  .concept-box .catch {
    font-size: 34px;
    margin-bottom: 20px;
    line-height: 1.6;
    letter-spacing: 6px;
    margin-bottom: 72px; }
  .concept-box .sub-title {
    font-size: 20px;
    margin-bottom: 18px; }
  .concept-box .txt {
    margin-bottom: 0;
    line-height: 2; }
  .concept-box .list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0; }
    .concept-box .list li {
      width: 31%; }
    .concept-box .list .icon {
      border: solid 1px #fff;
      width: 60px;
      height: 60px;
      line-height: 78px;
      border-radius: 50%;
      margin: 0 auto 12px; }
      .concept-box .list .icon i {
        font-size: 35px;
        font-weight: normal; }
    .concept-box .list p {
      font-size: 18px;
      letter-spacing: 4px;
      font-weight: bold;
      margin-bottom: 0; }

/*top-service*/
.top-service .top-service-title {
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 120px;
  color: #163e86;
  text-transform: uppercase;
  position: relative;
  display: block;
  letter-spacing: 7px; }

.top-service .top-service-title span {
  display: block;
  font-size: 14px;
  margin-top: 18px;
  color: #333;
  font-weight: normal;
  letter-spacing: 3px; }

.top-service .top-service-title:after {
  position: absolute;
  content: "";
  width: 60px !important;
  border-bottom: 3px solid #163e86 !important;
  left: 0;
  right: 0;
  margin: auto;
  padding-bottom: 24px; }

.top-service .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  text-align: center;
  padding-left: 0;
  margin-bottom: 68px; }
  .top-service .list li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px; }
    .top-service .list li i {
      font-size: 50px;
      margin-bottom: 24px;
      font-weight: normal;
      color: #163e86; }
    .top-service .list li h3 {
      font-size: 17px;
      color: #163e86;
      margin-bottom: 16px; }
    .top-service .list li p {
      font-size: 14px; }

.top-partner {
  padding: 0; }
  .top-partner .overlay {
    padding: 90px 0; }
  .top-partner .top-title {
    color: #fff; }
    .top-partner .top-title span {
      color: #fff; }
    .top-partner .top-title:after {
      border-bottom: 3px solid #fff !important; }
  .top-partner .list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    color: #fff; }
    .top-partner .list li {
      width: 20%; }
    .top-partner .list .icon {
      width: 70px;
      height: 70px;
      line-height: 90px;
      margin: 0 auto 8px;
      border-radius: 50%; }
      .top-partner .list .icon i {
        font-size: 60px; }
    .top-partner .list h3 {
      line-height: 26px;
      font-size: 16px; }
      .top-partner .list h3 span {
        font-size: 13px;
        display: block; }

.top-area .inner {
  margin: 0 auto; }

.top-area .flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .top-area .flex .box {
    width: 280px;
    margin-right: 120px; }
    .top-area .flex .box:nth-child(2) {
      margin-right: 0; }
    .top-area .flex .box .icon i {
      position: relative;
      top: 5px; }
    .top-area .flex .box h3 {
      color: #163e86;
      background: #edf7fc;
      font-weight: bold;
      letter-spacing: 3px;
      line-height: 26px;
      font-size: 20px;
      padding: 5px 12px 8px;
      margin-bottom: 18px; }
    .top-area .flex .box ul {
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 72px; }
      .top-area .flex .box ul li {
        font-size: 16px;
        letter-spacing: 1px; }
        .top-area .flex .box ul li:not(:last-child):after {
          content: "/";
          margin: 0 14px; }

.top-area .txt {
  text-align: center; }

.top-time {
  text-align: center; }
  .top-time .inner {
    margin: 0 auto; }
  .top-time .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px; }
    .top-time .flex .box {
      width: 160px;
      text-align: center;
      margin-right: 120px; }
      .top-time .flex .box:nth-child(2) {
        margin-right: 0; }
      .top-time .flex .box .icon {
        display: block;
        margin-bottom: 8px; }
        .top-time .flex .box .icon i {
          color: #163e86;
          font-size: 52px;
          position: relative; }
      .top-time .flex .box h3 {
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 26px;
        font-size: 22px;
        margin-bottom: 18px; }
  .top-time .txt001 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 12px;
    background: #163e86;
    color: #fff;
    margin-bottom: 16px; }

.col3-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .col3-box-wrap .col3-box {
    width: 33.333333%;
    background: #eee; }
  .col3-box-wrap .col3-box-image .btn {
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background: none;
    border: solid 1px #fff;
    color: #fff;
    line-height: 25px; }
  .col3-box-wrap .col3-box-image:hover .btn {
    color: #fff;
    background: #163e86;
    border: solid 1px #163e86 !important; }
  .col3-box-wrap .col3-box-image {
    background-size: cover;
    display: block;
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden; }
  .col3-box-wrap .col3-box-image:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/slide1.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }
  .col3-box-wrap .col3-box:first-child .col3-box-image:after {
    background: url(../images/service-bg001.jpg);
    background-size: cover; }
  .col3-box-wrap .col3-box:nth-child(2) .col3-box-image:after {
    background: url(../images/service-bg002.jpg);
    background-size: cover; }
  .col3-box-wrap .col3-box:nth-child(3) .col3-box-image:after {
    background: url(../images/service-bg003.jpg);
    background-size: cover; }
  .col3-box-wrap .col3-box:first-child:after {
    background: red; }
  .col3-box-wrap .col3-box-image:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .col3-box-wrap .col3-box-image .overlay {
    background: rgba(0, 0, 0, 0.51);
    z-index: 1;
    height: 100%;
    width: 100%;
    position: relative; }
  .col3-box-wrap .col3-box-image .image-inner {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 14rem;
    text-align: center; }
  .col3-box-wrap .col3-box-image .image-inner {
    color: #fff;
    font-weight: bold; }
  .col3-box-wrap .col3-box-image .image-inner:before {
    background: red; }
  .col3-box-wrap .col3-box-image .image-inner .title {
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 4px;
    font-size: 20px; }
  .col3-box-wrap .col3-box-image .image-inner .btn {
    border: solid 1px #fff;
    padding: 8px 60px;
    margin-top: 16px;
    letter-spacing: 2px; }
  .col3-box-wrap .list {
    padding: 30px;
    list-style: none;
    display: none; }
  .col3-box-wrap .list li:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 4px; }
  .col3-box-wrap .list li {
    padding-left: 30px;
    text-indent: -24px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: solid 1px #acacac; }
  .col3-box-wrap .list a {
    color: #333; }

/*セクション背景*/
.section-bg {
  background: url(../images/section-bg001.jpg);
  background-position: center;
  color: #fff;
  text-align: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 125px 0 100px;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative; }

.section-bg:before {
  background: url(../images/overlay.png);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  z-index: 0; }

.section-bg-title {
  position: relative;
  z-index: 2; }

/*top-news*/
.top-news {
  padding: 90px 0; }

.top-news-box-wrap {
  margin-bottom: 60px; }

.top-news-box {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden; }

.top-news-box a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .8;
  -o-transition: .8;
  transition: .8;
  margin-bottom: 24px;
  border-bottom: solid 1px #eee;
  padding-bottom: 30px;
  margin-bottom: 30px; }

.top-news-box a:hover {
  opacity: .8; }

.top-news-box .thumb {
  width: 160px;
  margin-right: 28px; }

.news-info .cat {
  margin-left: 8px; }

.news-info .title {
  font-size: 18px; }

.cat {
  margin-left: 8px;
  position: relative;
  top: 0px;
  font-size: 9px;
  padding: 2px 3px; }

.cat span {
  background: #46c3f2;
  color: #fff;
  font-family: sans-serif;
  font-size: 9px;
  padding: 1px 3px;
  margin-right: 3px; }

.cat .news {
  background: #13555e;
  color: #fff;
  font-family: sans-serif;
  font-size: 9px;
  padding: 2px 3px;
  margin-right: 3px; }

.cat .new_cast {
  background: #fc2161;
  color: #fff;
  font-family: sans-serif;
  font-size: 9px;
  padding: 1px 3px;
  margin-right: 3px; }

.cat .campaign {
  background: #00c974;
  color: #fff;
  font-family: sans-serif;
  font-size: 9px;
  padding: 1px 3px;
  margin-right: 3px; }

/*col2*/
.col2-box {
  overflow: hidden;
  margin-bottom: 40px; }

.col2-box .column-box {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 24px;
  border-bottom: solid 1px #eee;
  padding-bottom: 24px;
  overflow: hidden; }

.col2-box .column-box:nth-child(2n) {
  margin-right: 0; }

.col2-box .column-box .thumb {
  width: 26%;
  float: left; }

.col2-box .column-box .thumb img {
  -o-object-fit: cover;
  object-fit: cover; }

.col2-box .column-box .news-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 74%;
  padding-left: 30px; }

.news-info-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px; }

.col2-box .column-box .news-info .title {
  font-weight: 600;
  margin-bottom: 16px; }

.col2-box .column-box .news-info .title a {
  font-size: 16px;
  letter-spacing: 0px; }

/*col3*/
.col3-box {
  overflow: hidden; }

.col3-box .column-box {
  width: 31%;
  float: left;
  margin-right: 2.5%;
  margin-bottom: 24px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 2px #2a2a2a;
  box-shadow: 2px 2px 2px #2a2a2a; }

.col3-box .column-box a:hover {
  opacity: .8; }

.col3-box .column-box:nth-child(3n) {
  margin-right: 0; }

.col3-box .column-box .thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%; }

.col3-box .column-box .news-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: #333;
  padding: 10px 15px 15px;
  overflow: hidden; }

.news-info-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  font-size: 12px; }

.col3-box .column-box .news-info .title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.col3-box .column-box .news-info .title a {
  font-size: 16px;
  letter-spacing: 0px; }

.col3-box .column-box .news-info .top_more_btn {
  margin-top: 0; }

/*col4*/
.col4-box {
  overflow: hidden;
  margin-bottom: 40px; }

.col4-box .column-box {
  width: 23%;
  float: left;
  margin-right: 2.6%;
  margin-bottom: 24px;
  padding-bottom: 24px; }

.col4-box .column-box:nth-child(4n) {
  margin-right: 0; }

.col4-box .column-box .thumb {
  position: relative;
  overflow: hidden; }

.col4-box .column-box .thumb img {
  -moz-transition: -moz-transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  -o-transition: -o-transform 0.25s linear;
  -ms-transition: -ms-transform 0.25s linear;
  transition: -webkit-transform 0.25s linear;
  -o-transition: transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear; }

.col4-box .column-box .thumb img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.col4-box .column-box .thumb .title {
  position: absolute;
  bottom: 0;
  background: rgba(51, 51, 51, 0.72);
  width: 100%;
  margin-bottom: 0;
  color: #fff;
  padding: 6px 4px;
  text-align: center;
  font-size: 16px; }

/*  top-contact */
.top-contact {
  padding: 0;
  color: #fff;
  text-align: center; }
  .top-contact .overlay {
    padding: 90px 0; }
  .top-contact .top-title {
    margin-bottom: 72px; }
  .top-contact .top-title,
  .top-contact .top-title span {
    color: #fff;
    letter-spacing: 7px; }
  .top-contact .top-title span {
    letter-spacing: 3px; }
  .top-contact .top-title:after {
    position: absolute;
    content: "";
    width: 60px !important;
    border-bottom: 3px solid #fff !important;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 24px; }
  .top-contact .txt {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.6; }
  .top-contact .list {
    width: 100%;
    max-width: 560px;
    margin: 24px auto 24px !important;
    list-style: none;
    text-align: center;
    padding: 0; }
    .top-contact .list li {
      letter-spacing: 3px; }
      .top-contact .list li p {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0; }
      .top-contact .list li a {
        display: block;
        font-weight: bold;
        color: #ffffff;
        overflow: hidden;
        position: relative;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      .top-contact .list li .contact-tel {
        font-size: 33px;
        font-weight: normal; }
        .top-contact .list li .contact-tel .fa {
          font-size: 37px;
          margin-right: 4px; }
      .top-contact .list li.fax {
        margin-top: 5px;
        font-size: 26px; }
        .top-contact .list li.fax a {
          font-size: 26px;
          display: inline-block; }
  .top-contact .txt002 {
    font-size: 16px;
    text-align: center; }
    .top-contact .txt002 span {
      font-size: 14px;
      display: block;
      margin-top: 12px; }

/*bg-nav*/
.bg-nav {
  padding: 0; }

.bg-scale {
  position: relative;
  overflow: hidden;
  text-align: center; }

.bg-scale .overlay {
  padding: 90px 0;
  background: url(../images/overlay.png);
  position: relative;
  z-index: 1; }

a:hover .bg-scale .overlay {
  background: none; }

.bg-scale:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/top-main.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale:hover:after {
  opacity: .8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  text-decoration: none; }

.bg-scale .inner {
  z-index: 1;
  position: relative;
  width: 360px;
  margin: 0 auto;
  padding: 40px; }

.bg-scale .inner a {
  display: block;
  color: #fff;
  font-size: 28px; }

a .bg-scale .inner {
  color: #333;
  display: block; }

a:hover .bg-scale .inner {
  text-decoration: none; }

.bg-scale .icon .fa {
  font-size: 24px;
  margin-bottom: 12px;
  color: #e73a8f;
  background: rgba(255, 255, 255, 0.78);
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-shadow: none; }

.bg-scale .title {
  font-size: 34px;
  font-weight: normal;
  display: inline-block;
  padding: 0 14px;
  color: #fff;
  letter-spacing: 7px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28) !important; }

.bg-scale .title span {
  font-size: 16px;
  margin-top: 8px;
  letter-spacing: 3px;
  padding: 12px 42px 0;
  border-top: solid 1px rgba(255, 255, 255, 0.83); }

.button-7 {
  width: 230px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin: 40px auto 0;
  color: #fff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 50px; }

.button-7 .link {
  font-size: 14px;
  text-decoration: none;
  line-height: 50px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 2;
  position: relative; }

.eff-7 {
  width: 230px;
  height: 50px;
  border: 1px solid #fff;
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px; }

.bg-scale:hover .button-7 {
  border: none;
  background: rgba(17, 17, 17, 0.54);
  border: solid 1px rgba(51, 51, 51, 0.63); }

.bg-scale:hover .button-7 .eff-7 {
  border: 70px solid rgba(17, 17, 17, 0.46); }

.bg-scale:hover .button-7 .link {
  color: #fff;
  text-shadow: none;
  background: #111; }

/*top-col-3-box*/
.top-col-3-box-wrap {
  clear: both;
  overflow: hidden;
  text-align: center; }

.top-col-3-box {
  float: left;
  width: 33.33333%; }

.top-col-3-box h3 span {
  display: block; }

#top-system .bg-scale:after {
  background: url(../images/bg-nav001.jpg) no-repeat center center;
  background-size: cover; }

#top-access .bg-scale:after {
  background: url(../images/bg-nav002.jpg) no-repeat center center;
  background-size: cover; }

#top-recruit .bg-scale:after {
  background: url(../images/bg-nav003.jpg) no-repeat center center;
  background-size: cover; }

/*トップスライダー*/
.bx-wrapper {
  margin-top: 82px !important; }

ul.bxslider_top {
  padding: 0; }

.bx-wrapper .bx-pager {
  display: none; }

.bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0 !important; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(231, 58, 143, 0.33) !important; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #e976aa !important; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -43px !important; }

.active img {
  opacity: .3; }

/*トップページ*/
#top-schedule {
  padding: 0 0 40px; }

#top-schedule .top-today-header {
  background: white;
  padding: 35px 0;
  margin-bottom: 40px;
  text-align: center;
  border-top: solid 1px #eee; }

#top-schedule .top-today-title {
  color: #de2b80; }

#top-schedule .top-today-subtitle {
  margin-top: 10px; }

#top-schedule .top-today-title .big {
  font-size: 32px;
  text-transform: uppercase; }

#top-schedule .top-today-title span {
  display: inline-block;
  font-size: 16px; }

#top-schedule .top-today-title .today {
  margin-left: 12px; }

/*トップ　本日の出勤*/
#top-schedule {
  overflow: hidden;
  background: url(../images/today-attend.jpg);
  background-size: cover; }

a .top-today-box {
  color: #333;
  border: solid 1px #eee; }

.top-today-box {
  float: left;
  width: 32.33333%;
  margin-right: 1.5%;
  margin-bottom: 32px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: px;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  /*変化に掛かる時間*/ }

.top-today:nth-child(3n) .top-today-box {
  margin-right: 0px;
  padding-right: 0px; }

.top-today-box:hover {
  background: rgba(255, 225, 231, 0.9); }

.top-today-box .thumb {
  width: 50%;
  float: left;
  position: relative; }

.top-today-box .thumb img {
  width: 300px;
  height: 280px;
  -o-object-fit: cover;
  object-fit: cover; }

.top-today-box .thumb .cat-list-box {
  position: absolute;
  left: 6px;
  bottom: 6px;
  width: 100%; }

.top-today-box .top-caption {
  width: 50%;
  float: left;
  padding: 15px 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px; }

.top-today-box .thumb .cat-list-box .new {
  bottom: 0px;
  background: rgba(173, 144, 63, 0.91);
  color: #fff;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  font-size: 11px; }

.top-today-box .thumb .cat-list-box .premiere {
  bottom: 0px;
  margin-top: 8px;
  width: 53px;
  height: 53px;
  text-align: center;
  line-height: 53px; }

.top-today-box .thumb .cat-list-box .premiere img {
  width: 53px;
  height: 53px; }

.top-today-box .thumb .cat-list {
  position: absolute;
  right: 11px;
  bottom: 0px;
  font-size: 10px;
  display: inline-block; }

.top-today-box .thumb .cat-list .cat-list-type,
.top-today-box .thumb .cat-list .cat-list-grade {
  padding: 1px 4px 0;
  color: #fff;
  line-height: 16px;
  height: 20px; }

.top-today-box .thumb .cat-list .cat-list-type {
  background: rgba(255, 255, 255, 0.83);
  border: solid 1px #DE2B80;
  margin-bottom: 3px;
  color: #DE2B80;
  font-family: sans-serif; }

.top-today-box .thumb .cat-list .cat-list-grade {
  background: #27a6f5;
  font-family: sans-serif;
  line-height: 16px;
  height: 18px; }

.top-today-box .top-caption .title {
  font-size: 13px;
  line-height: 18px;
  color: #e976aa; }

.top-today-box .top-caption dl {
  font-size: 13px;
  margin-bottom: 23px; }

.top-today-box .top-caption dl:last-child {
  margin-bottom: 0px; }

.top-today-box .top-caption dl dt {
  width: 50%;
  margin: 0 auto 10px auto;
  color: #9c8e5c;
  padding-bottom: 2px;
  border-bottom: 1px solid #9c8e5c;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: normal; }

.top-today-box .top-caption dl dd .old {
  display: block; }

.top-today-box .top-caption dl dd {
  line-height: 18px;
  font-size: 12px;
  text-transform: uppercase; }

.top-today-box .top-caption .size dd {
  font-family: 'Forum', cursive;
  letter-spacing: 1px;
  font-size: 14px; }

.top-today-box .top-caption dl.name dd {
  min-height: 54px; }

#top-today .top_krc_calendar .top_day_box {
  background: none;
  border-radius: 2px;
  margin-bottom: 5px;
  color: #333; }

.imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/ }

.imgWrap img {
  display: block;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*変化に掛かる時間*/ }

.top-today-box:hover .imgWrap img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  /*画像の拡大率*/
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*変化に掛かる時間*/ }

/**/
.top-2col-title {
  color: #6c5b00;
  display: block;
  text-align: center;
  padding: 32px 0 32px;
  font-size: 32px;
  margin-bottom: 40px;
  background: #fff; }

.top-2col-title span {
  display: block;
  font-size: 14px;
  margin-top: 12px; }

.top-2col-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  width: 580px;
  margin: 0 auto 32px; }

#top-news .top-2col-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 580px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.top-news .col2-box .column-box .thumb {
  -webkit-box-shadow: 2px 2px 2px rgba(69, 69, 69, 0.6);
  box-shadow: 2px 2px 2px rgba(69, 69, 69, 0.6); }

.top-2col-box {
  overflow: hidden; }

.top-2col-box .image {
  margin-bottom: 20px; }

.top-2col-box .image:last-child {
  margin-bottom: 0; }

/*bg-img001*/
#bg-001 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#top-campaign,
#top-news {
  padding: 0;
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-size: cover;
  border-bottom: 8px solid rgba(255, 255, 255, 0.72); }

#top-campaign {
  background: url(../images/top-campaign-bg.jpg);
  background-size: cover; }

#top-news {
  background: url(../images/top-news-bg.jpg);
  background-size: cover; }

/**/
#top-catch {
  background: url(../images/crossword.png);
  padding: 60px 0 60px; }

.logo-anime {
  max-width: 100%;
  margin: 0 auto;
  width: 800px; }

.top-price-banner {
  text-align: center;
  margin: 0 auto 25px; }

.top-catch {
  width: 85%;
  margin: 16px auto;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 20px; }

.top-catch .txt p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-shadow: 1px 1px 1px #cecece;
  margin-bottom: 18px; }

header {
  background: none; }

.top_info_box .entry-content {
  padding-bottom: 15px; }

.top_more_btn {
  clear: both;
  margin-top: 20px; }

/*top-col-2-box*/
.top-col-2-box-wrap {
  clear: both;
  overflow: hidden;
  text-align: center; }

.top-col-2-box {
  float: left;
  width: 50%; }

.top-col-2-box h3 span {
  display: block; }

/*top-cast-list*/
#top-cast-list {
  margin-top: 30px; }

/*固定ページ*/
.regulation .highlight {
  font-size: 20px !important;
  margin-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px #333 dotted; }

.map {
  margin-bottom: 25px; }

.map:last-child {
  margin-bottom: 0px; }

/*シングルページ*/
.single-thumb {
  margin-top: 18px;
  margin-bottom: 32px; }

.nav-links {
  width: 100%; }

.nav-links a {
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s; }

.nav-links a:hover {
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s; }

.nav-previous {
  float: left;
  margin-top: 50px;
  margin-bottom: 30px; }

.nav-next {
  float: right;
  margin-top: 50px; }

.screen-reader-text {
  display: none; }

@media (max-width: 480px) {
  .nav-links {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden; }
  .nav-previous {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px; }
  .nav-next {
    float: right;
    margin-top: 10px; } }

/* サイドバー
------------------------- */
.side_box {
  margin-bottom: 14px; }

#side_bar section {
  padding-top: 0; }

#side_bar .tel {
  font-family: 'Forum', cursive, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

#side_bar .tel a {
  text-decoration: none;
  font-size: 26px;
  color: #C83578;
  letter-spacing: 3px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.side_box .title {
  font-size: 16px;
  background: #e976aa;
  color: #fff;
  padding: 4px 12px;
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.side_box .side_box_inner {
  padding: 14px;
  background: #fff;
  border: solid 1px #eee;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }

.side_box .side_box_inner.m-b {
  padding-top: 0; }

.side_box .open {
  border-top: solid 1px #eee;
  padding-top: 9px;
  margin-bottom: 0;
  font-size: 14px; }

.side_box .open span {
  font-size: 18px; }

#side_bar .side_title002 {
  background: #f2f2f2;
  font-size: 13px;
  padding: 3px 6px;
  margin-top: 14px;
  margin-bottom: 7px;
  border-radius: 5px; }

#side_bar .txt {
  font-size: 11px;
  padding: 8px;
  background: #fdf9ee;
  margin-top: 8px; }

.side_box .mail {
  padding-top: 4px;
  margin-top: 8px;
  border-top: solid 1px #eee;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2.5px; }

.side_box .mail a {
  font-size: 14px; }

#side_bar .side_nav .nav {
  background: #fff;
  border-radius: 3px; }

#side_bar .side_nav li {
  border-bottom: solid 1px #eee;
  margin-top: 0px;
  position: relative; }

#side_bar .side_nav li:last-child {
  border: none; }

#side_bar .side_nav li::after {
  content: ">";
  color: #eee;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 14px;
  top: 5px;
  -webkit-transform: scale(0.8, 1.2);
  -ms-transform: scale(0.8, 1.2);
  transform: scale(0.8, 1.2); }

#side_bar .side_nav li a {
  padding: 8px 0px;
  font-size: 14px;
  color: #333; }

#side_bar .side_nav li:last-child a {
  padding-bottom: 0; }

#side_bar .tel_box {
  clear: both;
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 14px 10px 10px;
  color: #222; }

#side_bar .tel_box2 {
  background: none repeat scroll 0 0 #ffffff;
  border: 4px solid #eeeeee;
  clear: both;
  margin: 0 auto 10px;
  min-height: 20px;
  overflow: hidden;
  padding: 14px 10px 4px;
  color: #222; }

#side_bar .tel_box2 .side_title {
  font-weight: bold;
  padding: 2px 6px;
  background: #61bdfa;
  margin-bottom: 9px;
  color: #fff;
  border-radius: 2px; }

#side_bar .tel_box2 .side_title2 {
  font-weight: bold;
  padding: 2px 6px;
  background: #C576BD;
  margin-bottom: 9px;
  color: #fff;
  border-radius: 2px; }

#side_bar .tel_box2 .link_color a {
  color: #e976aa;
  font-size: 14px;
  text-decoration: underline; }

#side_bar .tel_box2 .tel a {
  text-decoration: none;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
  color: #e976aa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  display: block; }

#side_bar .tel_box2 p.mail {
  margin-bottom: 0px;
  line-height: 18px; }

#side_bar .tel_box2 .mail a {
  font-size: 12px; }

#side_bar .tel_box2 .small {
  font-size: 12px;
  line-height: 19px;
  margin-top: 10px; }

#side_bar .tel_box2 .line_title {
  font-weight: bold;
  color: #2a9d76; }

#side_bar .rec_head {
  padding: 4px;
  background: #FFFFE1;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center; }

.side_banner img {
  background: none repeat scroll 0 0 #ffffff;
  border: 4px solid #eeeeee;
  clear: both;
  overflow: hidden;
  color: #222; }

/*top-banner*/
.top-banner {
  margin: 12px auto; }

/*author*/
#plofile_btn {
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 100000;
  font-family: sans-serif; }

#plofile_btn a {
  font-size: 10px; }

.author-icon-box {
  position: relative; }

.author-icon-box a {
  font-size: 9px;
  font-family: sans-serif;
  letter-spacing: 0px;
  width: 100%;
  padding: 7px 3px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.89);
  display: block;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px #e0e0e0;
  box-shadow: 0 0 1px #e0e0e0; }

.author-icon-box a:hover {
  opacity: 0.8; }

.author-icon-box .fa {
  margin-bottom: 5px;
  font-size: 18px; }

.author-icon {
  position: absolute;
  left: 100px;
  bottom: 5px; }

/*-------コメント-----------------*/
footer.comment-meta {
  background: none;
  clear: both;
  margin-top: 20px; }

footer.comment-meta .fn {
  color: #333; }

.comment-awaiting-moderation {
  color: #333;
  background: #ffdfb4;
  padding: 5px;
  border-radius: 3px;
  font-size: 11px; }

.comment-list {
  margin: 0px;
  padding: 0;
  list-style: none;
  line-height: 26px; }

.comment-body {
  padding-bottom: 30px;
  margin-bottom: 15px;
  border-bottom: solid #eee 1px; }

.comment-metadata {
  background: #eeeeee;
  padding: 2px 10px;
  margin-bottom: 13px;
  border-radius: 3px; }

.comment-metadata a {
  color: #333;
  font-size: 13px;
  text-decoration: none; }

.comment-list .children {
  list-style: none; }

#comments {
  margin-bottom: 30px; }

#comments img.avatar {
  margin: 10px 10px 15px 0;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  padding: 2px; }

h2.comments-title {
  line-height: 21px;
  background: #db80a5;
  padding: 10px 8px 8px 12px;
  color: #fff;
  border-radius: 3px;
  font-size: 17px;
  margin-top: 0; }

h2.comments-title .fa {
  color: orange; }

#respond {
  margin-top: 30px; }

#reply-title {
  font-size: 18px;
  margin-bottom: 16px; }

.reply a {
  font-size: 12px;
  margin-top: 20px;
  padding: 2px 20px;
  background: none repeat scroll 0 0 #e976aa;
  color: #fff;
  border-radius: 2px;
  display: -moz-deck;
  text-decoration: none; }

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

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

textarea#comment {
  width: 80%;
  border-radius: 3px;
  border: solid 1px #eee;
  margin-bottom: 14px; }

#commentform input[type="submit"] {
  border: 2px solid #ccc;
  padding: 4px 10px;
  color: #666;
  cursor: pointer;
  background: none; }

#commentform input[type="submit"]:hover {
  opacity: 0.8; }

.comment-notes {
  margin-bottom: 20px; }

.comment-form-author {
  margin-bottom: 15px; }

.comment-form-author .required {
  margin-right: 32px; }

.comment-form-email {
  margin-bottom: 15px; }

.comment-form-email .required {
  margin-right: 20px; }

.comment-form-user_tel {
  margin-bottom: 15px; }

.comment-form-use_date {
  margin-bottom: 15px; }

.comment-s_name {
  margin-bottom: 15px; }

.comment-respond input {
  border-radius: 3px;
  border: 1px solid #d8d8d8;
  padding-left: 8px;
  height: 30px; }

.comment-respond select {
  width: 246px;
  height: 28px;
  margin-left: 4px; }

p.form-submit {
  line-height: 18px; }

#respond label {
  width: 120px; }

/*AddQuicktag*/
.border-marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(76%, transparent), color-stop(76%, rgba(255, 102, 255, 0.63)));
  background: -webkit-linear-gradient(transparent 76%, rgba(255, 102, 255, 0.63) 76%);
  background: -o-linear-gradient(transparent 76%, rgba(255, 102, 255, 0.63) 76%);
  background: linear-gradient(transparent 76%, rgba(255, 102, 255, 0.63) 76%); }

.txt-shadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.box-shadow img {
  margin-top: 8px;
  margin-bottom: 12px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.46);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.46); }

/*写メ日記*/
.shame_box {
  overflow: hidden;
  margin-bottom: 30px; }

/*写メ日記詳細ページ*/
#shame_container img {
  margin: 10px 0; }

@media (max-width: 480px) {
  #shame_container img {
    width: 100%;
    height: auto;
    margin: 10px 0; } }

.shame_user_name {
  margin-top: 30px; }

/*wp-page-navi*/
.wp-pagenavi {
  clear: both;
  padding-top: 20px;
  margin-top: 24px;
  margin-bottom: 90px;
  text-align: center; }

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  color: #333;
  background: none;
  text-decoration: none;
  padding: 7px 12px !important;
  margin: 2px;
  border: solid #333 1px;
  background: rgba(255, 255, 255, 0.94); }

.wp-pagenavi a:hover {
  display: inline-block;
  color: #fff;
  background: #163e86;
  text-decoration: none;
  margin: 2px;
  border: solid 1px #163e86; }

.wp-pagenavi span.current {
  display: inline-block;
  color: #fff;
  background: #163e86;
  text-decoration: none;
  padding: 11px 16px !important;
  margin: 2px;
  border: 0 !important;
  font-weight: normal !important; }

.extend {
  border: none !important; }

.wp-pagenavi span.pages {
  padding: 9px 12px !important; }

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

#footer a {
  color: #333; }

#footer p {
  margin-bottom: 0px; }

.footer-logo {
  width: 250px; }

.footer-logo a {
  color: #333; }

.footer-txt {
  text-align: left;
  font-size: 11.5px;
  padding-right: 15px;
  line-height: 24px; }

.footer-title {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 16px;
  letter-spacing: 2px;
  color: #163e86;
  border-bottom: solid 1px #163e86;
  padding-bottom: 4px; }

.footer-add {
  margin-bottom: 8px !important;
  letter-spacing: 1px; }

.footer-tel {
  margin-bottom: 14px !important; }

.footer-tel a {
  color: #333;
  font-size: 22px;
  letter-spacing: 2px; }

.footer-nav {
  border-top: solid 1px rgba(177, 177, 177, 0.58);
  padding-top: 28px;
  padding-left: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.footer-nav a {
  color: #fff; }

#footer .button {
  margin-top: 12px; }

#footer .button i {
  margin-right: 0;
  position: relative;
  right: -8px; }

#footer a.button {
  color: #163e86;
  margin-bottom: 0; }

#footer a.button:hover {
  color: #fff; }

.copy {
  text-align: center;
  color: #fff;
  margin-bottom: 0px;
  letter-spacing: 1px; }

#copyrights {
  padding: 40px 0;
  background-color: #163e86;
  font-size: 14px;
  line-height: 1.8; }

#copyrights .container {
  position: relative; }

#copyrights a {
  color: #fff; }

#copyrights .footer-policy {
  float: right;
  font-size: 12px;
  margin-bottom: 18px;
  position: absolute;
  right: 15px; }

/* page-rop */
#page-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 77%;
  z-index: 2; }

#page-top a {
  background: #fff;
  text-decoration: none;
  color: #163e86;
  border: solid 1px #163e86;
  width: 38px;
  height: 38px;
  line-height: 32px;
  text-align: center;
  display: block;
  border-radius: 38px;
  font-size: 23px;
  opacity: .75; }

#page-top a:hover {
  text-decoration: none;
  opacity: .8; }