/*-------------------------------------------> button module */
a .btn_more_line::after {
  background-color: #b34c59; }
a .mod_linkPDF.brandColor {
  border-color: #b34c59;
  background: #b34c59;
  color: #FFF; }
  a .mod_linkPDF.brandColor .svg .svgWhite {
    fill: #FFF; }
@media screen and (min-width: 769px) {
  a:hover .mod_linkPDF {
    border: solid 4px #b34c59;
    background: #b34c59; }
  a:hover .mod_linkPDF.brandColor {
    border-color: #9a404c;
    background: #9a404c; } }

@media screen and (min-width: 769px) {
  .mod_anchorLink ul li a:hover {
    background: #b34c59; } }
#Artizan .mod_linkBlank a {
  background: #b34c59; }
  #Artizan .mod_linkBlank a:hover {
    background: #9a404c; }

/*-------------------------------------------> title module */
.mod_pageTitle .En::after {
  background: #b34c59; }

#Home #Header #Navi ul.mainNavi li.hm00 a,
#Home #Header #Navi ul.mainNavi li.hm00 a .En,
#Home #Header #Navi ul.mainNavi li.hm00 a .Ja,
#Stay #Header #Navi ul.mainNavi li.hm01 a,
#Stay #Header #Navi ul.mainNavi li.hm01 a .En,
#Stay #Header #Navi ul.mainNavi li.hm01 a .Ja,
#Activity #Header #Navi ul.mainNavi li.hm02 a,
#Activity #Header #Navi ul.mainNavi li.hm02 a .En,
#Activity #Header #Navi ul.mainNavi li.hm02 a .Ja,
#Restaurant #Header #Navi ul.mainNavi li.hm03 a,
#Restaurant #Header #Navi ul.mainNavi li.hm03 a .En,
#Restaurant #Header #Navi ul.mainNavi li.hm03 a .Ja,
#Access #Header #Navi ul.mainNavi li.hm07 a,
#Access #Header #Navi ul.mainNavi li.hm07 a .En,
#Access #Header #Navi ul.mainNavi li.hm07 a .Ja {
  color: #b34c59;
  pointer-events: none; }

/*-------------------------------------------> HEADER */
@media screen and (min-width: 769px) {
  #Header #Navi ul.mainNavi .hm01 {
    position: relative; }
    #Header #Navi ul.mainNavi .hm01 .concept .Ja {
      position: relative; }
      #Header #Navi ul.mainNavi .hm01 .concept .Ja::after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: url(/_assets/images/svg/icon_blank.svg) no-repeat center center;
        background-size: 10px 10px;
        position: absolute;
        right: 0;
        top: calc(50% - 5px); }
  #Header #Navi .pcHeader .subNavi .link li a {
    color: #040000; }
    #Header #Navi .pcHeader .subNavi .link li a .svg .svgWhite {
      fill: #b34c59; }
    #Header #Navi .pcHeader .subNavi .link li a:hover {
      color: #b34c59; }
  #Header #Navi .pcHeader .Reserve a {
    background: #b34c59; }
    #Header #Navi .pcHeader .Reserve a:hover {
      background: #9a404c; } }

/*-------------------------------------------> FOOTER */
@media screen and (max-width: 768px) {
  #SideCopy::before {
    background: url(/_assets/images/svg/naramachi_logo.svg) no-repeat center center;
    background-size: calc(180/750*100vw) calc(90/750*100vw); }
  #SideCopy p {
    padding-bottom: calc(235/750*100vw); } }

#Footer #SPfixBtn {
  background: #b34c59; }

/*-------------------------------------------> HOME */
#homeSlide .slide01 {
  background-image: url(/naramachi/_assets/images/home/slide01.jpg);
  background-size: cover; }
#homeSlide .slide02 {
  background-image: url(/naramachi/_assets/images/home/slide02.jpg);
  background-size: cover; }
#homeSlide .slide03 {
  background-image: url(/naramachi/_assets/images/home/slide03.jpg);
  background-size: cover; }
#homeSlide .slide04 {
  background-image: url(/naramachi/_assets/images/home/slide04.jpg);
  background-size: cover; }
@media screen and (min-width: 1200px) {
  #homeSlide .slide01 {
    background-image: url(/naramachi/_assets/images/home/slide01@2x.jpg);
    background-size: cover; }
  #homeSlide .slide02 {
    background-image: url(/naramachi/_assets/images/home/slide02@2x.jpg);
    background-size: cover; }
  #homeSlide .slide03 {
    background-image: url(/naramachi/_assets/images/home/slide03@2x.jpg);
    background-size: cover; }
  #homeSlide .slide04 {
    background-image: url(/naramachi/_assets/images/home/slide04@2x.jpg);
    background-size: cover; } }
