/****************************
** File：style.css
****************************/
/*
  Name:子テーマパーツスキン
  Priority: 2.0
  Author: yhira
  Author URI: http://nelog.jp/
*/
/*このstyle.cssファイルと同じフォルダにパーツとなるCSSファイルを放り込んでください*/
/*以下にスタイルシートを記入してください*/

/*** IE10以前でのみ有効 ***/
html {
  height: 100%\9;
  overflow: hidden\9;
}
body {
  height: 100%\9;
  overflow: scroll\9;
}
/*** IE10以降でのみ有効 ***/
@media all and (-ms-high-contrast: none) {
  html {
    height: 100%;
    overflow: hidden;
  }
  body {
    height: 100%;
    overflow: scroll;
  }
}
a {color: #1e73be;text-decoration: none;transition: all 0.3s;}
.link-bgbk a {color: #72bdff !important;}
.link-bgbk a:hover {color: #a251a2 !important;}

a:hover {
  /* color: #a251a2;
  background: linear-gradient(transparent 55%, rgba(255,153,255,0.5) 55%); */
}

a#footer-button-home{
  display: block;
}

a#footer-button-prev,
a#footer-button-next{
  display: none;
}

h1, h2, h3, h4, h5, h6 {
    line-height: unset;
}

.center {
 margin: 0 auto;
 text-align: center;
}

.hide {display: none !important;}

.btnhover {
 display: block;
 -webkit-transition: 0.3s;
 transition: 0.3s
}

.red-under {
  border-bottom: 2px solid #a94442 !important;
  font-weight: bold;
}

.btnhover:hover {
 background-color: #A251A2 !important;
}

.pum-container, .pum-theme-lightbox .pum-container{
   padding: 0 !important;
   border-radius: 0 !important;
   border: 0 !important;
   box-shadow: none !important;
   background-color: transparent !important;
}

.brandcolor {color: #a94442;}

.text-shadow-fff {text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.text-shadow-666 {text-shadow: 0 1px 0 #666, 1px 0 0 #666, 0 -1px 0 #666, -1px 0 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;}
.text-shadow-000 {text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.text-shadow-none {text-shadow: none !important;}

.flex-row {
 -webkit-flex-direction: row !important;
 -ms-flex-direction: row !important;
 flex-direction: row !important;
}

.bgc {background-color: rgba(237, 237, 237, 0.8);}
.bgc-bk {background-color: rgba(0, 0, 0, 0.4);}
.bgc-bk80 {background-color: rgba(0, 0, 0, 0.8);}
.bgc-ddd {background-color: #ddd;}
.bgc-wt {background-color:rgba(255,255,255,0.4);}
.bgc-wt80 {background-color:rgba(255,255,255,0.8);}


.bg-blur {
   position: relative;
   z-index: 0;
   overflow: hidden;
}

.bg-blur:before {
   content: '';
   background: inherit;
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -o-filter: blur(5px);
   -ms-filter: blur(5px);
   filter: blur(5px);
   position: absolute;
   top: -5px;
   left: -5px;
   right: -5px;
   bottom: -5px;
   z-index: -1;
 }

.preparation:before {
  content: '';
  border-radius: 1em;
  border: 2px solid #fff;
  position: absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  margin:auto auto;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 100;
}

.preparation:after {
  content: '\f071\A現在準備中です\A少々お待ち下さい';
  white-space: pre;
  font-size: 1.5em;
  font-family: FontAwesome;
  text-align: center;
  line-height: 2em;
  color: #ecaa00;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 200;
}

/****************************
** File：body.css
****************************/
body {}

#body {
  padding: 0;
  margin: 0;
  border: 0;
}
#body-in{
  width: 95%;
  max-width: 1400px;
  /* background-color: rgba(0, 0, 0, 0.4); */
}

/****************************
** File：cover.css
****************************/
#header-in, #navi-in, #main, #sidebar, #footer-in {}

div#container > header {}

div#container #page-top a {
  color: #fff;
  width: 3.5em;
  height: 3em;
  padding: 0 0 0.5em 0;
  margin: 0.2em;
  border: 2px solid rgba(255, 255, 255, 0);
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: center;
  background-color: rgba(30, 115, 190, 0.8);
  line-height: 100%;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  font-size: 1.3em;
}
div#container #page-top a:hover {
  opacity: unset;
  background: #a251a2;
  border-color: #fff;
}
div#container #page-top a:after {
  display: block;
  content: "Top";
  font-size: 0.8em;
  padding: 0;
  margin: 0 auto;
  font-weight: bold;;
}

/****************************
** File：fix-menu.css
****************************/
div#fix-menu {}

/****************************
** File：flexible.css
****************************/
@media screen and (max-width: 1400px) and (min-width: 1111px)  {
  #container , #main .article {font-size: 12px !important}
}


@media screen and (min-width: 1111px)  {
  #header {
    background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2021/01/skyline_a94442.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #header p#site-title img.site-title-img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  #site-description , #site-title {}

  #head-widget #head-widget2 {
    margin-right: -1px;
    text-shadow: 0 1px 0 #666, 1px 0 0 #666, 0 -1px 0 #666, -1px 0 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
  }
  #head-widget #head-widget2 div.cell1 {}
  #head-widget #head-widget2 div.cell2 {}
  #head-widget #head-widget2 div.cell3 {}
  div#head-widget2 > div.panel-grid-cell {
    overflow: hidden;
  }
  #head-widget #head-widget2 div.cell1 , #head-widget #head-widget2 div.cell2 , #head-widget #head-widget2 div.cell3 {
    border: 3px solid #fff;
    overflow: hidden;
    border-radius: 1em;
    width: 98%;
    height: auto;
  }
  #head-widget #head-widget2 div.panel-grid-cell:nth-child(1), #head-widget #head-widget2 div.panel-grid-cell:nth-child(2) {}
  #head-widget #head-widget2 div.panel-grid-cell:nth-child(1), #head-widget #head-widget2 div.panel-grid-cell:nth-child(2), #head-widget #head-widget2 div.panel-grid-cell:nth-child(3) {
    padding: 6px 0;
  }

  #head-widget #snsbtn span.blog:hover {background-color: #4e9a53 !important;}
  #head-widget #snsbtn span.twitter:hover {background-color: #00aced !important;}
  #head-widget #snsbtn span.facebook:hover {background-color: #3b5998 !important;}

  #pg-70-0 , #pg-70-8 {background-color: rgba(0, 0, 0, 0.4);}

}
@media screen and (min-width: 640px)  {
  #head-widget {}

  #container {
    background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-70.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
  }
  body.page-id-920 #container {background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-920.jpg);}
  body.page-id-924 #container {background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-924.jpg);}
  body.page-id-937 #container {background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-937.jpg);}
  body.page-id-941 #container {background-image: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-941.jpg);}


  #head-widget #head-widget2 {}

  #head-widget2 > div.panel-grid-cell div.cell1 {
    display: table;
    width: 100%;
  }
  #head-widget2 > div.panel-grid-cell div.cell1 > div {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
  }

  .left-1em {margin-left: 1em;}
  .right-1em {margin-right: 1em;}
  .border-r {border-radius: 1em;}
}

