@charset "utf-8";
/*
Theme Name:【026】ダイニングバー
Theme URI: http://wordpress.org/
Description:【026】ダイニングバー
Author:INFO ASSET
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:ダイニングバー
*/
@import url("css/sanitize.css");
@import url("css/hamburgers.css");
@import url("css/slick.css");
:root {
  font-size: 62.5%;
  color: #333333;
  background: #ffffff;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
}
html,
body {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html,
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
body {
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック",
    "MS PGothic", "sans-serif";
  line-height: 180%;
  letter-spacing: 0em;
}
.min {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.got {
  font-family: "Montserrat", "游ゴシック体", "Yu Gothic",
    "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.gf {
  font-family: "Lora", "Times Roman", "Times New Roman", "游明朝", YuMincho,
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  letter-spacing: 0.1em;
  line-height: 135%;
}
/*****************************************************************************
common
*****************************************************************************/
.none {
  display: none;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
figure {
  margin: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3 {
  position: relative;
  text-align: center;
  font-weight: normal;
  line-height: 150%;
  margin: 0;
  word-break: break-all;
}
hr {
  border: none;
  border-top: 1px solid #d7cebd;
}
button {
}
address {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 160%;
  width: 100%;
  padding: 0.5em 0;
}
address p {
}
.stress {
  color: #ec727f;
}
.shadow {
  box-shadow: 0px 1px 1px 1px rgba(30, 30, 30, 0.2);
}
.white {
  color: #ffffff;
}
.grd {
}
.col {
  height: auto;
}
.bold {
  font-weight: bold;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.ib {
  display: inline-block;
}
.f_cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.nowrap {
  white-space: nowrap;
}
.none {
  display: none;
}
.f_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.lh100 {
  line-height: 100%;
}
.mr1 {
  margin-right: 1em;
}
.mr2 {
  margin-right: 2em;
}
.mb1 {
  margin-bottom: 1em;
}
.mt1 {
  margin-top: 1em;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
.pa1 {
  padding: 0 1em 1em 1em;
}
span.tri {
  display: block;
  -webkit-transform: scale(0.6) rotate(90deg);
  transform: scale(0.6) rotate(90deg);
}
@media screen and (min-width: 1024px) {
  .pc-c {
    text-align: center;
  }
}
/*****************************************************************************
button gimic
*****************************************************************************/
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
  all: initial;
}
.btn {
  display: block;
  line-height: 140%;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 1;
  letter-spacing: 0em;
  margin-bottom: 0.5em;
  width: 250px;
}
.btn.main {
  font-style: italic;
  border: 1px solid #bebebe;
  padding: 1em;
  border-radius: 5px;
}
.btn.main.w {
  color: #333333;
  background: #ffffff;
}
.btn.main:hover,
a.btn.main.opp:hover {
  color: #751125;
}
.btn.main:hover:after,
a.btn.main.opp:hover:after {
}
.btn.main.side {
  display: block;
  margin: 0;
  color: #ffffff;
  min-width: 160px;
  background: #333333 !important;
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #333333;
}
.btn.main.contact {
  margin: 3em 0.2em;
}
.btn.main img {
  width: 1.2em;
}
.btn.main img.opp {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.toTop {
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  padding: 1em 0 0.5em 0;
  background: #444444;
  -webkit-transform: scaleX(1.5);
  transform: scaleX(1.5);
}
.toTop {
}
@media screen and (min-width: 1024px) {
  .btn,
  #sb_instagram #sbi_load .sbi_load_btn {
    max-width: 250px !important;
  }
}
@media screen and (max-width: 1023px) {
  .btn.main {
    width: 100%;
  }
  .btn.main.single {
    width: 150px;
    min-width: 150px;
  }
}

/*****************************************************************************
	Instagram Button
*****************************************************************************/
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
  margin: 0 auto !important;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  padding: 1em !important;
  text-align: center !important;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
  margin: 0 0.5em 0 0 !important;
  border: 2px solid #333333 !important;
  background: initial !important;
  color: #333333 !important;
  border-radius: 0 !important;
}
#sb_instagram #sbi_load .sbi_load_btn:after {
}
/*****************************************************************************
	Header
*****************************************************************************/
header {
  position: fixed;
  width: 100%;
  background: #ffffff;
  z-index: 100;
}
header h1 {
  line-height: 100%;
}
.navigation {
  padding: 0;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  header {
    padding: 0;
    height: 60px;
  }
  header h1 {
    margin: 0;
  }
  header .sp.navi {
    height: 60px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #ffffff;
    padding: 0 0 0 0.5em;
    box-shadow: 0px 1px 1px 1px rgba(30, 30, 30, 0.2);
  }
  header .toggle {
    width: 60px;
    height: 60px;
    background: #ffffff;
  }
  header .sp.navi a.tel {
    position: absolute;
    top: 0;
    right: 60px;
    min-width: 60px;
    height: 60px;
    color: #ffffff;
    background: #333333;
    font-size: 24px;
    font-size: 2.4rem;
  }
  header .sp.navi a.tel i {
    transform: rotate(0deg);
  }
  header .sp.navi img {
    max-height: 50px;
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header {
    padding: 0;
    height: 100px;
  }
  header h1 {
    margin: 0;
  }
  header .sp.navi {
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #ffffff;
    padding: 0 0 0 0.5em;
    box-shadow: 0px 1px 1px 1px rgba(30, 30, 30, 0.2);
  }
  header .toggle {
    width: 100px;
    height: 100px;
    background: #ffffff;
  }
  header .sp.navi a.tel {
    position: absolute;
    top: 0;
    right: 100px;
    min-width: 100px;
    height: 100px;
    color: #ffffff;
    background: #333333;
    font-size: 24px;
    font-size: 2.4rem;
  }
  header section,
  header section article {
    height: 100%;
    padding: 0;
  }
  header .sp.navi img {
    max-height: 80px;
    max-width: 300px;
  }
}
@media screen and (min-width: 1024px) {
  header {
    min-width: 150px;
    max-width: 15%;
    z-index: 1001;
    /* border-right: 1px solid #eeeeee; */
  }
  header {
    min-height: 40px;
  }
  header.home .head {
    padding: 0;
    min-height: 135px;
  }
  header .head .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
  }
  header.home .head .logo {
    height: 100%;
  }
  header .head .logo img {
    max-height: 55px;
    max-width: 300px;
    margin: 0.5em 0;
  }
  header.home .guide {
    padding: 1em 0;
    position: relative;
    z-index: 1;
  }
  header.home .open {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 140%;
  }
  header .tel {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0;
    margin: 0.5em 0 1em 0;
  }
  header nav .logo {
    padding: 1em 0 4em 0;
  }
  header nav .logo img {
    max-width: 100%;
  }
  header nav {
    max-width: 1000px;
    margin: 0 auto;
  }
  header .navigation {
    width: 100%;
    height: 700px;
    position: relative;
    webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .navigation .contact {
    position: absolute;
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    padding: 0 1em;
    left: 0;
    bottom: 2em;
    background: rgba(255, 255, 255, 0.9);
    z-index: 2;
  }
}
/*****************************************************************************
	Navigation / MENU
*****************************************************************************/
nav.menu {
}
nav.menu a {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* SP Navigation */
@media screen and (max-width: 767px) {
  header {
    padding: 0;
    height: 60px;
  }
  header h1 {
    margin: 0;
  }
  header .sp.navi {
    height: 60px;
  }
  header .toggle {
    width: 60px;
    height: 60px;
    background: #ffffff;
  }
  sp.navi img {
    max-height: 50px;
    max-width: 300px;
  }
  nav.menu a {
    border-bottom: 1px solid #666666;
  }
}
@media screen and (max-width: 767px) {
  nav.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  nav.menu > div {
    width: inherit;
  }
  nav > h1 {
    padding: 0 1em;
  }
  nav > h1 img {
    width: 100%;
  }
  header nav.menu {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.8);
    line-height: 150%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    /*-webkit-transform-origin:100% 0;
		-webkit-transform:scale3d(0, 1, 1) ;
				transform:scale3d(0, 1, 1) ;*/
  }
  header nav.menu.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  nav.menu a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 100%;
    position: relative;
    padding: 1em 0;
    text-align: center;
    border-bottom: 1px solid #666666;
  }
  footer nav.menu {
    margin-left: 1em;
  }
  nav.menu a span {
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  nav.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  nav.menu > div {
    width: inherit;
  }
  nav > h1 {
    padding: 0 1em;
    display: none;
  }
  nav > h1 img {
    width: 100%;
  }
  header nav.menu {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.8);
    line-height: 150%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    /*-webkit-transform-origin:100% 0;
		-webkit-transform:scale3d(0, 1, 1) ;
				transform:scale3d(0, 1, 1) ;*/
  }
  header nav.menu.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  nav.menu a {
    font-size: 20px;
    font-size: 2rem;
    display: block;
    width: 100%;
    position: relative;
    padding: 1.5em;
    text-align: center;
    border-bottom: 1px solid #666666;
  }
  footer nav.menu {
    margin-left: 1em;
  }
  nav.menu a span {
  }
}
/* PC Navigation */
@media screen and (min-width: 1024px) {
  nav.menu {
    margin: 0 0 4em 0;
  }
  header.home nav.menu div {
  }
  header .navigation nav.menu a {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    text-align: left;
    padding: 1em 1em 1em 2em;
  }
  header .navigation nav.menu .logo a {
    padding: 1em;
  }
  header .navigation nav.menu h1 a:hover {
    background: none;
  }
  nav.menu a:last-child {
  }
}
header .navigation nav.menu a.active,
header .navigation nav.menu a:hover {
  color: #ffffff;
  background: rgba(20, 20, 20, 1);
}

/*****************************************************************************
	navigation:footer
*****************************************************************************/
nav#footer {
  font-size: 12px;
  font-size: 1.2rem;
}
nav#footer a {
  text-align: center;
  display: block;
  padding: 1em 0;
}
nav#footer a:hover,
nav#footer p:hover {
  color: #aaaaaa;
}
@media screen and (max-width: 1024px) {
  nav#footer ul li {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  nav#footer ul li {
    width: calc(100% / 6);
  }
}
/*****************************************************************************
	Key Visual
*****************************************************************************/
#kv {
  margin: 0;
}
#kv img {
  width: 100%;
  /* border: 50px solid #fff; */
}
#kv.index {
  width: 100%;
  padding: 0;
  position: relative;
}
#kv > figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#kv > figcaption > h2 {
  padding: 1em 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#kv > figcaption > h2 > img {
  max-width: 300px;
  max-height: 300px;
}
@media screen and (max-width: 1023px) {
  #kv > figcaption > h2 {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 1em;
  }
  #kv > figcaption > h2 > img {
    max-width: 100px;
    max-height: 100px;
  }
}
@media screen and (min-width: 1024px) {
}
/*****************************************************************************
icon
*****************************************************************************/
.social {
  padding: 0 1em;
  max-width: 65px;
  margin-left: 1em;
}
.social a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333333;
}
header .social {
  position: relative;
  margin-bottom: 1.5em;
  z-index: 1;
}
footer .social {
  max-width: 85px;
  margin: 0 auto;
}
footer .social a {
  font-size: 26px;
  font-size: 2.6rem;
  color: #777777;
}
/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
  position: relative;
  width: 100%;
  height: 475px;
}
.gmap.index {
  height: 450px;
}
.gmap + a {
  display: block;
  padding: 1em 2em;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto;
}
/*****************************************************************************
	Section / Article
*****************************************************************************/
main {
  min-width: 100%;
  width: 100%;
}
section {
  width: 100%;
  position: relative;
}
section.np {
  padding: 0;
}
section.nptop {
  padding-top: 0;
}
section.npbtm {
  padding-bottom: 0;
}
section > article {
  max-width: 930px;
  padding: 0 1.2em;
  margin: 0 auto;
}
section.title {
  padding: 100px 0 0 0;
}
section.title > article {
  width: 100%;
}
section.menu article {
  margin-bottom: 0em;
}
article.btn {
  padding: 4em 1.2em;
}

