@charset "utf-8";
/* ===================================================================
  common.css
=================================================================== */

/*----------------------------------------------------
  共通
----------------------------------------------------*/
body,
td,
th,
input,
textarea {
  color: #221715;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

body {
  -webkit-font-smoothing: antialiased;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
  color: #a18449;
  text-decoration: underline;
/*
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .80;
*/
}

a:hover {
  text-decoration: none;
}
a:hover,
a:hover img,
.img_hover:hover {
/*
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .80;
*/
}

img {
  vertical-align: bottom;
}
.img_ck {
  font-size: 1px;
  line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

/*---------------------------------------------------------------------------*/
/* margin */
.mar_t0 {
  margin-top: 0 !important;
}
.mar_t5 {
  margin-top: 5px !important;
}
.mar_t10 {
  margin-top: 10px !important;
}
.mar_t15 {
  margin-top: 15px !important;
}
.mar_t20 {
  margin-top: 20px !important;
}
.mar_t25 {
  margin-top: 25px !important;
}
.mar_t30 {
  margin-top: 30px !important;
}
.mar_t35 {
  margin-top: 35px !important;
}
.mar_t40 {
  margin-top: 40px !important;
}
.mar_t45 {
  margin-top: 45px !important;
}
.mar_t50 {
  margin-top: 50px !important;
}

.mar_b0 {
  margin-bottom: 0 !important;
}
.mar_b5 {
  margin-bottom: 5px !important;
}
.mar_b10 {
  margin-bottom: 10px !important;
}
.mar_b15 {
  margin-bottom: 15px !important;
}
.mar_b20 {
  margin-bottom: 20px !important;
}
.mar_b25 {
  margin-bottom: 25px !important;
}
.mar_b30 {
  margin-bottom: 30px !important;
}
.mar_b35 {
  margin-bottom: 35px !important;
}
.mar_b40 {
  margin-bottom: 40px !important;
}
.mar_b45 {
  margin-bottom: 45px !important;
}
.mar_b50 {
  margin-bottom: 50px !important;
}

.mar_l0 {
  margin-left: 0 !important;
}
.mar_l5 {
  margin-left: 5px !important;
}
.mar_l10 {
  margin-left: 10px !important;
}
.mar_l15 {
  margin-left: 15px !important;
}
.mar_l20 {
  margin-left: 20px !important;
}
.mar_l25 {
  margin-left: 25px !important;
}
.mar_l30 {
  margin-left: 30px !important;
}
.mar_l35 {
  margin-left: 35px !important;
}
.mar_l40 {
  margin-left: 40px !important;
}
.mar_l45 {
  margin-left: 45px !important;
}
.mar_l50 {
  margin-left: 50px !important;
}

.mar_r0 {
  margin-right: 0 !important;
}
.mar_r5 {
  margin-right: 5px !important;
}
.mar_r10 {
  margin-right: 10px !important;
}
.mar_r15 {
  margin-right: 15px !important;
}
.mar_r20 {
  margin-right: 20px !important;
}
.mar_r25 {
  margin-right: 25px !important;
}
.mar_r30 {
  margin-right: 30px !important;
}
.mar_r35 {
  margin-right: 35px !important;
}
.mar_r40 {
  margin-right: 40px !important;
}
.mar_r45 {
  margin-right: 45px !important;
}
.mar_r50 {
  margin-right: 50px !important;
}

/* float */
.fl_l {
  float: left !important;
}
.fl_r {
  float: right !important;
}
.fl_n {
  float: none !important;
}

/* font color */
.f_c_red {
  color: #ff0000 !important;
}
.f_c_yellow {
  color: #ffff00 !important;
}
.f_c_blue {
  color: #0000ff !important;
}
.f_c_gray {
  color: #cccccc !important;
}
.f_c_gray_2 {
  color: #999999 !important;
}

.t_align_l {
  text-align: left !important;
}
.t_align_c {
  text-align: center !important;
}
.t_align_r {
  text-align: right !important;
}

.f_weight_bold {
  font-weight: bold !important;
}
.f_weight_normal {
  font-weight: normal !important;
}

/*---------------------------------------------------------------------------*/
.inputTypeJE {
  ime-mode: active;
}
.inputTypeEJ {
  ime-mode: inactive;
}
.inputTypeE {
  ime-mode: disabled;
}

.formError.inline {
  display: block;
  z-index: 5;
}
.formError .formErrorContent {
  background: #ffffff;
  color: #ff0000;
  padding: 10px 10px 0;
  width: auto;
}

/*---------------------------------------------------------------------------*/
.font_g {
  font-family: "garamond-premier-pro", serif !important;
}
.font_i {
  font-family: "garamond-premier-pro", serif !important;
  font-style: italic;
}
.font_min {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
}

/*---------------------------------------------------------------------------*/

  .container {
    background: #e8e8e8;
    margin: 0 auto;
    min-width: 100%;
    width: 100%;
  }
  .PcNone {
    display:none;
  }
  .SpNone {
    display:block;
  }
  @media screen and (max-width: 768px) {
    .PcNone {
      display:block;
    }
    .SpNone {
      display:none;
    }
  }
/*---------------------------------------------------------------------------*/

  .allNavArea {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    position: relative;
    width: 100%;
  }

  .allNav {
    background: #a18449;
    height: 50px;
    position: relative;
    text-align: center;
    z-index: 10;
  }
  .allNav .menuBtn {
    cursor: pointer;
    height: 20px;
    float: left;
    margin: 14px 0 0 20px;
    position: relative;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
    width: 30px;
  }
  .allNav .menuBtn span {
    background: #ffffff;
    display: block;
    font-size: 0;
    height: 2px;
    left: 0;
    line-height: 1;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0s ease 0s, all 0.35s ease 0s;
    transition: all 0s ease 0s, all 0.35s ease 0s;
    width: 100%;
  }
  .allNav .menuBtn span:nth-child(1) {
      top: 1px;
  }
  .allNav .menuBtn span:nth-child(2) {
      top: 8px;
  }
  .allNav .menuBtn span:nth-child(3) {
      top: 15px;
  }
  .allNav .menuBtn.on span:nth-child(1) {
      opacity: 1;
      -moz-transform: translateY(6.72px) rotate(225deg);
      -webkit-transform: translateY(6.72px) rotate(225deg);
      -o-transform: translateY(6.72px) rotate(225deg);
      -ms-transform: translateY(6.72px) rotate(225deg);
      transform: translateY(6.72px) rotate(225deg);
  }
  .allNav .menuBtn.on span:nth-child(2) {
      opacity: 0;
  }
  .allNav .menuBtn.on span:nth-child(3) {
      opacity: 1;
      -moz-transform: translateY(-6.72px) rotate(-225deg);
      -webkit-transform: translateY(-6.72px) rotate(-225deg);
      -o-transform: translateY(-6.72px) rotate(-225deg);
      -ms-transform: translateY(-6.72px) rotate(-225deg);
      transform: translateY(-6.72px) rotate(-225deg);
  }
  .allNav .logo {
    font-size: 0;
    line-height: 1;
    left: 50%;
    margin: 0 0 0 -70px;
    position: absolute;
    top: 10px;
  }
  .allNav .logo a {
    display: inline-block;
    /display: inline-block;
    /zoom: 1;
    height: 30px;
    vertical-align: top;
  }
  .allNav .logo a img {
    height: 100%;
    width: auto;
  }
  .allNav .txtLink {
    float: right;
    line-height: 1;
    padding: 20px 20px 0 0;
  }
  .allNav .txtLink a {
    background: url(../../img/shopCommon/icoBlank.png) right center no-repeat;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    padding: 0 20px 0 0;
    text-decoration: none;
  }
  .allNav .txtLink a:hover {
    text-decoration: underline;
  }

  .allNavMenu {
    background: #b49d6d;
    display: none;
    height: 60px;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 10;
  }
  .allNavMenu .weddingLogo,
  .allNavMenu .allNavList,
  .allNavMenu .allNavList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }
  .allNavMenu .weddingLogo {
    line-height: 60px;
    margin: 0 15px 0 20px;
  }
  .allNavMenu .weddingLogo img {
    vertical-align: middle;
  }
  .allNavMenu .allNavList {
    font-size: 0;
  }
  .allNavMenu .allNavList li {
    font-size: 11px;
    line-height: 1;
    margin: 0 0 0 25px;
  }
  .allNavMenu .allNavList li a {
    color: #ffffff;
    text-decoration: none;
  }
  .allNavMenu .allNavList li a:hover {
    text-decoration: underline;
  }

  .allNavOverlay {
    background: rgba(75, 65, 48, .7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
  }

/*---------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  #header .headerLogo {
    margin: 0 10px 0 20px;
  }
  #header nav .navList li {
    margin: 0 0 0 20px;
  }
}

  header {
    background: #ffffff;
    height: 80px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    width: 100%;
  }
  #header {
    background: #ffffff;
    height: 80px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1080px;
    position: static;
    width: 100%;
  　z-index: 100;
  }
  #header .headerLogo,
  #header nav,
  #header nav li {
    display: inline-block;
    /display: inline-block;
    /zoom: 1;
    vertical-align: middle;
  }
  #header .headerLogo {
    font-size: 0;
    line-height: 80px;
    margin: 0 25px 0 40px;
  }
  #header .headerLogo img {
    height: 60px;
    vertical-align: middle;
    width: auto;
  }
  #header nav .navList {
    font-size: 0;
    line-height: 1;
  }
  #header nav .navList li {
    border-top: 2px solid #ffffff;
    box-sizing: border-box;
    font-size: 12px;
    height: 60px;
    margin: 0 0 0 25px;
    padding: 23px 0 0;
  }
  #header nav .navList li.nowNav {
    border-top: 2px solid #c4af82;
  }
  #header nav .navList li a {
    color: #a18449;
    text-decoration: none;
  }
  #header nav .navList li a:hover {
    text-decoration: underline;
  }
  #header .headerRight {
    display: none;
    float: right;
  }
  #header .headerRight .headerRightLink {
    font-size: 0;
  }
  #header .headerRight .headerRightLink li {
    background: #b49d6d;
    color: #ffffff;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 10px;
    vertical-align: middle;
  }
  #header .headerRight .headerRightLink li a {
    color: #ffffff;
    display: block;
    height: 60px;
    text-align: center;
    width: 60px;
  }

  #header .headerRight .headerRightLink li.reserveBox {
    background: url(../../img/shopCommon/icoReserve.png) center 18px no-repeat #b49d6d;
  }
  #header .headerRight .headerRightLink li.mailBox {
    background: url(../../img/shopCommon/icoContact.png) center 18px no-repeat #b49d6d;
  }
  #header .headerRight .headerRightLink li.reserveBox a,
  #header .headerRight .headerRightLink li.mailBox a {
    border-right: 1px solid #c8b48f;
    height: 22px;
    padding: 38px 0 0;
    text-decoration: none;
  }
  #header .headerRight .headerRightLink li.telBox {
    font-family: "garamond-premier-pro", serif !important;
    font-size: 16px;
    line-height: 60px;
    padding: 0 12px; 
    text-align: center;
    width: 110px;
  }
  #header .headerRight .headerRightLink li.fairBox a{
    background:url(../../img/shopCommon/icoArrow01.png) 90% center no-repeat,
    url(../../img/shopCommon/icoCalendar03.png) 13px center no-repeat;
    background-color:#a93737;
    font-size: 12px;
    line-height:60px;
    padding:0 12px; 
    text-align: center;
    text-decoration:none;
    width:155px;
  }

  #header.headerFix {
    height: 60px;
    left: 50%;
    z-index: 8;
  }
  #header.headerFix .headerLogo {
    line-height: 60px;
  }
  #header.headerFix .headerRight {
    display: block;
  }

  header.scdType {
    height: 60px;
  }
  header.scdType #header {
    height: 60px;
  }
  header.scdType #header .headerLogo {
    line-height: 1;
  }
  header.scdType #header .headerRight {
    display: block;
  }



/*---------------------------------------------------------------------------*/
  .areaInner {
    margin: 0 auto;
    position: relative;
    width: 980px;
   }

  .areaTtl .ttlBar {
    background: #ffffff;
    font-size: 0;
    height: 1px;
    line-height: 1;
    margin: 0 auto;
    width: 80px;
  }
  .areaTtl .ttlTxt01 {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 1;
    padding: 25px 0 2px;
  }
  .areaTtl .ttlTxt02 {
    color: #ffffff;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    padding: 0 0 19px;
  }
  .areaTtl .ttlTxt03 {
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 28px;
    letter-spacing: 0;
    line-height: 1;
  }
  .areaTtl .ttlTxt04 {
    color: #ffffff;
    font-family: "a-otf-ryumin-pr6n", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 28px;
    letter-spacing: 0;
    line-height:1.2;
  }
  .areaTtl .ttlTxt05 {
    color: #ffffff;
    font-family: "a-otf-ryumin-pr6n", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 24px;
    letter-spacing: 0;
    line-height: 1;
  }

  .btnBox {
    border: 1px solid #ffffff;
    box-sizing: border-box;
    margin: 0 auto;
    width: 220px;
  }
  .btnBox a {
    display: block;
    color: #ffffff;
    padding: 22px 18px;
    text-align: left;
    text-decoration: none;
  }
  .btnBox a span {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }

  .contentsArea {
    background: #f4f0e9;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    text-align: center;
    width: 100%;
  }

  .ttlBox {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    padding: 60px 0;
    text-align: center;
    width: 100%;
  }
  .ttlBox .ttlBar {
    background: #beb098;
    font-size: 0;
    height: 1px;
    line-height: 1;
    margin: 0 auto;
    width: 80px;
  }
  .ttlBox .ttlTxt {
    color: #b09a71;
    font-family: "garamond-premier-pro", serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 1;
    padding: 15px 0 8px;
  }
  .ttlBox .ttlTxt span {
    color: #4e453c;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 1;
  }
  .ttlBox .ttlTxtSub {
    color: #4e453c;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 20px;
  }
/*---------------------------------------------------------------------------*/
  .shopContactArea {

    background: url(../../img/shopCommon/bgContact.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    padding: 95px 0 100px;
    text-align: center;
    width: 100%;
  }
  .shopContactArea .shopAddress {
    color: #ffffff;
    font-size: 16px;
    padding: 35px 0 15px;
  }
  .shopContactArea .mapBtn {
    margin: 0 auto 25px;
    width: 100px;
  }
  .shopContactArea .mapBtn a {
    font-family: "garamond-premier-pro", serif;
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
  }
  .shopContactArea .shopTel {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 24px;
    margin: 0 0 10px;
  }
  .shopContactArea .shopTime {
    color: #ffffff;
    font-size: 12px;
    margin: 0 0 40px;
  }
  .shopContactArea .btnArea {
    font-size: 0;
  }
  .shopContactArea .reserveBtn,
  .shopContactArea .contactBtn {
    background: url(../../img/shopCommon/icoArrow02.png) 270px center no-repeat;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: top;
    width: 300px;
  }
  .shopContactArea .reserveBtn a {
    background: url(../../img/shopCommon/icoReserve.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea .contactBtn a {
    background: url(../../img/shopCommon/icoContact.png) 20px center no-repeat;
    text-align: center;
  }

  .shopContactArea .snsArea {
    text-align: center;
    margin-top:15px;
  }
  .shopContactArea .snsArea img {
    width: auto;
    height: 32px;
    margin: 20px 0 0;
    padding: 0 10px;
  }

/*----------------------------改装案内などあり--------------------------------*/
  .shopContactArea-re {
  /*
    background: url(../../img/shopCommon/bgContact.jpg) center center no-repeat;
    background-size: cover;
  */
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    padding: 95px 0 100px;
    text-align: center;
    width: 100%;
  }
  .shopContactArea-re .shopAddress {
    color: #ffffff;
    font-size: 16px;
    padding: 35px 0 15px;
  }
  .shopContactArea-re .mapBtn {
    margin: 0 auto 25px;
    width: 100px;
  }
  .shopContactArea-re .mapBtn a {
    font-family: "garamond-premier-pro", serif;
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
  }
  .shopContactArea-re .shopTel {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 24px;
    margin: 0 0 10px;
  }
  .shopContactArea-re .shopTime {
    color: #ffffff;
    font-size: 12px;
    margin: 0 0 40px;
  }
  .shopContactArea-re .btnArea {
    font-size: 0;
  }
  .shopContactArea-re .reserveBtn,
  .shopContactArea-re .contactBtn {
    background: url(../../img/shopCommon/icoArrow02.png) 270px center no-repeat;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: top;
    width: 300px;
  }
  .shopContactArea-re .reserveBtn a {
    background: url(../../img/shopCommon/icoReserve.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea-re .contactBtn a {
    background: url(../../img/shopCommon/icoContact.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea-re .attention{
    width:620px;
    background-color:rgba(255,249,250,0.7);
    margin:45px auto 0;
    border:1px solid #B82527;
    padding-top:20px;
    padding-bottom:20px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#B82527;
  }
/*---------------------------------------------------------------------------*/
  .footerLinkArea {
    background: #a18449;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    padding: 24px 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .footerWLogo {
    border-bottom: 1px solid #b49d6d;
    margin: 0 0 38px;
    padding: 0 0 18px;
  }
  .footerLink-l {
    float: left;
    padding: 0 0 0 20px;
    width: 294px;
  }
  .footerLink-r {
    float: right;
    padding: 1px 20px 0 0;
    width: 300px;
  }
  .footerLink-l li {
    font-size: 12px;
    margin: 0 0 14px;
    text-align: left;
  }
  .footerLink-l li a {
    background: url(../../img/shopCommon/icoArrow01.png) left 4px no-repeat;
    color: #ffffff;
    padding: 0 0 0 8px;
    text-decoration: none;
  }
  .footerLink-l li a:hover {
    text-decoration: underline;
  }
  .footerLink-r .snsList {
    font-size: 0;
    margin: 0 0 30px;
    text-align: right;
  }
  .footerLink-r .snsList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 12px;
    margin: 0 0 0 20px;
    text-align: left;
    vertical-align: top;
  }
  .footerLink-r .footerBtnFacebook,
  .footerLink-r .footerBtnGuidance {
    border: 1px solid #ffffff;
    margin: 0 0 10px auto;
    width: 300px;
  }
  .footerLink-r .footerBtnFacebook a,
  .footerLink-r .footerBtnGuidance a {
    background: url(../../img/shopCommon/icoArrow01.png) 276px center no-repeat;
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 20px 0 20px 18px;
    position: relative;
    text-align: left;
    text-decoration: none;
  }
  .footerLink-r .footerBtnFacebook a {
    background: url(../../img/shopCommon/icoFacebook.png) 274px center no-repeat;
    background-size: auto 17px;
    padding: 9px 0 9px 18px;
  }
  .footerLink-r .footerBtnFacebook a span {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    line-height: 21px;
    vertical-align: middle;
  }
  .footerLink-r .footerTxtLink {
    text-align: right;
  }
  .footerLink-r .footerTxtLink a {
    color: #ffffff;
  }

  .pagetop {
    position: absolute;
    right: 0;
    top: -60px;
  }
/*---------------------------------------------------------------------------*/
  footer {
    background: #ffffff;
    height: 100px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    width: 100%;
  }
  .footerLogo,
  .linkList,
  .linkList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }
  .footerLogo {
    font-size: 0;
    line-height: 100px;
    margin: 0 40px 0 20px;
  }
  .footerLogo img {
    vertical-align: middle;
  }
  .linkList {
    font-size: 0;
    text-align: right;
  }
  .linkList li {
    font-size: 12px;
    margin: 0 0 0 40px;
  }
  .linkList li a {
    color: #221715;
    text-decoration: none;
  }
  .linkList li a:hover {
    text-decoration: underline;
  }
/*---------------------------------------------------------------------------*/
  @media (max-width: 1920px) and (min-width: 768px) {
    .conversionArea {
      display: none;
    }
  }
/*---------------------------------------------------------------------------*/
  .copyArea {
    background: #4b4130;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 980px;
    text-align: center;
    width: 100%;
  }
  .copyright {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 10px;
    padding: 12px 0;
  }
/*---------------------------------------------------------------------------*/
  .shopInfo .hs_notice{
    width:230px;
    margin:30px auto 0;
    padding: 10px 0;
    box-sizing: border-box;
    display: block;
    background: #699baf url("../../img/common/icoArrow02.png") 95% no-repeat;
    background-size: 5px auto;
    border-radius: 3px;
  }
  .shopInfo .hs_notice a{
    text-decoration: none;
    text-align: center;
    color:#FFFFFF;
    font-size: 12px;
    line-height: 1.4;
  }




/* SP版CSS */

/*---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  .container {
    background: #e8e8e8;
    margin: 0 auto;
    min-width: 100%;
    width: 100%;
  }
  .PcNone {
    display:block;
  }
  .SpNone {
    display:none;
  }
}

/*---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  .allNavArea {
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%;
  }

  .allNav {
    background: #a18449;
    height: 50px;
    position: relative;
    text-align: center;
    z-index: 10;
    display:none;
  }
  .allNav .menuBtn {
    cursor: pointer;
    height: 20px;
    float: left;
    margin: 14px 0 0 20px;
    position: relative;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
    width: 30px;
  }
  .allNav .menuBtn span {
    background: #ffffff;
    display: block;
    font-size: 0;
    height: 2px;
    left: 0;
    line-height: 1;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0s ease 0s, all 0.35s ease 0s;
    transition: all 0s ease 0s, all 0.35s ease 0s;
    width: 100%;
  }
  .allNav .menuBtn span:nth-child(1) {
      top: 1px;
  }
  .allNav .menuBtn span:nth-child(2) {
      top: 8px;
  }
  .allNav .menuBtn span:nth-child(3) {
      top: 15px;
  }
  .allNav .menuBtn.on span:nth-child(1) {
      opacity: 1;
      -moz-transform: translateY(6.72px) rotate(225deg);
      -webkit-transform: translateY(6.72px) rotate(225deg);
      -o-transform: translateY(6.72px) rotate(225deg);
      -ms-transform: translateY(6.72px) rotate(225deg);
      transform: translateY(6.72px) rotate(225deg);
  }
  .allNav .menuBtn.on span:nth-child(2) {
      opacity: 0;
  }
  .allNav .menuBtn.on span:nth-child(3) {
      opacity: 1;
      -moz-transform: translateY(-6.72px) rotate(-225deg);
      -webkit-transform: translateY(-6.72px) rotate(-225deg);
      -o-transform: translateY(-6.72px) rotate(-225deg);
      -ms-transform: translateY(-6.72px) rotate(-225deg);
      transform: translateY(-6.72px) rotate(-225deg);
  }
  .allNav .logo {
    font-size: 0;
    line-height: 1;
    left: 50%;
    margin: 0 0 0 -70px;
    position: absolute;
    top: 10px;
  }
  .allNav .logo a {
    display: inline-block;
    /display: inline-block;
    /zoom: 1;
    height: 30px;
    vertical-align: top;
  }
  .allNav .logo a img {
    height: 100%;
    width: auto;
  }
  .allNav .txtLink {
    float: right;
    line-height: 1;
    padding: 20px 20px 0 0;
  }
  .allNav .txtLink a {
    display:none;
  }

  .allNavMenu {
    background: #b49d6d;
    display: none;
    height: 60px;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 10;
  }
  .allNavMenu .weddingLogo,
  .allNavMenu .allNavList,
  .allNavMenu .allNavList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }
  .allNavMenu .weddingLogo {
    line-height: 60px;
    margin: 0 15px 0 20px;
  }
  .allNavMenu .weddingLogo img {
    vertical-align: middle;
  }
  .allNavMenu .allNavList {
    font-size: 0;
  }
  .allNavMenu .allNavList li {
    font-size: 11px;
    line-height: 1;
    margin: 0 0 0 25px;
  }
  .allNavMenu .allNavList li a {
    color: #ffffff;
    text-decoration: none;
  }
  .allNavMenu .allNavList li a:hover {
    text-decoration: underline;
  }

  .allNavOverlay {
    background: rgba(75, 65, 48, .7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
  }
}

/*---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  header {
    background: none;
    height: 0px;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    position:fixed;
    z-index:99;
    /*display:none;*/
  }
  #header {
    background: #ffffff;
    height: 0px;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    position: static;
    width: 100%;
  　z-index: 100;
  }
  #headerSp {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  .logo {
    height: 40px;
    left: 50%;
    margin: 0 0 0 -46px;
    position: absolute;
    top: 0px;
  }
  .logo img {
    height: 100%;
    width: auto;
  }
  .navBox {
    background: #ffffff;
    height: 40px;
    position: relative;
    z-index: 99;
  }
  .navBox .menuBtn {
    height: 15px;
    float: left;
    margin: 12px 0 0 10px;
    position: relative;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
    width: 20px;
  }
  .navBox .menuBtn span {
      background: #413020;
      display: block;
      font-size: 0;
      height: 1px;
      left: 0;
      line-height: 1;
      opacity: 1;
      position: absolute;
      -webkit-transition: all 0s ease 0s, all 0.35s ease 0s;
      transition: all 0s ease 0s, all 0.35s ease 0s;
      width: 100%;
  }
  .navBox .menuBtn span:nth-child(1) {
    top:1px;
  }
  .navBox .menuBtn span:nth-child(2) {
    top:8px;
  }
  .navBox .menuBtn span:nth-child(3) {
    top:15px;
  }
  .navBox .menuBtn.on span:nth-child(1) {
      opacity: 1;
      -moz-transform: translateY(6.72px) rotate(225deg);
      -webkit-transform: translateY(6.72px) rotate(225deg);
      -o-transform: translateY(6.72px) rotate(225deg);
      -ms-transform: translateY(6.72px) rotate(225deg);
      transform: translateY(6.72px) rotate(225deg);
  }
  .navBox .menuBtn.on span:nth-child(2) {
      opacity: 0;
  }
  .navBox .menuBtn.on span:nth-child(3) {
      opacity: 1;
      -moz-transform: translateY(-6.72px) rotate(-225deg);
      -webkit-transform: translateY(-6.72px) rotate(-225deg);
      -o-transform: translateY(-6.72px) rotate(-225deg);
      -ms-transform: translateY(-6.72px) rotate(-225deg);
      transform: translateY(-6.72px) rotate(-225deg);
  }
  .navMenu {
    background: #ffffff;
    display: none;
    left: 0;
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 98;
    overflow: scroll;
  }
  .navMenu .navList li {
      border-bottom: 1px solid #e3dac8;
      width: 100%;
  }
  .navMenu .navList li:first-child {
      border-top: 1px solid #e3dac8;
  }
  .navMenu .navList li a {
    background: url(/assets/img/common/icoArrow11.png) 94% center no-repeat;
    background-size: 5px auto;
    display: block;
    font-size: 12px;
    padding: 22px 25px 22px 20px;
    color: #221715;
    text-decoration: none;
  }
  .navMenu .btnItem01 {
      background: url(/smp/assets/img/common/icoArrow02.png) 95% center no-repeat #a18449;
      background-size: 5px auto;
      margin: 0 auto;
      width: 78%;
  }
  .navMenu .btnItem01 a {
      color: #ffffff;
      display: block;
      padding: 24px 0;
      text-align: center;
      text-decoration: none;
  }
  .navMenu .btnItem01.fairBtn {
      margin: 15px auto 10px;
      width: 86%;
  }
  .navMenu .btnItem01.fairBtn a {
      background: url(../../img/common/icoSchedule.png) 5% center no-repeat / 21px auto, url(/smp/assets/img/common/icoArrow02.png) 95% center no-repeat / 5px auto;
      background-color: #a93737;
      padding: 20px 0;
  }
  .navMenu .btnItem01.contactBtn {
      margin: 0 auto 30px;
      width: 86%;
  }
  .navMenu .btnItem01.contactBtn a {
      background: url(/smp/assets/img/common/icoContact.png) 5% center no-repeat;
      background-size: 21px auto;
      padding: 20px 0;
  }
  .navMenu .snsArea {
      text-align: center;
  }
  .navMenu .snsArea img {
      width: auto;
      height: 32px;
      margin: 0 0 30px;
      padding: 0 10px;
  }
  .navMenu .grandMenu {
      border-top: 1px solid #a18449;
      padding: 2px 0 0;
  }
  .navMenu .grandMenu .weddingLogo {
      background: #a18449;
      padding: 24px;
      text-align: center;
  }
  .navMenu .grandMenu .weddingLogo img{
    max-width:100%;
  }
  .navMenu .grandNavList li {
      border-top: 1px solid #bda980;
      width: 100%;
  }
  .navMenu .grandNavList li a {
    background: url(/smp/assets/img/common/icoBlank.png) 94% center no-repeat #a18449;
    background-size: 14px auto;
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 22px 25px 22px 20px;
  }
  #header .headerLogo,
  #header nav,
  #header nav li {
    display: inline-block;
    /display: inline-block;
    /zoom: 1;
    vertical-align: middle;
  }
  #header .headerLogo {
    font-size: 0;
    line-height: 80px;
    margin: 0 25px 0 40px;
  }
  #header .headerLogo img {
    height: 60px;
    vertical-align: middle;
    width: auto;
  }
  #header nav .navList {
    font-size: 0;
    line-height: 1;
  }
  #header nav .navList li {
    border-top: 2px solid #ffffff;
    box-sizing: border-box;
    font-size: 12px;
    height: 60px;
    margin: 0 0 0 25px;
    padding: 23px 0 0;
  }
  #header nav .navList li.nowNav {
    border-top: 2px solid #c4af82;
  }
  #header nav .navList li a {
    color: #a18449;
    text-decoration: none;
  }
  #header nav .navList li a:hover {
    text-decoration: underline;
  }
  #header .headerRight {
    display: none;
    float: right;
  }
  #header .headerRight .headerRightLink {
    font-size: 0;
  }
  #header .headerRight .headerRightLink li {
    background: #b49d6d;
    color: #ffffff;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 10px;
    vertical-align: middle;
  }
  #header .headerRight .headerRightLink li a {
    color: #ffffff;
    display: block;
    height: 60px;
    text-align: center;
    width: 60px;
  }

  #header .headerRight .headerRightLink li.reserveBox {
    background: url(../../img/shopCommon/icoReserve.png) center 18px no-repeat #b49d6d;
  }
  #header .headerRight .headerRightLink li.mailBox {
    background: url(../../img/shopCommon/icoContact.png) center 18px no-repeat #b49d6d;
  }
  #header .headerRight .headerRightLink li.reserveBox a,
  #header .headerRight .headerRightLink li.mailBox a {
    border-right: 1px solid #c8b48f;
    height: 22px;
    padding: 38px 0 0;
    text-decoration: none;
  }
  #header .headerRight .headerRightLink li.telBox {
    font-family: "garamond-premier-pro", serif !important;
    font-size: 16px;
    line-height: 60px;
    padding: 0 12px; 
    text-align: center;
    width: 110px;
  }
  #header .headerRight .headerRightLink li.fairBox a{
    background:url(../../img/shopCommon/icoArrow01.png) 90% center no-repeat,
    url(../../img/shopCommon/icoCalendar03.png) 13px center no-repeat;
    background-color:#a93737;
    font-size: 12px;
    line-height:60px;
    padding:0 12px; 
    text-align: center;
    text-decoration:none;
    width:155px;
  }

  #header.headerFix {
    height: 60px;
    left: 50%;
    z-index: 8;
  }
  #header.headerFix .headerLogo {
    line-height: 60px;
  }
  #header.headerFix .headerRight {
    display: block;
  }

  header.scdType {
    height: 40px;
  }
  header.scdType #header {
    height: 40px;
  }
  header.scdType #header .headerLogo {
    line-height: 1;
  }
  header.scdType #header .headerRight {
    display: block;
  }
}