@media screen and (max-width: 1110px)  {
  body{position: relative;}

  .flex-row , #topboxbar ,#header_menu , #landing-header .lh-widget , #NewsTopics #sns , #head-widget , #head-widget2 {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  #header , #header-in , #h-top {margin: 0 !important; height: auto !important;}

  #navi #menu-menu {height: 80px;}

  #header {
    border: 0 !important;
    background-image: url();
  }

  div#header-in {width: 100%;}

  div#head-widget {background-color: transparent;}
  div#head-widget > div.panel-grid-cell {width: 100%;}

  #header div#head-widget div#accordion-cover > p{}
  #head-widget2 > div.panel-grid-cell div.cell1 div.accordion-content a{padding: 5px 0;}

  #h-top{position: static;padding: 1.5em 0 0 0 !important;}

}

@media screen and (max-width: 740px) {
  #main{padding: 0 !important;}
}

@media screen and (max-width: 1110px) and (min-width: 640px)  {
  #container , #main .article {font-size: 10px !important}
  div.slicknav_menu {display: none;}
  #navi-in {border-bottom: 2px solid #fff !important;}
  #navi ul.sub-menu, #navi ul.children {position: absolute !important;}
  #navi .sub-menu li, #navi .children li {padding-left: 0 !important;}
  #navi ul.menu > li a:hover {border: 1px solid rgba(255, 255, 255, 0) !important;}
  #head-widget {
    border-top: 2px solid #fff;
    background-color: #fff;
    text-shadow: 0 1px 0 #666, 1px 0 0 #666, 0 -1px 0 #666, -1px 0 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
  }
  #header #head-widget div#accordion-cover > p {padding: 0 0 0.5em 0 !important;font-size: 14px !important;}
  #header #site-description {font-size: 1em !important;}
}


@media screen and (max-width: 639px) {
  html {background: none;}
  html::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    height: 100vh;
    background: url(https://www.digital-yorozuya.com/wp/wp-content/uploads/2020/01/bg_id-70.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
  }

  #h-top{position: static;padding: 1.5em 0 0 0 !important;}

  #navi {display: none;}

  #container , #main .article {font-size: 10px !important}
  #header {font-size: 12px !important}

  #header p#site-title {
    z-index: 0 !important;
  }
  #header p#site-title a {}
  #header p#site-title img.site-title-img {min-width: 90px !important;}
  #header p#site-title a:before , #header p#site-title a:after {
    padding-left:0 !important;
    content: " " !important;
  }

  #site-description {
    margin: 0 auto !important;
  }

  #header div.alignleft {border: 0 solid #fff;}

  #header #head-widget #pgc-w5a77a7bf0a6f6-0-0 > .panel-cell-style{text-shadow:unset;}

  div#lh-Features {font-size: 8px;}

  #head-widget2 {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #head-widget2 > div.panel-grid-cell div {background-color: transparent;}
  #head-widget2 > div.panel-grid-cell div.cell1{
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    left: 25%;
    right: 25%;
    margin: 0;
    height: 28px !important;
  }
  #header #head-widget div#accordion-cover > p{
    text-shadow: unset;
    display: none;
    }
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title{
    width: auto !important;
    border: 0 !important;
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 0 !important;
    font-weight: bold !important;
  }
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title:before{content: "お問い合わせ\00a0\00a0\f0d7" !important;}
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title.open:before{content: "お問い合わせ\00a0\00a0\f0d8" !important;}
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title:hover{text-shadow: unset !important;}
  #head-widget2 > div.panel-grid-cell div.cell1 div.accordion-content{background-color:#A251A2 !important;}
  #head-widget2 > div.panel-grid-cell div.cell1 div.accordion-content a{
    padding: 2.5vw 0;
  }
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title ,
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title:before ,
  #head-widget2 > div.panel-grid-cell div.cell1 h3.accordion-title.open:before {
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  }

  #head-widget2 > div.panel-grid-cell div.cell2 {background-color: #a94442;}

  #head-widget2 > div.panel-grid-cell div.cell3{
    position: absolute;
    width: 25%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 28px !important;
  }
  #head-widget2 > div.panel-grid-cell div.cell3 > div:first-child {
    display: none;
  }
  #head-widget2 > div.panel-grid-cell div.cell3 > div #searchform {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #head-widget2 > div.panel-grid-cell div.cell3 > div #searchform input[type="text"] {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 28px;
    height: 28px;
    position: static;
    border-radius: 0;
    font-size: 0.8em;
  }

  #head-widget #opentime {
    height:auto !important;
    text-shadow:unset !important;
    width: fit-content !important;
    padding: 1em 0 !important;
  }
  #head-widget #opentime strong{
    line-height:unset;
  }
  #head-widget #opentime p:nth-child(n+2){
    display: table-cell;
  }

  #landing-header #lh-ctb , #landing-header #lh-contact , #landing-header #lh-info , #NewsTopics #sns{
    display: none !important;
  }

  #landing-header #lh-mobile {display: block;}

  #landing-header #SeriousSlider .seriousslider-caption {
    background-color: transparent !important;
    border-radius: 0 !important;
    width: 98% !important;
  }

  #post-70 .mobile-top-bg {background-color: rgb(255, 255, 255);}
  #post-70 .mobile-top-bg .bgc-bk80 {background-color: rgba(0, 0, 0, 0) !important;}
}