article.menu {
  padding-bottom: 50px;
}

@media screen and (max-width: 1023px) {
  main {
    padding-top: 50px;
  }
  section {
    padding: 2em 0;
  }
  section > article {
    width: 100% !important;
    padding: 0 1.2em;
  }
  section.nptop > article {
    padding-top: 2em;
  }
  section.lead {
    padding: 0 1.2em;
  }
  section.title {
    padding: 0;
  }
  section.title h2 {
    margin: 50px 0 0 0;
  }
  #post article {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  main {
    padding-left: 15%;
  }
  section {
    padding: 1em 0;
  }
  section.nptop > article {
    padding-top: 2em;
  }
}

/*****************************************************************************
	background
*****************************************************************************/
header {
}
footer {
  background: #222222;
}
#select {
}
.bg_index {
  background: url(./img/index/index_bg_01.jpg) center center no-repeat;
  background-size: cover;
}
#cta {
  background: url(./img/common/bg_cta.jpg?20260104) center center no-repeat;
  background-size: cover;
}
/*****************************************************************************
	Title Decoration
*****************************************************************************/
p {
  font-size: 13px;
  font-size: 1.3rem;
}
h2 {
  font-size: 40px;
  font-size: 4rem;
  text-align: center;
}
h2.title {
  position: relative;
  letter-spacing: 0;
  /* font-style: italic; */
  margin: 2em auto;
  line-height: 24px;
}
h2.title span {
  font-size: 16px;
}
h2.gf {
}
h2.title.sub {
  font-style: italic;
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  padding-bottom: 0.5em;
}
h2.title.sub:after {
  content: "＿";
  color: #751125;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  -webkit-transform: scaleX(0.4);
}
h2.blog {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  margin: 1em 0;
}
h3.title {
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0.5em 0;
  text-align: left;
}
h3.title + p {
  font-size: 13px;
  font-size: 1.3rem;
}
h3.title.sub {
  padding-top: 0;
  color: #751125;
  font-weight: bold;
}
h3.title.border {
  padding-top: 0;
  color: #751125;
  border-bottom: 1px solid #eeeeee;
}
h3.title.lead {
  text-align: center;
  font-weight: bold;
}
h4 {
  font-weight: normal;
}
.access h4 {
  color: #751125;
}