@media screen and (max-width: 768px) {
  #homeSlide .slide01 {
    background-image: url(/naramachi/_assets/images/home/sp_slide01.jpg?v=20190212);
    background-size: cover; }
  #homeSlide .slide02 {
    background-image: url(/naramachi/_assets/images/home/sp_slide02.jpg);
    background-size: cover; }
  #homeSlide .slide03 {
    background-image: url(/naramachi/_assets/images/home/sp_slide03.jpg);
    background-size: cover; }
  #homeSlide .slide04 {
    background-image: url(/naramachi/_assets/images/home/sp_slide04.jpg);
    background-size: cover; } }

#HomeInfo ul li .label span {
  background: #b34c59; }

/*-------------------------------------------> STAY */
#Stay .listBlock {
  margin-top: 40px; }
  #Stay .listBlock:after {
    content: "";
    display: block;
    clear: both; }
  #Stay .listBlock li {
    width: calc(200/960*100%);
    max-width: 200px;
    margin-left: calc(53/960*100%); }
    @media screen and (min-width: 769px) {
      #Stay .listBlock li:nth-child(4n-3) {
        margin-left: 0; }
      #Stay .listBlock li:nth-of-type(-n+4) {
        margin-top: 0; } }
    @media screen and (max-width: 768px) {
      #Stay .listBlock li {
        width: calc(285/750*100vw);
        margin-left: calc(36/750*100vw);
        margin-top: calc(60/750*100vw); }
        #Stay .listBlock li:nth-child(odd) {
          margin-left: 0; }
        #Stay .listBlock li:nth-of-type(-n+2) {
          margin-top: 0; } }
#Stay #Cancel .mod_2column dl dd table th, #Stay #Cancel .mod_2column dl dd table td {
  white-space: nowrap; }

/*-------------------------------------------> Restaurant */
#Restaurant #Dinner .theme {
  align-items: flex-start; }
  #Restaurant #Dinner .theme .textArea .headCopy {
    font-size: 20px;
    line-height: 1.55em;
    letter-spacing: 0.18em; }
  #Restaurant #Dinner .theme .textArea .frame {
    border: solid 2px #b34c59; }
  #Restaurant #Dinner .theme .textArea .example dt {
    color: #b34c59; }
  #Restaurant #Dinner .theme .textArea .button {
    margin-top: 1.5em; }
  #Restaurant #Dinner .theme .slideArea {
    width: calc(452/960*100%);
    max-width: 452px; }
#Restaurant #Dinner #Special .theme {
  align-items: flex-end;
  flex-direction: row-reverse; }
  #Restaurant #Dinner #Special .theme .textArea {
    margin-right: 0;
    margin-left: 50px; }
    #Restaurant #Dinner #Special .theme .textArea .text {
      font-size: 20px;
      line-height: 1.75em;
      letter-spacing: 0.26em; }
    #Restaurant #Dinner #Special .theme .textArea .frame table th, #Restaurant #Dinner #Special .theme .textArea .frame table td {
      font-size: 12px;
      line-height: 1.5833333333em;
      letter-spacing: 0.12em;
      text-align: left;
      vertical-align: top; }
    #Restaurant #Dinner #Special .theme .textArea .frame table th {
      font-weight: normal;
      color: #b34c59;
      white-space: nowrap;
      text-align-last: justify;
      padding-right: 2em;
      text-align: center; }
  #Restaurant #Dinner #Special .theme .slideArea {
    width: calc(565/960*100%);
    max-width: 565px; }
#Restaurant #Concept .chef .headCopy .sign {
  font-size: 14px;
  line-height: 1.7142857143em;
  letter-spacing: 0.08em; }
  #Restaurant #Concept .chef .headCopy .sign small {
    font-size: 12px; }
  @media screen and (max-width: 768px) {
    #Restaurant #Concept .chef .headCopy .sign {
      font-size: 11px;
      /* legacy */
      font-size: 2.9333333333vw;
      line-height: 1.5909090909em;
      letter-spacing: 0.08em; }
      #Restaurant #Concept .chef .headCopy .sign small {
        font-size: inherit; } }
#Restaurant #Concept .chef .photo {
  width: 167px;
  background: url(/naramachi/_assets/images/restaurant/chef_01.jpg) no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #Restaurant #Concept .chef .photo {
      background: none; } }