/****************************
** File：footer.css
****************************/
#footer {
  border: 0;
  padding: 0;
  width: 100%;
  color: #fff;
  background-color: #a94442;
}

#footer a:hover {
   color: #72bdff;
 }
#footer a {
  color: #fff;
  position: relative;
  display: inline-block;
  transition: .3s;
  }
#footer a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #a251a2;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
#footer a:hover::after {
    width: 100%;
  }

/****************************
** File：gloval-navi.css
****************************/
#navi {

  margin: 0 auto;
  padding: 0;
  border: 0 !important;
}


#navi #menu-menu {
  margin: 0 auto;
  padding: 0;
  border: 0;
}

#navi-in {
  margin: 0 auto;
  padding: 0;
  border: 0;
  background-color: rgba(169, 68, 66, 1);
  width: 100% !important;
}


#navi ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  background-color: transparent;
}

#navi ul li {
  float: none;
  clear: both;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background-color: transparent;
}

#navi ul.menu > li:hover {background-color: #A251A2}

#navi ul.menu > li a {border:1px solid rgba(169, 68, 66, 0);}
#navi ul.menu > li a:hover {border: 1px solid #fff;}

#navi ul.menu > li a:before {
    padding-bottom: 0.5vw;
    font-family: "Font Awesome 5 Free";
    display: block;
    font-size: 1.8em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}

#navi ul.menu > li a:hover:before, #navi ul.menu > li a:focus:before, #navi ul.menu > li a:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


#navi ul.menu > li:nth-of-type(1) a:before {content: "\f015";}
#navi ul.menu > li:nth-of-type(2) a:before {content: "\f0ad";}
#navi ul.menu > li:nth-of-type(3) a:before {content: "\f54f";}
#navi ul.menu > li:nth-of-type(4) a:before {content: "\f059";}
#navi ul.menu > li:nth-of-type(5) a:before {content: "\f2c2";}
#navi ul.menu > li:nth-of-type(6) a:before {content: "\f086";}

#navi ul.sub-menu li a:before {
  flex: auto;
  padding-bottom: 0;
  padding-right: 0.5em;
  font-size: 0.8vw;
  display: inline;
  font-family: FontAwesome;
  content: "\f138" !important;
}

#navi ul li a {
  display: block;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  overflow: hidden;
  text-decoration: none;
  background-color: transparent;
  padding: 1vw 0 ;
  text-shadow: 0 1px 0 #666, 1px 0 0 #666, 0 -1px 0 #666, -1px 0 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}


#navi ul li a:hover {
  background-color: transparent !important;
  text-shadow: 0 1px 0 #333, 1px 0 0 #333, 0 -1px 0 #333, -1px 0 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;

}

#navi ul.sub-menu {
  z-index: 999 !important;
  min-width: 100%;
  background-color: #A251A2;
  border: 0;
  padding: 0;
  margin: 0 -1px;
}

#navi ul.sub-menu li {
  display: table;
}

#navi ul.sub-menu li:last-child {width: 100%;}

#navi ul.sub-menu li a {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 0 0.5em;
    height: 4.5em;
    border-color: #A251A2;
  }

#navi ul.sub-menu li a:hover {
  background-color: #1e73be;
  }

#navi ul.menu > li:hover ul.sub-menu li:hover {
    background-color: #337ab7;
}

/* Icon Bounce */
.hvr-icon-bounce {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/****************************
** File：head-widget.css
****************************/
#head-widget {
}
div#head-widget1 {
    height: 80px;
}

  #head-widget #head-widget-title  {
  }

  #head-widget a {
      text-decoration: none;
      -webkit-transition: color .3s;
      transition: color .3s;
  }
  #head-widget h3.widget-title {
    color: #fff;
    font-style: 1em;
    padding-top: 0.5em;
    letter-spacing: 0.2em;
  }

  #head-widget #head-widget-title h1 {
    color: #000;
    line-height: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 0 1vw;
    letter-spacing: 0.6vw;
    font-size: 1.4em;
  }

  #head-widget #head-widget-title h1 + p {
    font-size: 0.7vw;
    color: #666;
    padding: 0;
    margin: 0.6vw 0 0 1vw;
    font-weight: bold;
  }

  #head-widget #contact-info a {
    font-size: 0.8vw;
    display: block;
    background-color: #a94442;
    color: #fff;
    -webkit-border-radius: 0.8vw;
    -moz-border-radius: 0.8vw;
    -ms-border-radius: 0.8vw;
    -o-border-radius: 0.8vw;
    border-radius: 0.8vw;
    padding: 0.5vw 0;
  }