@media screen and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) {
}
/*****************************************************************************
	figure
*****************************************************************************/
figure {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-bottom: 0.5em;
}
figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
figure.lead {
  min-width: -webkit-calc(100% / 3);
  min-width: calc(100% / 3);
  max-height: 320px;
  height: inherit;
  padding: 5em 0;
}
figure.lead img {
  width: auto;
  height: 100%;
}
figure.about + p {
  margin-bottom: 2em;
}

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

@media screen and (max-width: 767px) {
  figure.blog {
    height: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  figure.blog.index {
    height: 145px;
  }
  figure.blog {
    max-height: 220px;
  }
  #post section.list,
  #post section.side {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  figure.blog.index {
    height: 170px;
  }
  figure.blog {
    height: 178px;
  }
  #post section.list {
    max-width: 65%;
    width: 100%;
  }
  #post section.side {
    max-width: 30%;
    width: 100%;
  }
}

/* Image Fill Gray */
figure:after,
picture:after {
  /* use copy
	content:"";
	*/
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #9a9a9a;
  border: 1px solid #bfbfbf;
}
#cta {
  /* background:#9a9a9a; */
}

@media screen and (min-width: 1024px) {
  #kv img.dummy {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
}
@media screen and (max-width: 1023px) {
  #kv img.dummy {
    display: none;
  }
}
/*****************************************************************************
	index
*****************************************************************************/
figure.lead a {
  height: 100%;
}
figure.lead figcaption {
  position: relative;
  width: 120px;
  height: 120px;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
}
figure.lead figcaption:after {
  content: "";
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  height: 96%;
  border: 1px solid #ffffff;
}