@media screen and (max-width: 768px) {
  #Restaurant #Dinner .theme .textArea .headCopy {
    font-size: 16px;
    /* legacy */
    font-size: 4.2666666667vw;
    line-height: 1.5em;
    letter-spacing: 0.2em; }
  #Restaurant #Dinner .theme .slideArea {
    width: 100%;
    max-width: initial;
    text-align: right; }
  #Restaurant #Dinner #Special .theme {
    align-items: flex-end;
    flex-direction: column-reverse; }
    #Restaurant #Dinner #Special .theme .textArea {
      width: 100%;
      margin-right: 0;
      margin-left: 0;
      margin-top: calc(40/750*100vw); }
      #Restaurant #Dinner #Special .theme .textArea .text {
        font-size: 16px;
        /* legacy */
        font-size: 4.2666666667vw;
        line-height: 1.5em;
        letter-spacing: 0.26em; }
      #Restaurant #Dinner #Special .theme .textArea .frame table th, #Restaurant #Dinner #Special .theme .textArea .frame table td {
        font-size: 11px;
        /* legacy */
        font-size: 2.9333333333vw;
        line-height: 2em;
        letter-spacing: 0.08em; }
      #Restaurant #Dinner #Special .theme .textArea .frame table th {
        padding-right: 2em; }
    #Restaurant #Dinner #Special .theme .slideArea {
      width: 100%;
      max-width: initial; } }

/*-------------------------------------------> History */
#History .mod_headCopy {
  margin-bottom: 16px; }
  @media screen and (max-width: 768px) {
    #History .mod_headCopy {
      margin-bottom: 12px; } }
#History .readText {
  text-align: center;
  font-size: 12px;
  line-height: 2em;
  letter-spacing: 0.08em; }
  @media screen and (max-width: 768px) {
    #History .readText {
      font-size: 11px;
      /* legacy */
      font-size: 2.9333333333vw;
      line-height: 1.7272727273em;
      letter-spacing: 0.1em; } }
#History .roomBlock {
  margin-top: 74px; }
  #History .roomBlock + .roomBlock {
    margin-top: 74px; }
  #History .roomBlock .roomInfo dt {
    color: #040000;
    margin-bottom: 15px; }
    #History .roomBlock .roomInfo dt span {
      display: block; }
    #History .roomBlock .roomInfo dt .En {
      font-size: 24px;
      line-height: 1em;
      letter-spacing: 0.08em;
      border-bottom: solid 1px #040000;
      font-weight: 300;
      padding-bottom: 15px; }
    #History .roomBlock .roomInfo dt .Ja {
      font-size: 20px;
      line-height: 1em;
      letter-spacing: 0.08em;
      font-weight: normal;
      padding-top: 20px; }
  #History .roomBlock .roomInfo .text {
    font-size: 14px;
    line-height: 1.7142857143em;
    letter-spacing: 0.08em; }
    #History .roomBlock .roomInfo .text + .text {
      margin-top: 1.2em; }
  @media screen and (min-width: 1200px) {
    #History .roomBlock .sliderBox {
      width: 565px; }
    #History .roomBlock .roomInfo {
      width: 346px;
      margin-left: 49px; }
      #History .roomBlock .roomInfo .mod_btnBlack {
        margin-top: 76px; }
      #History .roomBlock .roomInfo .mod_btnLinkArrow {
        margin-top: 12px; } }
  @media screen and (min-width: 769px) {
    #History .roomBlock .mod_2column .sliderBox {
      width: calc(565/960*100%); }
      #History .roomBlock .mod_2column .sliderBox img {
        width: 100%;
        height: auto; }
    #History .roomBlock .mod_2column .roomInfo {
      flex: 1;
      margin-left: calc(49/960*100%); } }
  @media screen and (max-width: 768px) {
    #History .roomBlock {
      margin-top: calc(100/750*100vw); }
      #History .roomBlock .mod_sectionTitle {
        text-align: center; }
      #History .roomBlock + .roomBlock {
        margin-top: calc(100/750*100vw); }
      #History .roomBlock .roomInfo {
        margin-top: calc(50/750*100vw); }
        #History .roomBlock .roomInfo dt {
          font-size: 17px;
          /* legacy */
          font-size: 4.5333333333vw;
          line-height: 1.2352941176em;
          letter-spacing: 0.08em;
          margin-bottom: 18px; }
          #History .roomBlock .roomInfo dt .En {
            display: none; }
          #History .roomBlock .roomInfo dt .Ja {
            font-size: 17px;
            /* legacy */
            font-size: 4.5333333333vw;
            line-height: 1em;
            letter-spacing: 0.08em;
            padding-top: 0px; }
        #History .roomBlock .roomInfo .text {
          font-size: 11px;
          /* legacy */
          font-size: 2.9333333333vw;
          line-height: 1.7272727273em;
          letter-spacing: 0.08em; }
          #History .roomBlock .roomInfo .text + .text {
            margin-top: 1em; } }