/*** Accordion Styles ***/
    @media screen and (max-width: 639px) {}
  #header #head-widget div#accordion-cover {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
    @media screen and (max-width: 1110px)  {}
  #header #head-widget div#accordion-cover > p {
    padding: 0 0 0.2em 0;
    color: #fff;
    margin: 0;
    font-size: 1.5em;
    letter-spacing: 0.3vw;
    font-weight: bold;
    width: 100%;
  }
    @media screen and (max-width: 1110px)  {}
    @media screen and (max-width: 639px)   {}
  #header #head-widget .accordion {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #header #head-widget .accordion-title {
    padding: 0;
    margin: 0;
    width: 100%;
  }
    @media screen and (max-width: 1110px)  {}
  #header #head-widget h3.accordion-title{
    cursor: pointer;
    font-size: 1em;
    background-color: #1e73be;
    color: #fff;
    font-weight: normal;
    line-height: 24px;
    height: 24px;
    width: 24px;
    margin: 0 auto;
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    border-radius: 999px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
  }
  #header #head-widget h3.accordion-title:hover {
    background-color: #a251a2;
    border: 2px solid #fff;
  }
  #header #head-widget h3.accordion-title:before{
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  #header #head-widget h3.accordion-title:hover:before, #header #head-widget h3.accordion-title:focus:before, #header #head-widget h3.accordion-title:active:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  #header #head-widget h3.accordion-title.open:before{
    font-family: FontAwesome;
    content: "\f0d8";
  }
  #header #head-widget .accordion-content {
    padding: 0;
    margin: 0;
  }
  #header #head-widget .accordion-content a {
    font-size: 1.1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #fff;
    border-top: 2px dashed #fff;
    line-height: 2em;
  }
  #header #head-widget .accordion-content a:first-child{border-top: 0;}
    @media screen and (max-width: 1110px)  {}
  #header #head-widget .accordion-content a:hover {
    background-color: #A251A2;
    text-shadow: 0 1px 0 #666, 1px 0 0 #666, 0 -1px 0 #666, -1px 0 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
  }

/*** opentime Styles ***/
  #head-widget #opentime {
    height: 80px;
    color: #FFF;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    width: 100%;
    margin: 0 auto;
    display: table;
  }
  #head-widget #opentime > div {
    display: table-cell;
    vertical-align: middle;
  }
  #head-widget #opentime strong {
    font-size: 1.8em;
    letter-spacing: 0.3vw;
    }

/*** snsbtn Styles ***/
  #head-widget #snsbtn {
    height: 35px;
  }

  #head-widget #snsbtn p {
    display: table;
    width: 100%;
  }

  #head-widget #snsbtn span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  #head-widget #snsbtn span.blog a {
    font-size: 12px;
    font-weight: bold;
  }

  #head-widget #snsbtn span {width: 33%;}
  #head-widget #snsbtn span a {color: #fff;}
  #head-widget #snsbtn span.twitter , #head-widget #snsbtn span.facebook {font-size: 24px;}
  #head-widget #snsbtn span.blog {background-color: #4e9a53;}
  #head-widget #snsbtn span.twitter {background-color: #00aced;}
  #head-widget #snsbtn span.facebook {background-color: #3b5998;}

  #head-widget #snsbtn span a:hover {
    color: #A251A2;
  }


/*** Form Styles ***/
  #head-widget #searchform {
    margin: 0 auto;
    height: 45px;
    display: table;
    width: 90%;
  }
  #head-widget #searchform input[type="text"] {
    width: 100%;
    line-height: 0.8vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 10px 0;
  }
  #head-widget #searchform input[type="submit"] {margin: 0 0 0 3px;}
  #head-widget #searchform .searchform {
    vertical-align: middle;
    display: table-cell;
  }
  #head-widget #searchform .searchfield {
  font-size: 0.6em;
  width: auto;
  border: 0;
  padding-left: 0.3vw !important;
  }
  #head-widget #searchform .searchsubmit {
  font-family: FontAwesome;
  font-size: 1em;
  padding: 0 0 0 2px;
  cursor: pointer;
  color: #a94442;
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5vw;
  line-height: 1.5em;
  }
  #head-widget #searchform .searchsubmit:hover {color: #A251A2;}


  /* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
}
.hvr-icon-down:before {
  position: absolute;
  left: 43%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header #head-widget h3.accordion-title:hover:before, #header #head-widget h3.accordion-title:focus:before, #header #head-widget h3.accordion-title:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/****************************
** File：header-mobile.css
****************************/
#header #header-mobile {}

/****************************
** File：header.css
****************************/
#header {
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

#header p#site-title {
  padding: 0.5em 1.5em 1em 1.5em;
}

/*** BG-Blur ***/
#header #site-title a {
  background-color: transparent;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
  }

#header p#site-title img.site-title-img {
    margin: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


#header #site-description {
  display: none;
}

#header p {
  padding: 0;
  border: 0;
  margin: 0;
}

#header a{
-webkit-transition: 0.3s;
transition: 0.3s
}

#header form {
  padding: 0;
  border: 0;
  margin: 0;
}

#header-in {
  width: 95%;
  max-width: 1400px;
}