#slide figure {
  padding: 0 0.2em;
}

@media screen and (min-width: 1024px) {
  article.message .right > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  article.message .right > div figure + div {
    margin-left: calc(-60% + 0.5em);
    width: calc(160% + 0.5em);
  }
  article.message .right > div figure {
    margin-bottom: 1em;
  }
  article.message .left figure {
    margin: 6em 0 0 0;
  }
  div.access > div > div {
    padding: 3em 1em 1em 1em;
  }
}

p > .date {
  padding: 0;
}
p > .category {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 100%;
  margin-left: 0.5em;
  color: #ffffff;
  background: #333333;
  padding: 0.5em 1em;
}
/*****************************************************************************
	Under
*****************************************************************************/
article.staff > div {
  padding: 2em 0 1em 0;
  border-bottom: 1px solid #c0c0c0;
}
article.staff > div:last-child {
  border: none;
}

div.access {
  margin-bottom: 1.5em;
}

/******************************************************************************
	CTA
******************************************************************************/
.cta {
  color: #ffffff;
  text-align: center;
}
.cta h4 {
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
}
.cta h4 + p {
  margin: 2em 0;
}
.cta h4 + p + div span {
  font-size: 30px;
  font-size: 3rem;
}

@media screen and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) {
}
/*****************************************************************************
	footer
*****************************************************************************/
footer {
  overflow: hidden;
  /* margin-top: 3em; */
}
footer .logo img {
  max-height: 100px;
}
p.copy {
  padding: 0.5em 0;
  color: #666666;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
footer address {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666666;
}
@media screen and (max-width: 1023px) {
  footer h3 {
    padding: 0 1em;
    min-width: 50%;
  }
  footer address {
  }
  footer .logo img {
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  footer address {
    margin: 0 auto;
  }
  footer .logo img {
    max-width: 150px;
  }
}
/******************************************************************************
	Post
******************************************************************************/
#post {
  margin-bottom: 2em;
}
#post ul.blog li {
  margin-bottom: 1em;
}
#post ul.blog a {
  display: block;
  margin-bottom: 1em;
}
#post .blog a:hover {
  background: rgba(100, 100, 100, 0.1);
}
#post h3.tl {
  font-size: 13px;
  font-size: 1.3rem;
  height: 3.5em;
  padding: 0.5em 0.5em 0.5em 0;
  color: #333333;
  overflow: hidden;
}
#post .list a {
  height: auto;
}
#post .new {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #post .blog a {
  }
  #post .list a:not(:nth-of-type(2n)) {
  }
}
@media screen and (max-width: 767px) {
  #post .blog a {
    width: 100%;
    height: auto;
  }
  #post .blog a img {
    width: 100%;
  }
  #post ul.blog li {
    width: 100%;
  }
}
/* #post .side */
#post .side ul {
  margin-bottom: 2em;
}
#post .side h3 {
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  letter-spacing: 0;
  color: #751125;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #bebebe;
}
#post .side li a {
  display: block;
  padding: 1em 1em 1em 0.5em;
}