/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .areaInner {
    margin: 0 auto;
    position: relative;
    width: 100%;
   }

  .areaTtl .ttlBar {
    background: #ffffff;
    font-size: 0;
    height: 1px;
    line-height: 1;
    margin: 0 auto;
    width: 80px;
  }
  .areaTtl .ttlTxt01 {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 1;
    padding: 25px 0 2px;
  }
  .areaTtl .ttlTxt02 {
    color: #ffffff;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    padding: 0 0 19px;
  }
  .areaTtl .ttlTxt03 {
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 28px;
    letter-spacing: 0;
    line-height: 1;
  }
  .areaTtl .ttlTxt04 {
    color: #ffffff;
    font-family: "a-otf-ryumin-pr6n", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 28px;
    letter-spacing: 0;
    line-height:1.2;
  }
  .areaTtl .ttlTxt05 {
    color: #ffffff;
    font-family: "a-otf-ryumin-pr6n", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 24px;
    letter-spacing: 0;
    line-height: 1;
  }
  .movieArea #player{
    width:100%;
    height:auto;
  }
  .btnBox {
    border: 1px solid #ffffff;
    box-sizing: border-box;
    margin: 0 auto;
    width: 220px;
  }
  .btnBox a {
    display: block;
    color: #ffffff;
    padding: 22px 18px;
    text-align: left;
    text-decoration: none;
  }
  .btnBox a span {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }

  .contentsArea {
    background: #f4f0e9;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    width: 100%;
  }

  .ttlBox {
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    padding: 60px 0;
    text-align: center;
    width: 100%;
  }
  .ttlBox .ttlBar {
    background: #beb098;
    font-size: 0;
    height: 1px;
    line-height: 1;
    margin: 0 auto;
    width: 80px;
  }
  .ttlBox .ttlTxt {
    color: #b09a71;
    font-family: "garamond-premier-pro", serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 1;
    padding: 15px 0 8px;
  }
  .ttlBox .ttlTxt span {
    color: #4e453c;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 1;
  }
  .ttlBox .ttlTxtSub {
    color: #4e453c;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 20px;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .shopContactArea {

    background: url(../../img/shopCommon/bgContact.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    padding: 95px 0 100px;
    text-align: center;
    width: 100%;
  }
  .shopContactArea .shopAddress {
    color: #ffffff;
    font-size: 16px;
    padding: 35px 16px 16px 16px;
  }
  .shopContactArea .mapBtn {
    margin: 0 auto 25px;
    width: 100px;
  }
  .shopContactArea .mapBtn a {
    font-family: "garamond-premier-pro", serif;
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
  }
  .shopContactArea .shopTel {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 24px;
    margin: 0 0 10px;
  }
  .shopContactArea .shopTime {
    color: #ffffff;
    font-size: 12px;
    margin: 0 0 40px;
  }
  .shopContactArea .btnArea {
    font-size: 0;
  }
  .shopContactArea .reserveBtn,
  .shopContactArea .contactBtn {
    background: url(../../img/shopCommon/icoArrow02.png) 270px center no-repeat;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px 16px 10px;
    vertical-align: top;
    width: 300px;
  }
  .shopContactArea .reserveBtn a {
    background: url(../../img/shopCommon/icoReserve.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea .contactBtn a {
    background: url(../../img/shopCommon/icoContact.png) 20px center no-repeat;
    text-align: center;
  }

  .shopContactArea .snsArea {
    text-align: center;
    margin-top:15px;
  }
  .shopContactArea .snsArea img {
    width: auto;
    height: 32px;
    margin: 20px 0 0;
    padding: 0 10px;
  }
}

/*----------------------------改装案内などあり--------------------------------*/
@media screen and (max-width: 768px) {
  .shopContactArea-re {
  /*
    background: url(../../img/shopCommon/bgContact.jpg) center center no-repeat;
    background-size: cover;
  */
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    padding: 95px 0 100px;
    text-align: center;
    width: 100%;
  }
  .shopContactArea-re .shopAddress {
    color: #ffffff;
    font-size: 16px;
    padding: 35px 0 15px;
  }
  .shopContactArea-re .mapBtn {
    margin: 0 auto 25px;
    width: 100px;
  }
  .shopContactArea-re .mapBtn a {
    font-family: "garamond-premier-pro", serif;
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
  }
  .shopContactArea-re .shopTel {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 24px;
    margin: 0 0 10px;
  }
  .shopContactArea-re .shopTime {
    color: #ffffff;
    font-size: 12px;
    margin: 0 0 40px;
  }
  .shopContactArea-re .btnArea {
    font-size: 0;
  }
  .shopContactArea-re .reserveBtn,
  .shopContactArea-re .contactBtn {
    background: url(../../img/shopCommon/icoArrow02.png) 270px center no-repeat;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: top;
    width: 300px;
  }
  .shopContactArea-re .reserveBtn a {
    background: url(../../img/shopCommon/icoReserve.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea-re .contactBtn a {
    background: url(../../img/shopCommon/icoContact.png) 20px center no-repeat;
    text-align: center;
  }
  .shopContactArea-re .attention{
    width:100%;
    background-color:rgba(255,249,250,0.7);
    margin:45px auto 0;
    border:1px solid #B82527;
    padding-top:20px;
    padding-bottom:20px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#B82527;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .footerLinkArea {
    background: #a18449;
    margin: 0 auto;
    max-width: 100%x;
    min-width: 100%;
    padding: 24px 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .footerWLogo {
    border-bottom: 1px solid #b49d6d;
    margin: 0 0 38px;
    padding: 0 0 18px;
  }
  .footerLink-l {
    float: left;
    padding: 0 0 0 20px;
    width: 294px;
  }
  .footerLink-r {
    float: right;
    padding: 1px 20px 0 0;
    width: 300px;
  }
  .footerLink-l li {
    font-size: 12px;
    margin: 0 0 14px;
    text-align: left;
  }
  .footerLink-l li a {
    background: url(../../img/shopCommon/icoArrow01.png) left 4px no-repeat;
    color: #ffffff;
    padding: 0 0 0 8px;
    text-decoration: none;
  }
  .footerLink-l li a:hover {
    text-decoration: underline;
  }
  .footerLink-r .snsList {
    font-size: 0;
    margin: 0 0 30px;
    text-align: right;
  }
  .footerLink-r .snsList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    font-size: 12px;
    margin: 0 0 0 20px;
    text-align: left;
    vertical-align: top;
  }
  .footerLink-r .footerBtnFacebook,
  .footerLink-r .footerBtnGuidance {
    border: 1px solid #ffffff;
    margin: 0 0 10px auto;
    width: 300px;
  }
  .footerLink-r .footerBtnFacebook a,
  .footerLink-r .footerBtnGuidance a {
    background: url(../../img/shopCommon/icoArrow01.png) 276px center no-repeat;
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 20px 0 20px 18px;
    position: relative;
    text-align: left;
    text-decoration: none;
  }
  .footerLink-r .footerBtnFacebook a {
    background: url(../../img/shopCommon/icoFacebook.png) 274px center no-repeat;
    background-size: auto 17px;
    padding: 9px 0 9px 18px;
  }
  .footerLink-r .footerBtnFacebook a span {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    line-height: 21px;
    vertical-align: middle;
  }
  .footerLink-r .footerTxtLink {
    text-align: right;
  }
  .footerLink-r .footerTxtLink a {
    color: #ffffff;
  }

  .pagetop {
    position: absolute;
    right: 0;
    top: -60px;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  footer {
    background: #ffffff;
    height: 100px;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    display:none;
  }
  .footerLogo,
  .linkList,
  .linkList li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: middle;
  }
  .footerLogo {
    font-size: 0;
    line-height: 100px;
    margin: 0 40px 0 20px;
  }
  .footerLogo img {
    vertical-align: middle;
  }
  .linkList {
    font-size: 0;
    text-align: right;
  }
  .linkList li {
    font-size: 12px;
    margin: 0 0 0 40px;
  }
  .linkList li a {
    color: #221715;
    text-decoration: none;
  }
  .linkList li a:hover {
    text-decoration: underline;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .copyArea {
    background: #4b4130;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    width: 100%;
  }
  .copyright {
    color: #ffffff;
    font-family: "garamond-premier-pro", serif;
    font-size: 10px;
    padding: 12px 0;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .conversionArea {
      background: rgba(161, 132, 73, .9);
      border: 1px solid #ffffff;
      bottom: 0;
      box-sizing: border-box;
      display: none;
      height: auto;
      position: fixed;
      width: 100%;
      z-index: 8;
  }
  .conversionArea .conversionBox {
      font-size: 0;
      padding: 0;
      text-align: center;
      width: 100%;
  }
  .conversionArea .conversionBox p.conversionBtn {
      border-left: 1px solid #bfab82;
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      box-sizing: border-box;
  }
  .conversionArea .conversionBox p.conversionBtn:first-child {
      border-left: none;
  }
  .conversionArea .conversionBox p.conversionBtn a {
      color: #ffffff;
      display: block;
      font-size: 12px;
      padding: 18px 0;
      text-align: center;
  }
  .conversionArea .conversionBox p.conversionBtn a span {
      display: inline-block;
      line-height: 14px;
      padding: 0 0 0 18%;
  }
  .conversionArea .conversionBox p.conversionBtn a span img {
      height: 14px;
      vertical-align: top;
      width: auto;
  }
  .conversionArea .conversionBox p.reservationBtn a {
      background-color: #a93737;
  }
  .conversionArea .conversionBox p.reservationBtn a span {
      background: url(/smp/assets/img/common/icoSchedule.png) 0 center no-repeat;
      background-size: 21px 14px;
  }
  .conversionArea .conversionBox p.phoneBtn a span {
      background: url(/smp/assets/img/common/icoPhone.png) 0 center no-repeat;
      background-size: 21px 14px;
  }
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .shopInfo .hs_notice{
    margin: 0 auto;
    width: 90%;
    padding: 10px 0;
    display: inline-block;
    background: #699baf url(../../img/common/icoArrow02.png) 97% no-repeat;
    background-size: 5px auto;
    border-radius: 3px;
  }
  .shopInfo .hs_notice a{
    text-decoration: none;
    text-align: center;
    color:#FFFFFF;
    font-size: 12px;
    line-height: 1.4;
  }
}