#header .alignleft {
  margin: 0 !important;
}

#header_menu .panel-grid-cell {}

#header_menu a {
    color: rgb(55, 55, 55);
    text-decoration: none;
}

#header_menu a:hover {}

#header_menu .cell {
  background-color: transparent;
  border-radius: 3vw;
  padding: 5px 0;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

#header_menu .cell:hover {
  border-radius: 3vw;
  background-color: rgba(58, 120, 231, 0.2);
  }

#header_title .panel-grid-cell{
    width: unset !important;
  }

#h-top {
  padding: 2em 0;
  margin: 0 auto;
  position: static !important;
}

/****************************
** File：landing-header.css
****************************/
#landing-header {}

#landing-header #SeriousSlider , #landing-header #lh-ctb , #landing-header2 #lh-tabs-cover , #landing-header2 #SNS-cover{
  margin: 0 auto;
  width: 95%;
  max-width: 1400px;
}

@media screen and (max-width: 1110px) and (min-width: 640px)  {
  #landing-header #SeriousSlider .seriousslider {font-size: 12px;}
  #landing-header #SeriousSlider .seriousslider img.item-image {height: 380px !important;}
}
@media screen and (max-width: 639px) {
  #landing-header #SeriousSlider {display: block;}
  #landing-header #SeriousSlider .seriousslider {font-size: 10px;}
  #landing-header #SeriousSlider .seriousslider-inner > .item > a {height: 250px;}
}

  #landing-header #SeriousSlider .textwidget p {
    letter-spacing: 0.1em;
    font-size: 0.9em;
    line-height: 1.8em;
    font-weight: bold;
    color: #fff;
  }
    @media screen and (max-width: 1110px)  {
      #landing-header #SeriousSlider .textwidget p {
        }
      }
  #landing-header #SeriousSlider h3 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.3em;
    border: 0;
    border-radius: 0 !important;
    margin-top: 0;
    padding: 0.4em 0.6em;
    color: #a94442;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
    @media screen and (max-width: 1110px)  {
      #landing-header #SeriousSlider h3 {
      }
    }


    #landing-header #lh-Features a {
        border: 2px solid rgba(255, 255, 255, 0);
        display: inline-block;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding: 0.4em 0.5em;
        margin-top: 0.8em;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        background: #1e73be;
        color: #ffffff;
        transition: all 0.3s;
    }
    #landing-header #lh-Features a:hover {
      border-color: #fff;
      background: #a251a2;
    }

    #landing-header #lh-Features #main-slider {z-index: 1 !important;}
      #landing-header #lh-Features #main-slider .su-post-meta {
        display: none;
      }
      #landing-header #lh-Features #main-slider li.cycle-slide {
        background-color: transparent !important;
      }
      #landing-header #lh-Features #main-slider .sow-slider-base .sow-slider-pagination {
        padding: 0 !important;
        text-align: center !important;
      }


    #landing-header #lh-Info {}
    #landing-header #lh-Info H3 {
      font-size: 1.3em;
      color: #fff;
    }
    #landing-header #lh-Info  .lh-Info-twitter{
      height: 10em;
      overflow-y: scroll;
      padding: 0 !important;
      margin: 0 1em 1em 1em;
    }
    #landing-header #lh-Info .lh-Info-twitter .fts-twitter-div {background-color: transparent !important;}
    #landing-header #lh-Info .lh-Info-twitter .fts-twitter-image ,
    #landing-header #lh-Info .lh-Info-twitter .fts-uppercase.fts-bold ,
    #landing-header #lh-Info .lh-Info-twitter .fts-twitter-reply-wrap.fts-twitter-no-margin-left ,
    #landing-header #lh-Info .lh-Info-twitter .fts-twitter-reply-wrap-left
    {display: none !important;}
    #landing-header #lh-Info  .lh-Info-twitter .tweeter-info .fts-right {padding: 0 !important;}
    #landing-header #lh-Info  .lh-Info-twitter .fts-twitter-div {
      padding: 0 !important;
      width: 95%;
      margin: 0 auto;
    }
    #landing-header #lh-Info  .lh-Info-twitter .fts-right a {
      /* background: #1e73be;
      padding: 0 2px;
      border-radius: 3px;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0); */
      color: #72bdff !important;
    }
    #landing-header #lh-Info  .lh-Info-twitter .fts-right a:hover {
      border-color: #fff;
      background: #a251a2;
      color: #fff;
    }
    #landing-header #lh-Info  .lh-Info-twitter .fts-tweeter-wrap .tweeter-info {
      border-bottom: 2px dashed #fff;
      padding: 0 0 1em 0 !important;
      margin: 0 0 1em 0 !important;
    }

    #landing-header #lh-Info  .lh-Info-oshirase {
      height: 10em;
      overflow-y: scroll;
      padding: 0 !important;
      margin: 0 1em 1em 1em;
    }
    #landing-header #lh-Info  .lh-Info-oshirase p {margin: 0;}

  #landing-header #SeriousSlider {background-color: rgba(0, 0, 0, 0.4);}

  #landing-header #SeriousSlider strong {
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background: linear-gradient(transparent 65%, #eeac00 65%);
  }
    @media screen and (max-width: 1110px)  {}

  #landing-header #SeriousSlider .seriousslider-inner {overflow: visible !important;}

  #landing-header #SeriousSlider .seriousslider-caption {
    /* background-color: rgba(0, 0, 0, 0.8);
    border-radius: 1em; */
    width: 90%;
    right: 0 !important;
    left: 0 !important;
  }
  #landing-header #SeriousSlider .seriousslider-caption-title {background-color: rgba( 188,44,0, 0.8) !important;}

  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-control {font-size: 2em;}

  #landing-header #SeriousSlider .slide-btn {
    margin: 1.5vw 0 0 0;
    padding: 0;
  }
  #landing-header #SeriousSlider .slide-btn a {
    border: 2px solid rgba(255, 255, 255, 0);
    font-size: 0.9em;
    margin-top: 0.6em;
    font-weight: bold;
  }
  #landing-header #SeriousSlider .slide-btn a:hover {
    border-color: #fff;
  }
  #landing-header #SeriousSlider .slide-btn .sow-icon-fontawesome[data-sow-icon]:before {}
  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-indicators {display: block;}
  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-indicators li {
    width: 1.2em;
    height: 1.2em;
  }
  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-indicators li.active {
    height: 2em;
  }
  #landing-header #SeriousSlider ol.seriousslider-indicators-inside {padding: 0;}
  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-control.left {left: 0;}
  #landing-header #SeriousSlider .seriousslider-tall .seriousslider-control.right {right: 0;}
  #landing-header #SeriousSlider .serious-slider-30-rnd3719 .seriousslider-caption-inside {max-width: unset !important;}