#post h4 {
  font-size: 13px;
  font-size: 1.3rem;
  height: 3em;
  padding: 0.5em 0.5em 0.5em 0;
  overflow: hidden;
}
#post .side li a:hover {
  color: #ffffff;
  background: rgba(50, 50, 50, 1);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#post .side li a:hover h4 {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#post .side li {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 130%;
}
/* Recent */
#recent li a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 1.5em 0;
}
#recent p {
  line-height: 150%;
}
#recent figure {
  text-align: center;
  min-width: 100px;
  width: 100px;
  height: 100px !important;
  margin: 0 1em 0 0;
  border-radius: 100px;
  overflow: hidden;
}
/* Archive */
#post .side #archive li a {
  display: block;
}
#post .side #archive li:before {
  color: #cfa972;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1em;
  line-height: 300%;
}
/* Search */
#post #search .s {
  display: block;
  padding: 0.5em 0.5em 0.5em 3em;
  border: 1px solid #9e9e9e;
  width: 100%;
  z-index: 1;
  background: url(./img/icon/search.png) 1em 0.5em no-repeat;
  background-size: 20px 20px;
  margin-top: 1em;
}
#post #search .searchsubmit {
  display: none;
}
/******************************************************************************
	Post:Single
******************************************************************************/
#post .content {
  font-size: 14px;
  font-size: 1.4rem;
  padding-top: 1em;
  min-height: 300px;
}
#post .content img {
  max-width: 100%;
  height: auto;
}
#post.single h2 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 130%;
  margin: 1em 0;
  padding-bottom: 0.5em;
  color: #333333;
  font-weight: normal;
}
/************************************************************************************
	single paging
************************************************************************************/
.single_paging {
  width: 100%;
  border: 0px solid #b09d7c;
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.single_paging > a {
  width: 50%;
  padding: 0em;
  border: 1px solid #b09d7c;
  margin-bottom: 1em;
}
.single_paging > a:hover {
  background: #f3f1e9;
}
.single_paging figure {
  text-align: center;
  min-width: 100px;
  width: 100px;
  height: 100px !important;
  margin: 1em;
  border-radius: 100px;
  overflow: hidden;
}
.single_paging .page-numbers.current {
  background-color: #e7f3e9;
}
@media screen and (max-width: 1023px) {
  .single_paging > a {
    width: 100%;
  }
}
/******************************************************************************
	Pager
******************************************************************************/
#pager .pages {
  display: none;
}
#pager .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#pager .wp-pagenavi * {
  padding: 0;
  min-width: 3em;
  height: 3em;
  margin: 0 1px;
  text-align: center;
  border: 1px solid #9a9a9a;
  line-height: 3em;
  color: #9a9a9a;
  font-size: 14px;
  font-size: 1.4rem;
}
#pager .current,
.wp-pagenavi > *:hover,
#pager .wp-pagenavi a:hover {
  border: 1px solid #9a9a9a;
  background: #bebebe;
  color: #ffffff;
}
.wp-pagenavi .page {
}
.wp-pagenavi .current {
}
.wp-pagenavi .previouspostslink {
  border: none;
  margin-right: 40px;
}
.wp-pagenavi .nextpostslink {
  border: none;
  margin-left: 40px;
}
#pager .wp-pagenavi a {
  display: block;
  line-height: 140%;
  padding: 0.8em;
  text-align: center;
  background: #ffffff;
  margin-bottom: 0.2em;
}
/*****************************************************************************
	ul / dl
*****************************************************************************/
ul.access {
  margin-top: 1em;
}
ul.access > li {
  margin: 0.5em 0;
}
ul.access > li > p:first-child {
  font-weight: bold;
  margin-right: 0.5em;
  text-align: right;
}
dl.access {
  margin: 2em auto;
  font-size: 14px;
  font-size: 1.4rem;
}
dl.access dt {
  width: 30%;
  padding-right: 0.5em;
  font-weight: bold;
  letter-spacing: 0;
  white-space: nowrap;
}
dl.access dd {
  padding-left: 0.5em;
  width: 70%;
}
dl.access dt:nth-child(1),
dl.access dd:nth-child(2) {
  padding-top: 0;
  border-top: none;
}
dl.staff dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
dl.staff > dd.name {
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 0 0.3em 0;
  margin-bottom: 0.2em;
}
dl.staff > dd {
  margin-bottom: 1.5em;
}
ul.menu {
  font-size: 13px;
  font-size: 1.3rem;
}
ul.menu.nm {
  margin-bottom: 0em;
}
ul.menu li div:first-child {
}

ul.menu p {
  margin-right: 0.5em;
}
ul.menu p:nth-child(2) {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  ul.menu {
    padding: 1em 0;
  }
  ul.access li p:first-child {
    min-width: 90px;
  }
}
@media screen and (min-width: 1024px) {
  dl.access dt,
  dl.access dd {
    padding: 0em 1em 0em 0;
  }
  ul.access li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
/************************************************************************************
	bread
************************************************************************************/
nav#bread {
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 120%;
  z-index: 2;
  bottom: 0;
}
nav#bread ol {
  width: 900px;
  margin: 0 auto;
  padding: 1em 0;
}
nav#bread ol li {
  padding-top: 0px;
  white-space: nowrap;
  min-height: 0;
  margin: 0;
}
nav#bread ol li a {
}
nav#bread ol li:after {
  content: ">";
  padding-left: 1em;
  padding-right: 1em;
}
nav#bread ol li:first-child:before {
  content: "";
}
nav#bread ol li:nth-of-type(1):before {
  content: "";
}
nav#bread ol li:last-child:after {
  content: "";
  padding: 0;
}
@media screen and (min-width: 1024px) {
  nav#bread ol li:first-child {
  }
}
@media screen and (max-width: 1023px) {
  nav#bread ol li:last-child {
    white-space: initial;
  }
  nav#bread ol {
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
  }
}
/************************************************************************************
 contact
************************************************************************************/
#contact {
  font-size: 14px;
  font-size: 1.4rem;
}
#contact dl {
  margin: 0 auto;
}
#contact dt {
  width: 100%;
  padding: 0.5em 0;
  margin-right: 2em;
}
#contact dt span,
#contact li .label span {
  font-size: 12px;
  font-size: 1.2rem;
  background: #f79783;
  color: #ffffff;
  padding: 0.3em 1em;
  margin-right: 0.5em;
  line-height: 140%;
  height: 2em;
}
#contact dt span.nn,
#contact li .label span.nn {
  background: #ededed;
  color: #666666;
}
#contact .mw_wp_form_confirm li span {
  display: none;
}
#contact dt p {
  font-size: 12px;
  font-size: 1.2rem;
  color: #f79783;
}
#contact dd {
  width: 100%;
  margin-bottom: 1em;
}
#contact li .label {
  margin-bottom: 0.5em;
}
#contact .memo {
  width: 100%;
  font-weight: bold;
  padding: 0 0 1em 0;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  padding: 0.5em 1em;
  resize: none;
  border: 1px solid #cccccc;
  background: #f8f8f8;
  font-family: sans-serif;
}
#contact input:focus,
#contact textarea:focus {
  content: "";
  border: 1px solid #666666;
}
#contact input[type="submit"] {
  cursor: pointer;
}
#contact p {
  text-align: center;
  line-height: 170%;
}
#contact .confirm,
.sending,
.backform {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  width: 200px;
  height: 45px;
  margin-top: 5px;
  background: #888;
}
.mw_wp_form_confirm .send {
  display: none;
}