#landing-header2 #lh-tabs {
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
  }
  #landing-header2 #lh-tabs td {border: 0;}
  #landing-header2 #lh-tabs-cover h3.widget-title::before{content: "";}
  #landing-header2 #lh-tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {padding: 1.5em;}
  #landing-header2 #lh-tabs .sow-tabs-title {font-size: 1.2em;}
  #landing-header2 #lh-tabs .sow-tabs-tab-container {
    margin-bottom: -1px;
  }
  #landing-header2 #lh-tabs .sow-tabs-panel-container {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
  }
  #landing-header2 #lh-tabs .sow-tabs-tab-container .sow-tabs-tab {
    margin: 0 auto;
    letter-spacing: 0.1em;
    background-color: #666;
    border: 0;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    font-size: unset !important;
  }
  #landing-header2 #lh-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
    background-color: #f9f9f9;
    border: 0;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  #landing-header2 #lh-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected {
    border: 0;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
  }
  #landing-header2 #lh-tabs .sow-tabs-panel-content {line-height: 2em;font-size: unset !important;}
  #landing-header2 #lh-tabs .sow-tabs-panel-content strong {letter-spacing: 0.3vw;}
  #landing-header2 #lh-tabs .sow-tabs-panel-content span[style="font-size: 1.3em"] {
    border-top: 1px solid #a94442;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    display: inline-block;
  }
  #landing-header2 #lh-tabs .sow-tabs-panel-content p:first-child {padding-bottom: 1vw;}
  #landing-header2 #lh-tabs .sow-tabs-panel-content a {text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
  @media screen and (max-width: 639px)  {
    #landing-header2 #lh-tabs .sow-tabs-tab-container .sow-tabs-tab{
    padding: 3vw;
    /* border: 2px solid rgba( 188,44,0, 0.8); */
    border: 0;
    font-size: unset;
    transition: all 0.3s;
    }
  }

  /*スクロールバー全体*/
  #landing-header2 #sns ::-webkit-scrollbar{
      width: 1em;
      background-color: #999;
  }
  #landing-header #lh-Info ::-webkit-scrollbar{
      width: 1em;
      background-color: transparent;
  }

  /*スクロールバーの軌道*/
  #landing-header2 #sns ::-webkit-scrollbar-track , #landing-header #lh-Info ::-webkit-scrollbar-track{
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  }

  /*スクロールバーの動く部分*/
  #landing-header2 #sns ::-webkit-scrollbar-thumb , #landing-header #lh-Info ::-webkit-scrollbar-thumb{
    background-color: #555;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    border: 2px Solid #fff;
  }

/****************************
** File：landingpage.css
****************************/
#post-70 .article h1 , #post-70 .post-meta {
  display: none;
}

#post-70 .summary {
  font-size: 1.2em !important;
  line-height: 2em !important;
}

/****************************
** File：main.css
****************************/
#main {
 padding: 0;
 margin: 0;
 border: 0;
 background: transparent;
}

#main #breadcrumb , #main article > header {
    display: none;
}

#main .post, #main .page , #main .entry-content , #main .footer-post-meta{margin: 0 !important;}

#main .widgets {
  margin: 0;
}

#main div#pagetitle-h1 {padding: 1em 0;}
#main div#pagetitle-h1 h1 {
 color: #fff;
 text-align: center;
 letter-spacing: 0.2em;
 font-size: 2em;
 padding: 0.5em 0;
 margin: 0 auto;
 border: 0;
}
#main #pl-920 div#pagetitle-h1 h1 {color: #ff9900; border-bottom-color: #dd8500;}
#main #pl-920 div#pagetitle-h1 div.fa-3x.fa-stack {color: rgba(221, 133, 0, 0.8);}
#main #pl-924 div#pagetitle-h1 h1 {color: #70d677; border-bottom-color: #4e9a53;}
#main #pl-924 div#pagetitle-h1 div.fa-3x.fa-stack {color: rgba(78, 154, 83, 0.8);}
#main #pl-937 div#pagetitle-h1 h1 {color: #5f79ff; border-bottom-color: #3f52b1;}
#main #pl-937 div#pagetitle-h1 div.fa-3x.fa-stack {color: rgba(63, 82, 177, 0.8);}
#main #pl-941 div#pagetitle-h1 h1 {color: #e471e4; border-bottom-color: #A251A2;}
#main #pl-941 div#pagetitle-h1 div.fa-3x.fa-stack {color: rgba(162, 81, 162, 0.8);}