p.message {
  display: none;
  text-align: center;
}
.mw_wp_form_input p.message:nth-child(1) {
  display: block;
}
.mw_wp_form_confirm p.message:nth-child(2) {
  display: block;
}
@media screen and (max-width: 1023px) {
  #contact p {
    text-align: center;
  }
}
/*****************************************************************************
	Slick
*****************************************************************************/
.slick-dots li button:before {
  background: #ffffff;
}
.slick-dots li.slick-active button:before {
  background: #cfa972;
}

/*****************************************************************************
	Flex Box
*****************************************************************************/
/***********
horizon
************/
.f_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_item {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.f_h_start {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.f_h_center {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.f_h_end {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.f_h_sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.f_h_sa {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.f_wrap {
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/***********
vertical
************/
.f_column {
  -webkit-box-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_start {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.f_end {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.f_center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.f_baseline {
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.f_stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/*****************************************************************************
	Gimic with jQuery
*****************************************************************************/
.trans {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.zoom {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.zoom:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
/*  Scrolling Appear */
.scroll[data-type="up"] {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}
.scroll[data-type="up"].active,
.scroll[data-type="down"].active,
.scroll[data-type="left"].active,
.scroll[data-type="right"].active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/*****************************************************************************
	common media
*****************************************************************************/
@media screen and (max-width: 767px) {
  /* for Mobile */
  .f_res {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .col {
    width: 100%;
  }
  div.blank {
    height: 25px;
  }
  div.blankx2 {
    height: 50px;
  }
  .pc {
    display: none;
  }
  .order_top {
    -webkit-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .order_1 {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  address {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  /* for Tablet and PC */
  .f_res {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  div.blank {
    height: 50px;
  }
  div.blankx2 {
    height: 100px;
  }
  div.blankx3 {
    height: 150px;
  }
  .w10 {
    width: -webkit-calc(10%);
    width: calc(10%);
    min-width: calc(10%);
  }
  .w15 {
    width: -webkit-calc(15%);
    width: calc(15%);
    min-width: calc(15%);
  }
  .w20 {
    width: -webkit-calc(20%);
    width: calc(20%);
    min-width: calc(20%);
  }
  .w20s {
    width: -webkit-calc(20% - 1em);
    width: calc(20% - 1em);
    min-width: calc(20% - 1em);
  }
  .w20l {
    width: -webkit-calc(20% + 1em);
    width: calc(20% + 1em);
    min-width: calc(20% + 1em);
  }
  .w25 {
    width: -webkit-calc(25%);
    width: calc(25%);
    min-width: calc(25%);
  }
  .w25s {
    width: -webkit-calc(25% - 1em);
    width: calc(25% - 1em);
  }
  .w33 {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
  }
  .w33s {
    width: -webkit-calc(100% / 3 - 0.5em);
    width: calc(100% / 3 - 0.5em);
  }
  .w30 {
    width: -webkit-calc(30%);
    width: calc(30%);
    min-width: calc(30%);
  }
  .w30s {
    width: -webkit-calc(30% - 1em);
    width: calc(30% - 1em);
  }
  .w30l {
    width: -webkit-calc(30% + 1em);
    width: calc(30% + 1em);
  }
  .w35 {
    width: -webkit-calc(35%);
    width: calc(35%);
    min-width: calc(35%);
  }
  .w40 {
    width: -webkit-calc(40%);
    width: calc(40%);
    min-width: calc(40%);
  }
  .w40s {
    width: -webkit-calc(40% - 1em);
    width: calc(40% - 1em);
    min-width: calc(40% - 1em);
  }
  .w45 {
    width: -webkit-calc(45%);
    width: calc(45%);
    min-width: calc(45%);
  }
  .w45s {
    width: -webkit-calc(45% - 1em);
    width: calc(45% - 1em);
    min-width: calc(45% - 1em);
  }
  .w45s {
    width: -webkit-calc(45% - 1em);
    width: calc(45% - 1em);
    min-width: calc(45% - 1em);
  }
  .w45l {
    width: -webkit-calc(45% + 1em);
    width: calc(45% + 1em);
    min-width: calc(45% + 1em);
  }
  .w60 {
    width: -webkit-calc(60%);
    width: calc(60%);
    min-width: calc(60%);
  }
  .w60s {
    width: -webkit-calc(60% - 1em);
    width: calc(60% - 1em);
  }
  .w66 {
    width: -webkit-calc(66%);
    width: calc(66%);
  }
  .w50s {
    width: -webkit-calc(50% - 1em);
    width: calc(50% - 1em);
  }
  .w50 {
    width: -webkit-calc(50%);
    width: calc(50%);
    min-width: calc(50%);
  }
  .w50l {
    width: -webkit-calc(50% + 1em);
    width: calc(50% + 1em);
  }
  .w55 {
    width: -webkit-calc(55%);
    width: calc(55%);
    min-width: calc(55%);
  }
  .w55s {
    width: -webkit-calc(55% - 1em);
    width: calc(55% - 1em);
    min-width: calc(55% - 1em);
  }
  .w65 {
    width: 65%;
    min-width: 65%;
  }
  .w65s {
    width: -webkit-calc(65% - 1em);
    width: calc(65% - 1em);
    min-width: calc(65% - 1em);
  }
  .w75 {
    width: -webkit-calc(75%);
    width: calc(75%);
  }
  .w75s {
    width: -webkit-calc(75% - 1em);
    width: calc(75% - 1em);
  }
  .w70 {
    width: -webkit-calc(70%);
    width: calc(70%);
  }
  .w70s {
    width: -webkit-calc(70% - 1em);
    width: calc(70% - 1em);
  }
  .w70l {
    width: -webkit-calc(70% + 1em);
    width: calc(70% + 1em);
  }
  .w80 {
    width: -webkit-calc(80%);
    width: calc(80%);
  }
  .w80s {
    width: -webkit-calc(80% - 1em);
    width: calc(80% - 1em);
  }
  .w80l {
    width: -webkit-calc(80% + 1em);
    width: calc(80% + 1em);
  }
  .w95 {
    width: 95%;
  }
}
@media screen and (min-width: 1025px) {
  .sp {
    display: none;
  }
}
/*****************************************************************************
	Photo Gallery Custom Styles
*****************************************************************************/
#bwg_container1_0
  #bwg_container2_0
  .bwg-container-0.bwg-standard-thumbnails
  .bwg-title2,
#bwg_container1_0
  #bwg_container2_0
  .bwg-container-0.bwg-standard-thumbnails
  .bwg-ecommerce2,
#bwg_container1_0
  #bwg_container2_0
  .bwg-container-0.bwg-album-thumbnails
  .bwg-title2,
#bwg_container1_0
  #bwg_container2_0
  .bwg-container-0.bwg-album-thumbnails
  .bwg-ecommerce2,
#bwg_container1_1
  #bwg_container2_1
  .bwg-container-1.bwg-standard-thumbnails
  .bwg-title2,
#bwg_container1_1
  #bwg_container2_1
  .bwg-container-1.bwg-standard-thumbnails
  .bwg-ecommerce2,
#bwg_container1_1
  #bwg_container2_1
  .bwg-container-1.bwg-album-thumbnails
  .bwg-title2 {
  font-size: 12px !important;
  font-weight: normal !important;
}

/* Back按钮右对齐，距离右边100px */
[id^="bwg_container1_"] [id^="bwg_container2_"] .bwg_back {
  text-align: right !important;
  display: block !important;
  margin-right: 100px !important;
  margin-left: auto !important;
}