#main h1.entry-title {}


#main #post-70 H2 {
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  letter-spacing: 0.3vw;
  padding: 0;
  line-height: 1.5em;
  margin: 1.5em auto;
  border: 0;
 }

#main #post-70 .main-h2 {
  background-color: #a94442;
  border-top: 0.5em solid #fff;
  border-bottom: 0.5em solid #fff;
}

#main div.custom-html-widget H2 {
  color: #fff;
  text-align: center;
  font-size: 1.8em;
  letter-spacing: 0.3vw;
  font-weight: bold;
  margin: 0 auto;
  padding: 1em 0 ;
  border: 0;
  max-width: 1400px;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom: 0.3em solid #fff;
}
#main div.custom-html-widget H2::before{font-family: FontAwesome;content: "\f00c";}
#main #post-70 div.custom-html-widget H2 {background-color: rgba(0, 0, 0, 0.6);}
#main #pl-920 div.custom-html-widget H2 {border-bottom-color: #dd8500;}
#main #pl-920 div.custom-html-widget H2::before{font-family: FontAwesome;content: "\f0ad";}
#main #pl-924 div.custom-html-widget H2 {border-bottom-color: #4e9a53;}
#main #pl-924 div.custom-html-widget H2::before{font-family: "Font Awesome 5 Free";content: "\f54f";}
#main #pl-937 div.custom-html-widget H2 {border-bottom-color: #3f52b1;}
#main #pl-937 div.custom-html-widget H2::before{font-family: FontAwesome;content: "\f059";}
#main #pl-941 div.custom-html-widget H2 {border-bottom-color: #A251A2;}
#main #pl-941 div.custom-html-widget H2::before{font-family: FontAwesome;content: "\f2c2";}


#main H3 {
  text-align: center;
  font-size: 1.2em;
  line-height: 2em;
  letter-spacing: 0.2em;
  padding: 0 1em;
  margin: 1em 0.5em 0;
  color: #ffffff;
  border: 0;
  border-radius: 10px;
  border: 2px solid #fff;
  display: inline-block;
}

#main #pl-920 H3 {background-color: #dd8500;}
#main #pl-924 H3 {background-color: #4e9a53;}
#main #pl-937 H3 {background-color: #3f52b1;}
#main #pl-941 H3 {background-color: #A251A2;}


#main h4.widget-title {
 padding: 0;
 margin: 0 auto;
 border: 0;
 color: #000;
 text-align: left;
 font-size: unset;
 font-size: 1.2em;
 line-height: 1.5em;
}
#main h4.widget-title::before{
  font-family: FontAwesome;
  content: "\f00c";
  color: #a94442;
  padding-right: 0.5em;
}

#main .article h5 {
  padding: 0.5em 0 0 0;
  margin: 0 auto;
  color: #a94442;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

#main div.hover-style a:hover {
   color: #72bdff;
 }
#main div.hover-style a {
  position: relative;
  display: inline-block;
  transition: .3s;
  }
#main div.hover-style a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #a251a2;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
#main div.hover-style a:hover::after {
    width: 100%;
  }

#main .w1400 {
  margin: 0 auto !important;
  width: 95%;
  max-width: 1400px;
}

#main .article98 {width: 98%;margin: 0 auto;}


#main .su-spoiler-title {
  /* border: 2px solid #fff; */
  font-size: 1.1em;
  letter-spacing: 0.2em;
  font-weight: bold;
  line-height: 1.3em;
  background: #1e73be;
  border: 2px solid rgba(255, 255, 255, 0);
  color: #ffffff;
  transition: all 0.3s;
}
#main .su-spoiler-title:hover {
  background: #a251a2;
  border: 2px solid rgb(255, 255, 255);
}


#main table.price_table {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}
#main table.price_table tr {border: 2px solid #fff;}
#main table.price_table .row1 {
  width: 30%;
  color: #fff;
  font-weight: bold;
  padding: 0.7em;
  background-color: #dd8500;
}
#main #pl-924 table.price_table .row1 {background-color: #4e9a53;}
#main #pl-937 table.price_table .row1 {background-color: #3f52b1;}


#main table.price_table .row2 {
  width: 70%;
  padding: 0.7em;
  background-color: #eee;
  border-left: 2px solid #fff;
}

#main #headline {
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #fff;
  border-top: 2px solid;
  border-bottom: 2px solid;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.5em 1em;
}

#main #pl-920 #headline {border-color: #dd8500;}
#main #pl-924 #headline {border-color: #4e9a53;}
#main #pl-937 #headline {border-color: #3f52b1;}
#main #pl-941 #headline {border-color: #A251A2;}


#main #headline strong {
  display: inline-block;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  color: #a94442;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

#main #main-menu {}
  #main #main-menu p {
    border: 2px solid rgba(255, 255, 255, 0);
    display: table;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: rgba(30, 115, 190, 0.8);
    height: 4.2em;
    width: 92%;
    margin: 1.5em auto 0;
    transition: all 0.3s;
  }
  #main #main-menu p:hover {
    background: #a251a2;
    border: 2px solid rgb(255, 255, 255);
  }
  #main #main-menu p a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    padding: 0.4em;
    display: table-cell;
    vertical-align: middle;
  }
  #main #main-menu p:hover a {
    color: #fff;
  }


#main #contents {}
  #main #contents strong {
    display: inline-block;
    color: #000;
    font-weight: bold;
    border-bottom:1px dashed #a94442;
  }

  #main #contents .contents-row {
    border: 2px solid;
  }
  #main #pl-920 #contents .contents-row {border-color: #dd8500;}
  #main #pl-924 #contents .contents-row {border-color: #4e9a53;}
  #main #pl-937 #contents .contents-row {border-color: #3f52b1;}
  #main #pl-941 #contents .contents-row {border-color: #A251A2;}

  #main #aboutus-column p {line-height: 2em !important;}
  #main #aboutus-column h4.widget-title {display: none;}
  #main #aboutus-column h2 {
    border-left: 0.3em solid #a94442 !important;
    margin: auto !important;
    padding: 0 0 0 1em !important;
    font-size: 1.5em !important;
    background-color: #eee !important;
  }
  #main #aboutus-column .su-post-title {
    margin: auto !important;
    font-size: 1.7em !important;
  }


#main #main-footer {
  padding: 2.5em 0 2em;
}
  #main #main-footer p {
    border: 2px solid rgba(255, 255, 255, 0);
    display: table;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: rgba(30, 115, 190, 0.8);
    height: 4.2em;
    width: 92%;
    margin: 1.5em auto 0;
    transition: all 0.3s;
  }
  #main #main-footer p a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    padding: 0.4em;
    display: table-cell;
    vertical-align: middle;
  }
  #main #main-footer p:hover {
      background: #a251a2;
      border-color: #fff;
  }

/****************************
** File：main_pl-924.css
****************************/
#main #pl-924 {}

  #main #pl-924 div#sbc-calendar-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  #main #pl-924 .sbc-calendar-month {
    width: 100% !important;
    border: 0 !important;
    padding: 1em 0 0 0;
  }
  #main #pl-924 #sbc-calendar-wrapper table {width: 100% !important;}

  #main #pl-924 #sbc-calendar td {padding: 1em 0;}
  #main #pl-924 #sbc-calendar table tfoot td {text-align: center;;}
  #main #pl-924 #sbc-calendar-wrapper .sbc-status-free {background-color: #eee;}
  #main #pl-924 #sbc-calendar td.sbc-status-changeover {}
  #main #pl-924 #sbc-calendar-wrapper .sbc-status-free {}

/****************************
** File：popup.css
****************************/
#contact-pop > div , #contact-pop .ContactLayer2  > div , #contact-pop .ContactLayer5  > div {width: 100%;}

/****************************
** File：side_widget.css
****************************/
#sidebar .widget {
  margin: 0 auto;
}

#side_phone {}

#side_mail {}

.side_button {
  margin-bottom: 1em;
}

/****************************
** File：slicknav_menu.css
****************************/
.slicknav_menu {
  background: rgba(0, 0, 0, 0.8) !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: bold;
  text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
@media screen and (max-width: 1110px) and (min-width: 640px)  {
  .slicknav_menu {
    background: rgba(0, 0, 0, 0.4) !important;
  }
}

.slicknav_menu::before {}
.slicknav_menu .slicknav_btn {
  background-color: #A251A2;
  margin :0;
  padding: 0;
  border-radius: 0;
  display: table;
  /*border: 2px dashed #fff;*/
  height: 28px;
  width: 25%;
  text-align: center;
  text-shadow:unset !important;
}

.slicknav_menu .slicknav_icon {
  display: none;
  clear: both;
}
.slicknav_menu .slicknav_menutxt {
  display: table-cell !important;
  vertical-align: middle;
  text-shadow:unset !important;
  position: unset;
  float: none !important;
}

.slicknav_menu .slicknav_menutxt:after {
  font-family: FontAwesome;
  content: "\00a0\00a0\f0c9" !important;
  font-weight: normal;
}

.slicknav_menu ul.slicknav_nav {
  font-size: 1em;
  background-color: #A251A2;
}
.slicknav_menu ul.slicknav_nav a {}
.slicknav_menu ul.slicknav_nav li {
  border-bottom: 2px dashed #fff;
}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(1) > a:before {font-family: FontAwesome;content: "\f015\00a0\00a0";}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(2) > a:before {font-family: FontAwesome;content: "\f0ad\00a0\00a0";}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(3) > a:before {font-family: FontAwesome;content: "\f109\00a0\00a0";}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(4) > a:before {font-family: FontAwesome;content: "\f059\00a0\00a0";}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(5) > a:before {font-family: FontAwesome;content: "\f2bb\00a0\00a0";}
.slicknav_menu ul.slicknav_nav > li:nth-of-type(6) > a:before {font-family: FontAwesome;content: "\f087\00a0\00a0";}

.slicknav_menu ul.slicknav_nav li:last-child {border-bottom: 0;}
.slicknav_menu ul.slicknav_nav .slicknav_row {}
.slicknav_menu ul.slicknav_nav .slicknav_row:hover {background-color: #A251A2;}

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0;
  text-shadow: none;
  color: rgba(255, 255, 255, 0);
}
ul.slicknav_nav li span.slicknav_arrow:after {
  font-family: FontAwesome;
  content: "\f0d7" !important;
  font-weight: normal;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background-color: #1e73be;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  width: 3em;
  line-height: 1.3em;
  text-align: center;
  margin: -1em;
}

ul.slicknav_nav li.slicknav_open span.slicknav_arrow:after {
  font-family: FontAwesome;
  content: "\f0d8" !important;
  font-weight: normal;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background-color: #1e73be;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  width: 3em;
  line-height: 1.3em;
  text-align: center;
  margin: -1em;
}

.slicknav_nav a:hover {
  color: #fff !important;
  background-color: #1e73be !important;
}

