@charset "UTF-8";

body {
   margin: 0;
   padding: 0;
   border: none
}

address, article, aside, blockquote, dd, dialog, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, img, li, nav, ol, p, section, textarea, ul {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   text-decoration: none;
   list-style-type: none
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
   display: block
}

h1, h2, h3, h4, h5, h6 {
   font-weight: inherit
}

table {
   border: none;
   border-collapse: collapse;
   border-spacing: 0
}

th {
   text-align: left;
   vertical-align: top
}

caption {
   text-align: left
}

a, a:active, a:focus, a:hover {
   outline: 0
}

input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover {
   outline: 0
}

img {
   vertical-align: top
}

.clearfix {
   zoom: 1
}

.clearfix:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

.slick-slider {
   position: relative;
   display: block;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: 0
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block
}

.slick-track:after, .slick-track:before {
   display: table;
   content: ''
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

body {
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/bg.png) repeat center top;
   color: #010202;
   font-family: source-han-serif-japanese, "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 14px;
   line-height: 2.15;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

a {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   color: #c30d23;
   text-decoration: underline
}

.noTouch a:hover {
   text-decoration: none
}

br.sp {
   display: none
}

.inlineblock {
   display: inline-block
}

.clip {
   position: relative
}

.clip:after, .clip:before {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   height: 1px;
   background: #c30d23
}

.clip_s:after, .clip_s:before {
   width: 58px
}

.clip_s:before {
   top: 10px
}

.clip_s:after {
   bottom: 10px
}

.clip_l:after, .clip_l:before {
   width: 100px
}

.clip_l:before {
   top: 15px
}

.clip_l:after {
   bottom: 15px
}

.clip_1:after, .clip_1:before {
   -moz-transform: rotate(315deg);
   -ms-transform: rotate(315deg);
   -webkit-transform: rotate(315deg);
   transform: rotate(315deg)
}

.clip_1.clip_s:before {
   left: -19px
}

.clip_1.clip_s:after {
   right: -19px
}

.clip_1.clip_l:before {
   left: -35px
}

.clip_1.clip_l:after {
   right: -35px
}

.clip_2:after, .clip_2:before {
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.clip_2.clip_s:before {
   right: -19px
}

.clip_2.clip_s:after {
   left: -19px
}

.clip_2.clip_l:before {
   right: -35px
}

.clip_2.clip_l:after {
   left: -35px
}

.illust {
   -webkit-transition: opacity 1s linear 0s;
   -moz-transition: opacity 1s linear 0s;
   -o-transition: opacity 1s linear 0s;
   -ms-transition: opacity 1s linear 0s;
   transition: opacity 1s linear 0s;
   position: absolute;
   z-index: -1;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   opacity: 0
}

.illust.show {
   opacity: 1
}

.illust_l_1 {
   left: -241px;
   width: 531px;
   height: 482px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_l-01.png)
}

.illust_l_2 {
   left: -36px;
   width: 311px;
   height: 185px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_l-02.png)
}

.illust_l_3 {
   left: -38px;
   width: 382px;
   height: 374px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_l-03.png)
}

.illust_l_4 {
   left: -67px;
   width: 298px;
   height: 457px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_l-04.png)
}

.illust_r_1 {
   right: -159px;
   width: 382px;
   height: 374px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_r-01.png)
}

.illust_r_2 {
   right: -20px;
   width: 298px;
   height: 457px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/illust_r-02.png)
}

@media only screen and (max-width:768px) {
   br.pc {
      display: none
   }

   br.sp {
      display: inline-block
   }

   .clip {
      position: relative
   }

   .clip:after, .clip:before {
      content: '';
      display: block;
      position: absolute;
      height: 1px;
      background: #c30d23
   }

   .clip_l:after, .clip_l:before {
      width: 58px
   }

   .clip_l:before {
      top: 10px
   }

   .clip_l:after {
      bottom: 10px
   }

   .clip_1.clip_l:before {
      left: -19px
   }

   .clip_1.clip_l:after {
      right: -19px
   }

   .clip_2.clip_l:before {
      right: -19px
   }

   .clip_2.clip_l:after {
      left: -19px
   }

   .illust_l_1 {
      left: -94px;
      width: 228px;
      height: 207px
   }

   .illust_l_2 {
      left: -136px;
      width: 249px;
      height: 148px
   }

   .illust_l_3 {
      left: -194px;
      width: 382px;
      height: 374px
   }

   .illust_l_4 {
      left: -184px;
      width: 298px;
      height: 457px
   }

   .illust_r_1 {
      right: -120px;
      width: 218px;
      height: 214px
   }

   .illust_r_2 {
      right: -61px;
      width: 139px;
      height: 213px
   }
}

#wrapper {
   overflow: hidden;
   min-width: 1280px
}

@media only screen and (max-width:768px) {
   #wrapper {
      min-width: auto
   }
}

.header {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
   height: 190px
}

.header .logo {
   position: absolute;
   top: 40px;
   left: 40px
}

.header .logo a {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   width: 120px;
   height: 117px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/nav_logo.svg) no-repeat center center
}

.header #navMENU {
   display: none
}

.header #gNav {
   position: absolute;
   right: 35px;
   bottom: 0
}

.header #gNav ul {
   zoom: 1;
   width: 280px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1
}

.header #gNav ul:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

.header #gNav ul li {
   float: left;
   -webkit-writing-mode: vertical-rl;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl
}

.header #gNav ul li a {
   display: block;
   position: relative;
   height: 150px;
   padding: 0 19px;
   color: #010202;
   text-decoration: none;
   letter-spacing: 10px
}

.header #gNav ul li a:after {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   content: '';
   display: block;
   position: absolute;
   left: 50%;
   bottom: 0;
   width: 1px;
   height: 0;
   background: #c30d23
}

.header #gNav ul li.on a, .noTouch .header #gNav ul li a:hover {
   color: #c30d23
}

.header #gNav ul li.on a:after, .noTouch .header #gNav ul li a:hover:after {
   height: 30px
}

.header #gNav .contact {
   display: none
}

@media only screen and (max-width:768px) {
   .header {
      height: auto
   }

   .header .logo {
      top: 8px;
      left: 20px;
      z-index: 10
   }

   .header .logo a {
      width: 70px;
      height: 69px;
      background-size: contain
   }

   .header #navMENU {
      display: block;
      overflow: hidden;
      text-indent: -5260px;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 10;
      width: 40px;
      height: 40px;
      background: #010202
   }

   .header #navMENU .line1, .header #navMENU .line2, .header #navMENU .line3 {
      -webkit-transition: all .2s linear 0s;
      -moz-transition: all .2s linear 0s;
      -o-transition: all .2s linear 0s;
      -ms-transition: all .2s linear 0s;
      transition: all .2s linear 0s;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 26px;
      height: 1px;
      margin-left: -13px;
      background: #fff
   }

   .header #navMENU .line1 {
      margin-top: -11px
   }

   .header #navMENU .line2 {
      margin-top: -1px
   }

   .header #navMENU .line3 {
      margin-top: 10px
   }

   .header #gNav {
      display: none;
      overflow: auto;
      position: fixed;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/bg.png) repeat center top;
      -webkit-overflow-scrolling: touch
   }

   .header #gNav .inner {
      box-sizing: border-box;
      position: relative;
      min-height: 100%;
      padding: 165px 0 155px
   }

   .header #gNav ul {
      width: 300px;
      height: 100%;
      min-height: 280px;
      margin: 0 auto;
      background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/bg-nav_sp.png) no-repeat center bottom;
      background-size: 263px auto;
      font-size: 24px
   }

   .header #gNav ul li a {
      height: 230px;
      padding: 0 18px;
      letter-spacing: 12px
   }

   .header #gNav ul li.on a:after, .noTouch .header #gNav ul li a:hover:after {
      height: 80px
   }

   .header #gNav .contact {
      display: block;
      position: absolute;
      bottom: 20px;
      left: 0;
      width: 100%;
      text-align: center
   }

   .header #gNav .contact .link {
      display: table;
      position: relative;
      margin: 0 auto;
      font-size: 20px;
      font-weight: 600;
      line-height: 1
   }

   .header #gNav .contact .link:after, .header #gNav .contact .link:before {
      content: '';
      display: block;
      position: absolute;
      right: 10px;
      left: 10px;
      height: 1px;
      background: #c30d23
   }

   .header #gNav .contact .link:before {
      top: 0
   }

   .header #gNav .contact .link:after {
      bottom: 0
   }

   .header #gNav .contact .link a {
      display: block;
      padding: 19px 20px;
      text-decoration: none
   }

   .header #gNav .contact .link a:after, .header #gNav .contact .link a:before {
      content: '';
      display: block;
      position: absolute;
      top: 1px;
      bottom: 1px;
      width: 1px;
      background: #c30d23
   }

   .header #gNav .contact .link a:before {
      left: 0
   }

   .header #gNav .contact .link a:after {
      right: 0
   }

   .header #gNav .contact .link a .tel {
      display: block;
      margin-top: 10px;
      font-size: 24px
   }

   .header #gNav .contact .link a .tel .num {
      font-size: 32px
   }

   .header #gNav .contact .caption {
      margin-top: 15px;
      font-size: 12px
   }

   .header.navOPEN #navMENU .line1 {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -1px
   }

   .header.navOPEN #navMENU .line2 {
      opacity: 0
   }

   .header.navOPEN #navMENU .line3 {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-top: -1px
   }
}

@media only screen and (max-width:374px) {
   .header #gNav .contact .link {
      font-size: 18px
   }

   .header #gNav .contact .link a .tel {
      font-size: 22px
   }

   .header #gNav .contact .link a .tel .num {
      font-size: 30px
   }

   .header #gNav .contact .caption {
      font-size: 10px
   }
}

#content {
   padding-top: 190px
}

#content #pageTitle {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   position: relative;
   height: 360px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover
}

#content #pageTitle:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center center
}

#content .section {
   position: relative;
   max-width: 1366px;
   margin: 0 auto;
   margin-top: 100px
}

#content .section:first-child {
   margin-top: 90px
}

#content .section .head {
   -webkit-writing-mode: vertical-rl;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   position: absolute;
   top: 0;
   z-index: 1
}

#content .section .head .ttl {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain
}

#content .section .head .txt {
   margin-right: 30px;
   padding-top: 20px;
   font-size: 16px;
   letter-spacing: 4px;
   white-space: nowrap
}

#content .section .body {
   position: relative;
   z-index: 1;
   width: 1000px;
   padding-top: 60px
}

#content .section .body img {
   max-width: 100%;
   height: auto
}

#content .section.head_left .head {
   right: 1070px
}

#content .section.head_left .body {
   margin-left: auto
}

#content .section.head_right .head {
   left: 1070px
}

#content .section .sub_ttl {
   position: relative;
   margin-bottom: 20px;
   padding: 4px 0 7px 36px;
   border-bottom: rgba(1, 2, 2, .1) solid 1px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5
}

#content .section .sub_ttl:before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   bottom: -12px;
   left: 20px;
   width: 1px;
   background: #c30d23
}

#content .section .sub_body {
   padding-left: 36px
}

#content .section .twocol {
   zoom: 1;
   padding-left: 60px
}

#content .section .twocol:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

#content .section .twocol .col {
   float: left;
   width: 50%;
   margin-left: 60px
}

#content .section .twocol .col:first-child {
   margin-left: -60px
}

@media only screen and (max-width:768px) {
   #content {
      padding-top: 94px
   }

   #content #pageTitle {
      height: 0;
      padding-bottom: 58.67%
   }

   #content .section {
      margin-top: 80px;
      padding: 0 20px
   }

   #content .section:first-child {
      margin-top: 70px
   }

   #content .section .head {
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      position: relative;
      top: auto;
      margin-bottom: 35px
   }

   #content .section .head .ttl {
      width: auto !important
   }

   #content .section .head .txt {
      margin-top: 20px;
      margin-right: 0;
      padding-top: 0;
      letter-spacing: 0;
      line-height: 30px;
      white-space: normal
   }

   #content .section .body {
      width: auto;
      padding-top: 0
   }

   #content .section .body .image_l {
      margin-right: -20px;
      margin-left: -20px
   }

   #content .section .body+.head {
      margin-top: 40px;
      margin-bottom: 0
   }

   #content .section.head_left .head {
      right: auto
   }

   #content .section.head_right .head {
      left: auto
   }

   #content .section .twocol {
      padding-left: 0
   }

   #content .section .twocol .col {
      float: none;
      width: auto;
      margin-left: 0
   }

   #content .section .twocol .col:first-child {
      margin-left: 0
   }
}

@media only screen and (max-width:374px) {
   #content #pageTitle {
      height: 220px;
      padding-bottom: 0
   }

   #content .section .sub_ttl {
      padding-left: 26px
   }

   #content .section .sub_ttl:before {
      left: 10px
   }

   #content .section .sub_body {
      padding-left: 26px
   }
}

#footer {
   position: relative;
   margin-top: 170px;
   padding-top: 60px;
   border-top: rgba(1, 2, 2, .1) solid 1px
}

#footer:after, #footer:before {
   content: '';
   display: block;
   position: absolute;
   z-index: -1
}

#footer:before {
   top: 65px;
   left: 50%;
   width: 438px;
   height: 491px;
   margin-left: -775px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/bg-footer_l.png) no-repeat center center
}

#footer:after {
   top: 73px;
   right: 50%;
   width: 500px;
   height: 455px;
   margin-right: -846px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/bg-footer_r.png) no-repeat center center
}

#footer #pageTop {
   -webkit-transition: opacity .2s linear 0s;
   -moz-transition: opacity .2s linear 0s;
   -o-transition: opacity .2s linear 0s;
   -ms-transition: opacity .2s linear 0s;
   transition: opacity .2s linear 0s;
   visibility: hidden;
   position: fixed;
   right: 72px;
   bottom: 40px;
   z-index: 5;
   opacity: 0
}

#footer #pageTop.show {
   visibility: visible;
   opacity: 1
}

#footer #pageTop.bottom {
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
   position: absolute;
   top: -40px;
   bottom: auto
}

#footer #pageTop a {
   -moz-transform-origin: right bottom;
   -ms-transform-origin: right bottom;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   display: block;
   position: relative;
   padding: 15px 0 15px 40px;
   color: #010202;
   font-size: 12px;
   font-weight: 600;
   line-height: 1;
   text-decoration: none
}

#footer #pageTop a:after, #footer #pageTop a:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   background: #010202
}

#footer #pageTop a:before {
   width: 30px;
   height: 1px
}

#footer #pageTop a:after {
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   width: 1px;
   height: 10px;
   margin: -3px 0 0 4px
}

#footer .logo {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   width: 200px;
   height: 195px;
   margin: 0 auto 40px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/nav_logo.svg) no-repeat center center;
   background-size: contain
}

#footer .address {
   margin-bottom: 30px;
   text-align: center
}

#footer .address dt {
   margin-bottom: 10px;
   font-size: 18px;
   line-height: 1;
   font-weight: 600
}

#footer .address dd .map {
   display: inline-block;
   position: relative;
   top: 5px;
   margin-left: 25px;
   padding: 4px 30px 4px 8px;
   color: #010202;
   font-size: 12px;
   line-height: 1;
   text-decoration: none;
   vertical-align: top
}

#footer .address dd .map:after, #footer .address dd .map:before {
   content: '';
   display: block;
   position: absolute;
   right: 4px;
   left: 4px;
   height: 1px;
   background: #010202
}

#footer .address dd .map:before {
   top: 0
}

#footer .address dd .map:after {
   bottom: 0
}

#footer .address dd .map span:after, #footer .address dd .map span:before {
   content: '';
   display: block;
   position: absolute;
   top: 1px;
   bottom: 1px;
   width: 1px;
   background: #010202
}

#footer .address dd .map span:before {
   left: 0
}

#footer .address dd .map span:after {
   right: 0
}

#footer .address dd .map i {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   display: block;
   position: absolute;
   top: 50%;
   right: 10px;
   width: 15px;
   height: 1px;
   background: #010202
}

#footer .address dd .map i:after {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   content: '';
   display: block;
   position: absolute;
   top: -6px;
   right: 4px;
   width: 1px;
   height: 10px;
   background: #010202
}

.noTouch #footer .address dd .map:hover {
   background: #010202;
   color: #fff
}

.noTouch #footer .address dd .map:hover i {
   background: #fff
}

.noTouch #footer .address dd .map:hover i:after {
   background: #fff
}

#footer .contact {
   text-align: center
}

#footer .contact .link {
   display: table;
   position: relative;
   margin: 0 auto;
   font-size: 20px;
   font-weight: 600;
   line-height: 1
}

#footer .contact .link:after, #footer .contact .link:before {
   content: '';
   display: block;
   position: absolute;
   right: 10px;
   left: 10px;
   height: 1px;
   background: #c30d23
}

#footer .contact .link:before {
   top: 0
}

#footer .contact .link:after {
   bottom: 0
}

#footer .contact .link a {
   display: block;
   padding: 14px 15px;
   text-decoration: none
}

#footer .contact .link a:after, #footer .contact .link a:before {
   content: '';
   display: block;
   position: absolute;
   top: 1px;
   bottom: 1px;
   width: 1px;
   background: #c30d23
}

#footer .contact .link a:before {
   left: 0
}

#footer .contact .link a:after {
   right: 0
}

#footer .contact .link a .tel {
   margin-left: 25px;
   font-size: 24px
}

#footer .contact .link a .tel .num {
   font-size: 32px
}

#footer .contact .caption {
   margin-top: 5px;
   font-size: 12px
}

#footer #copyright {
   margin-top: 50px;
   padding: 14px 0;
   background: #010202;
   color: #fff;
   font-size: 12px;
   line-height: 1;
   text-align: center
}

@media only screen and (max-width:768px) {
   #footer {
      margin-top: 180px;
      padding-top: 40px
   }

   #footer:after, #footer:before {
      background-size: contain
   }

   #footer:before {
      top: 127px;
      left: -154px;
      width: 328px;
      height: 368px;
      margin-left: 0
   }

   #footer:after {
      top: 294px;
      right: -170px;
      width: 285px;
      height: 259px;
      margin-right: 0
   }

   #footer #pageTop {
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      visibility: visible;
      position: absolute;
      top: -40px;
      right: 52px;
      bottom: auto;
      opacity: 1
   }

   #footer .logo {
      width: 150px;
      height: 146px
   }

   #footer .address {
      margin: 0 20px 30px;
      text-align: center
   }

   #footer .address dt {
      margin-bottom: 10px;
      font-size: 18px;
      line-height: 1;
      font-weight: 600
   }

   #footer .address dd {
      position: relative;
      padding-bottom: 45px
   }

   #footer .address dd .map {
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      top: auto;
      left: 50%;
      bottom: 0;
      margin-left: 0;
      padding: 9px 45px 9px 30px
   }

   #footer .contact .link a {
      padding: 19px 20px
   }

   #footer .contact .link a .tel {
      display: block;
      margin-top: 10px;
      margin-left: 0
   }

   #footer .contact .caption {
      margin-top: 15px
   }

   #footer #copyright {
      margin-top: 40px
   }
}

@media only screen and (max-width:374px) {
   #footer .contact .link {
      font-size: 18px
   }

   #footer .contact .link a .tel {
      font-size: 22px
   }

   #footer .contact .link a .tel .num {
      font-size: 30px
   }

   #footer .contact .caption {
      font-size: 10px
   }
}

body#top #header {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   visibility: hidden;
   opacity: 0
}

body#top #header.show {
   visibility: visible;
   opacity: 1
}

body#top #content {
   padding-top: 0
}

body#top #footer {
   margin-top: 270px
}

body#top #mainVisual {
   overflow: hidden;
   position: relative;
   height: 100vh;
   opacity: 0
}

body#top #mainVisual .header {
   position: absolute
}

body#top #mainVisual .header .logo {
   display: none
}

body#top #mainVisual .header #gNav ul li a {
   color: #fff !important
}

body#top #mainVisual .header #gNav ul li a:after {
   background: #fff
}

body#top #mainVisual .copy {
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   width: 150px
}

body#top #mainVisual .copy .logo {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   height: 146px;
   margin-bottom: 30px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/main_logo.png) no-repeat center center;
   background-size: 150px 146px
}

body#top #mainVisual .copy .txt {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   height: 307px;
   background: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/main_text.png) no-repeat center center;
   background-size: 84px 307px
}

body#top #mainVisual .slider {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   width: 100%;
   height: 100%
}

body#top #mainVisual .slider .slick-list, body#top #mainVisual .slider .slick-track {
   height: 100%;
   z-index: 0
}

body#top #mainVisual .slider .item {
   position: relative;
   width: 100%;
   height: 100%
}

body#top #mainVisual .slider .item .img {
   position: absolute;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover
}

body#top #mainVisual .slider .item .img img {
   visibility: hidden;
   position: absolute;
   top: 0;
   width: 0;
   height: 0;
   opacity: 0
}

body#top #mainVisual .slider .item .img.sp {
   visibility: hidden
}

body#top #mainVisual .slider .slick-dots {
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   position: absolute;
   top: 50%;
   left: 30px;
   z-index: 1
}

body#top #mainVisual .slider .slick-dots li button {
   display: block;
   overflow: hidden;
   text-indent: -5260px;
   position: relative;
   width: 30px;
   height: 21px;
   margin: 0;
   border: none;
   border-radius: 0;
   background: 0 0;
   outline: 0
}

body#top #mainVisual .slider .slick-dots li button:after {
   content: '';
   display: block;
   position: absolute;
   top: 10px;
   left: 10px;
   width: 10px;
   height: 1px;
   background: #fff;
   text-indent: 0
}

body#top #mainVisual .slider .slick-dots li.slick-active button:after {
   background: #c30d23
}

body#top #mainVisual .scroll {
   -moz-transform-origin: right bottom;
   -ms-transform-origin: right bottom;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -moz-transform: translateX(-100%) rotate(90deg);
   -ms-transform: translateX(-100%) rotate(90deg);
   -webkit-transform: translateX(-100%) rotate(90deg);
   transform: translateX(-100%) rotate(90deg);
   position: absolute;
   bottom: 0;
   left: 40px;
   padding-right: 40px;
   color: #fff;
   font-size: 12px;
   font-weight: 600;
   line-height: 1
}

body#top #mainVisual .scroll:after, body#top #mainVisual .scroll:before {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   background: #fff
}

body#top #mainVisual .scroll:before {
   width: 30px;
   height: 1px
}

body#top #mainVisual .scroll:after {
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   width: 1px;
   height: 10px;
   margin: -6px 4px 0 0
}

body#top .section {
   margin-top: 120px
}

body#top .section .head .link {
   position: absolute;
   right: 7px;
   line-height: 1;
   letter-spacing: 4px;
   white-space: nowrap
}

body#top .section .head .link:after, body#top .section .head .link:before {
   content: '';
   display: block;
   position: absolute;
   right: 1px;
   left: 1px;
   height: 1px;
   background: #c30d23
}

body#top .section .head .link:before {
   top: 0
}

body#top .section .head .link:after {
   bottom: 0
}

body#top .section .head .link a {
   display: block;
   padding: 10px 6px 25px;
   text-decoration: none
}

body#top .section .head .link a:after, body#top .section .head .link a:before {
   content: '';
   display: block;
   position: absolute;
   top: 4px;
   bottom: 4px;
   width: 1px;
   background: #c30d23
}

body#top .section .head .link a:before {
   left: 0
}

body#top .section .head .link a:after {
   right: 0
}

body#top .section .head .link a .arw {
   display: block;
   position: absolute;
   right: 50%;
   bottom: 7px
}

body#top .section .head .link a .arw:after, body#top .section .head .link a .arw:before {
   -webkit-writing-mode: horizontal-tb;
   -ms-writing-mode: lr-tb;
   writing-mode: horizontal-tb;
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   background: #c30d23
}

body#top .section .head .link a .arw:before {
   width: 1px;
   height: 15px
}

body#top .section .head .link a .arw:after {
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   width: 10px;
   height: 1px;
   margin: 0 0 4px -3px
}

.noTouch body#top .section .head .link a:hover {
   background: #c30d23;
   color: #fff
}

.noTouch body#top .section .head .link a:hover .arw:after, .noTouch body#top .section .head .link a:hover .arw:before {
   background: #fff
}

body#top .news-ection {
   margin-top: 260px
}

body#top .news-ection .head .ttl {
   width: 41px;
   height: 179px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-news.png)
}

body#top .news-ection .head .link {
   top: 220px
}

body#top .news-ection .entry {
   box-sizing: border-box;
   display: table;
   width: 800px;
   padding: 30px;
   background: #fff;
   color: #010202;
   text-decoration: none
}

body#top .news-ection .entry .image {
   display: table-cell;
   width: 280px;
   vertical-align: top
}

body#top .news-ection .entry .image img {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   width: 100%;
   height: auto
}

body#top .news-ection .entry .text {
   display: table-cell;
   padding-left: 20px;
   vertical-align: top
}

body#top .news-ection .entry .text .category {
   zoom: 1
}

body#top .news-ection .entry .text .category:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#top .news-ection .entry .text .category li {
   float: left;
   margin: 0 1px 1px 0;
   padding: 4px 5px;
   background: #010202;
   color: #fff;
   font-size: 12px;
   line-height: 1
}

body#top .news-ection .entry .text .date {
   margin-top: 10px
}

body#top .news-ection .entry .text .ttl {
   margin-top: 5px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.88
}

.noTouch body#top .news-ection .entry:hover .image img {
   opacity: .75
}

body#top .news-ection .illust_l_1 {
   bottom: -197px
}

body#top .news-ection .illust_r_1 {
   bottom: -108px
}

body#top .food-section .head .ttl {
   width: 41px;
   height: 139px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-food.png)
}

body#top .food-section .head .link {
   top: 180px
}

body#top .food-section .illust_r_2 {
   bottom: -202px
}

body#top .drink-section .head .ttl {
   width: 41px;
   height: 136px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-drink.png)
}

body#top .drink-section .head .link {
   top: 180px
}

body#top .drink-section .illust_l_2 {
   bottom: -112px
}

@media only screen and (max-width:768px) {
   body#top #header {
      visibility: visible;
      opacity: 1
   }

   body#top #header .logo {
      -webkit-transition: all .2s linear 0s;
      -moz-transition: all .2s linear 0s;
      -o-transition: all .2s linear 0s;
      -ms-transition: all .2s linear 0s;
      transition: all .2s linear 0s;
      visibility: hidden;
      opacity: 0
   }

   body#top #header.navOPEN .logo, body#top #header.show .logo {
      visibility: visible;
      opacity: 1
   }

   body#top #footer {
      margin-top: 200px
   }

   body#top #mainVisual .header {
      display: none
   }

   body#top #mainVisual .slider .item .img.pc {
      visibility: hidden
   }

   body#top #mainVisual .slider .item .img.sp {
      visibility: visible
   }

   body#top #mainVisual .slider .slick-dots {
      left: 10px
   }

   body#top #mainVisual .scroll {
      left: 20px
   }

   body#top .section {
      margin-top: 60px
   }

   body#top .section .head .txt {
      text-align: center
   }

   body#top .section .head .link {
      display: table;
      position: relative;
      top: auto !important;
      right: auto;
      margin: 20px auto 0;
      letter-spacing: 0
   }

   body#top .section .head .link:after, body#top .section .head .link:before {
      right: 4px;
      left: 4px
   }

   body#top .section .head .link a {
      display: block;
      padding: 13px 60px;
      text-decoration: none
   }

   body#top .section .head .link a:after, body#top .section .head .link a:before {
      top: 1px;
      bottom: 1px
   }

   body#top .section .head .link a .arw {
      top: 50%;
      right: 10px;
      bottom: auto
   }

   body#top .section .head .link a .arw:after, body#top .section .head .link a .arw:before {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto
   }

   body#top .section .head .link a .arw:before {
      width: 15px;
      height: 1px
   }

   body#top .section .head .link a .arw:after {
      width: 1px;
      height: 10px;
      margin: -6px 4px 0 0
   }

   body#top .news-ection {
      margin-top: 160px;
      padding-bottom: 70px
   }

   body#top .news-ection .head {
      position: static
   }

   body#top .news-ection .head .ttl {
      height: 35px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-news_sp.png)
   }

   body#top .news-ection .head .link {
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      top: auto;
      bottom: 0;
      left: 50%
   }

   body#top .news-ection .entry {
      display: block;
      width: auto
   }

   body#top .news-ection .entry .image {
      display: block;
      width: auto
   }

   body#top .news-ection .entry .text {
      display: block;
      margin-top: 20px;
      padding-left: 0
   }

   body#top .news-ection .illust_l_1 {
      bottom: -136px
   }

   body#top .news-ection .illust_r_1 {
      top: -50px;
      bottom: auto
   }

   body#top .food-section .head .ttl {
      height: 42px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-food_sp.png)
   }

   body#top .food-section .illust_r_2 {
      bottom: -77px
   }

   body#top .drink-section .head .ttl {
      height: 39px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/top/title-drink_sp.png)
   }

   body#top .drink-section .illust_l_2 {
      bottom: -62px
   }
}

body#news #pageTitle {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/news/bg-pagetitle.png)
}

body#news #pageTitle:after {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/news/pagetitle.png);
   background-size: 41px 164px
}

body#news .archives {
   padding: 25px 0;
   background: rgba(155, 155, 155, .1);
   text-align: center
}

body#news .archives .archive {
   display: inline-table;
   vertical-align: top
}

body#news .archives .archive+.archive {
   margin-left: 40px
}

body#news .archives .archive dd, body#news .archives .archive dt {
   display: table-cell;
   vertical-align: middle
}

body#news .archives .archive dt {
   padding-right: 15px
}

body#news .archives .archive dd .select {
   position: relative;
   width: 200px;
   border: rgba(183, 183, 183, .6) solid 1px;
   background: rgba(255, 255, 255, .6)
}

body#news .archives .archive dd .select:after, body#news .archives .archive dd .select:before {
   content: '';
   display: block;
   position: absolute;
   z-index: 0;
   top: 50%;
   right: 10px;
   background: #c30d23
}

body#news .archives .archive dd .select:before {
   width: 1px;
   height: 20px;
   margin-top: -10px
}

body#news .archives .archive dd .select:after {
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   width: 10px;
   height: 1px;
   margin-top: 5px;
   margin-right: -6px
}

body#news .archives .archive dd .select select {
   -moz-appearance: none;
   -webkit-appearance: none;
   box-sizing: border-box;
   display: block;
   position: relative;
   z-index: 1;
   width: 100%;
   height: 28px;
   margin: 0;
   padding: 0 2.4rem 0 .9rem;
   border: none;
   border-radius: 0;
   background: 0 0;
   color: #666;
   font-family: source-han-serif-japanese, "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 12px;
   line-height: 1;
   outline: 0;
   cursor: pointer
}

body#news .archives .archive dd .select select::-ms-expand {
   display: none
}

body#news .section {
   margin-top: 80px
}

body#news .archive-ttl {
   margin-bottom: 60px;
   font-size: 24px;
   font-weight: 600;
   line-height: 1.17;
   text-align: center
}

body#news .news-list {
   zoom: 1;
   width: 1020px;
   margin: 0 auto;
   padding-left: 100px
}

body#news .news-list:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#news .news-list .item {
   float: left;
   width: 340px;
   margin: 50px 0 0 50px
}

body#news .news-list .item:nth-child(3n+1) {
   clear: left;
   margin-left: -100px
}

body#news .news-list .item:nth-child(-n+3) {
   margin-top: 0
}

body#news .news-list .item a {
   box-sizing: border-box;
   display: block;
   padding: 30px;
   background: #fff;
   color: #010202;
   text-decoration: none
}

body#news .news-list .item a .image {
   margin-bottom: 20px
}

body#news .news-list .item a .image img {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   width: 100%;
   height: auto
}

body#news .news-list .item a .text .category {
   zoom: 1
}

body#news .news-list .item a .text .category:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#news .news-list .item a .text .category li {
   float: left;
   margin: 0 1px 1px 0;
   padding: 4px 5px;
   background: #010202;
   color: #fff;
   font-size: 12px;
   line-height: 1
}

body#news .news-list .item a .text .date {
   margin-top: 10px
}

body#news .news-list .item a .text .ttl {
   margin-top: 5px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.88
}

.noTouch body#news .news-list .item a:hover .image img {
   opacity: .75
}

body#news .entry {
   box-sizing: border-box;
   max-width: 900px;
   margin: 80px auto 0;
   padding: 40px;
   background: #fff
}

body#news .entry .head {
   margin-bottom: 30px
}

body#news .entry .head .category {
   zoom: 1;
   float: left;
   margin-right: 15px
}

body#news .entry .head .category:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#news .entry .head .category li {
   float: left;
   margin: 0 1px 1px 0;
   padding: 4px 5px;
   background: #010202;
   color: #fff;
   font-size: 12px;
   line-height: 1
}

body#news .entry .head .date {
   margin-bottom: 15px;
   padding: 3px 0;
   line-height: 1
}

body#news .entry .head .ttl {
   clear: both;
   font-size: 24px;
   font-weight: 600;
   line-height: 1.5
}

body#news .entry .body p {
   margin-top: 2.15em
}

body#news .entry .body h4 {
   margin: 50px 0 30px;
   padding-bottom: 10px;
   border-bottom: #c30d23 solid 1px;
   color: #c30d23;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5
}

body#news .entry .body h4+h5, body#news .entry .body h4+p {
   margin-top: 0
}

body#news .entry .body h5 {
   margin: 30px 0 10px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.5
}

body#news .entry .body h5+p {
   margin-top: 0
}

body#news .entry .body hr.clear {
   display: block;
   clear: both;
   height: 0;
   margin: 0;
   padding: 0;
   border: none;
   background: 0 0
}

body#news .entry .body :first-child {
   margin-top: 0 !important
}

body#news .entry .body img {
   max-width: 100%;
   height: auto
}

body#news .entry .body .alignleft {
   float: left;
   width: 400px;
   margin-right: 30px;
   margin-bottom: 10px
}

body#news .entry .body .alignright {
   float: right;
   width: 400px;
   margin-left: 30px;
   margin-bottom: 10px
}

body#news .entry .body .aligncenter {
   display: block;
   margin-right: auto;
   margin-left: auto;
   text-align: center
}

body#news .pagination {
   margin-top: 70px;
   line-height: 1
}

body#news .pagination .list {
   display: table;
   margin: 0 auto
}

body#news .pagination .list li {
   display: table-cell;
   padding: 0 10px;
   vertical-align: top
}

body#news .pagination .list li.more.sp {
   display: none
}

body#news .pagination .list li.more {
   padding: 0 5px
}

body#news .pagination .list li a {
   box-sizing: border-box;
   display: block;
   position: relative;
   min-width: 20px;
   padding: 2px 0;
   border: #010202 solid 1px;
   color: #010202;
   text-align: center;
   text-decoration: none
}

.noTouch body#news .pagination .list li a:hover, body#news .pagination .list li.on a {
   background: #010202;
   color: #fff
}

body#news .pager {
   position: relative;
   max-width: 900px;
   margin: 60px auto 0;
   line-height: 1
}

body#news .pager a {
   display: block;
   position: relative;
   padding-top: 3px;
   padding-bottom: 3px;
   color: #010202;
   text-decoration: none
}

body#news .pager a:before {
   -webkit-transition: all .2s linear 0s;
   -moz-transition: all .2s linear 0s;
   -o-transition: all .2s linear 0s;
   -ms-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   content: '';
   box-sizing: border-box;
   position: absolute;
   top: 0;
   width: 20px;
   height: 20px;
   padding: 2px 0;
   border: #010202 solid 1px;
   text-align: center
}

.noTouch body#news .pager a:hover:before {
   background-color: #010202;
   color: #fff
}

body#news .pager .prev {
   position: absolute;
   top: 0;
   left: 0
}

body#news .pager .prev a {
   padding-left: 30px
}

body#news .pager .prev a:before {
   content: '<';
   left: 0
}

body#news .pager .back {
   display: table;
   margin: 0 auto
}

body#news .pager .back a {
   padding-left: 30px
}

body#news .pager .back a:before {
   left: 0;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/icon-back.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 10px 10px
}

.noTouch body#news .pager .back a:hover:before {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/common/icon-back_ov.svg)
}

body#news .pager .next {
   position: absolute;
   top: 0;
   right: 0
}

body#news .pager .next a {
   padding-right: 30px
}

body#news .pager .next a:before {
   content: '>';
   right: 0
}

@media only screen and (max-width:768px) {
   body#news #pageTitle {
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/news/bg-pagetitle_sp.png)
   }

   body#news .archives {
      padding: 30px 0;
      text-align: left
   }

   body#news .archives .archive {
      display: table;
      margin: 0 auto
   }

   body#news .archives .archive+.archive {
      margin: 20px auto 0
   }

   body#news .archives .archive dd, body#news .archives .archive dt {
      display: table-cell;
      vertical-align: middle
   }

   body#news .archives .archive dt {
      width: 85px;
      padding-right: 0
   }

   body#news .section {
      margin-top: 60px
   }

   body#news .archive-ttl {
      margin-bottom: 40px
   }

   body#news .news-list {
      width: auto;
      padding-left: 0
   }

   body#news .news-list .item {
      float: none;
      width: auto;
      margin: 30px 0 0
   }

   body#news .news-list .item:nth-child(3n+1) {
      margin-left: 0
   }

   body#news .news-list .item:nth-child(-n+3) {
      margin-top: 30px
   }

   body#news .news-list .item:first-child {
      margin-top: 0
   }

   body#news .entry {
      margin: 70px 20px 0;
      padding: 30px
   }

   body#news .entry .head {
      margin-bottom: 20px
   }

   body#news .entry .head .ttl {
      font-size: 20px
   }

   body#news .entry .body p {
      margin-top: 1.08em
   }

   body#news .entry .body h4 {
      margin: 40px 0 20px;
      padding-bottom: 5px
   }

   body#news .entry .body h5 {
      margin: 20px 0 5px
   }

   body#news .entry .body img {
      display: block !important;
      float: none !important;
      width: auto !important;
      margin: 0 auto !important
   }

   body#news .pagination {
      margin-top: 40px
   }

   body#news .pagination .list li {
      display: none;
      padding: 0 7px
   }

   body#news .pagination .list li.more.sp, body#news .pagination .list li.next, body#news .pagination .list li.on, body#news .pagination .list li.prev, body#news .pagination .list li.spshow {
      display: table-cell
   }

   body#news .pagination .list li.more {
      padding: 0
   }

   body#news .pager {
      margin: 40px 20px 0
   }

   body#news .pager .prev a {
      padding-left: 25px
   }

   body#news .pager .back a {
      padding-left: 25px
   }

   body#news .pager .next a {
      padding-right: 25px
   }
}

body#food #pageTitle {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/bg-pagetitle.png)
}

body#food #pageTitle:after {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/pagetitle.png);
   background-size: 41px 139px
}

body#food .lunch-section .head .ttl {
   width: 32px;
   height: 130px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-lunch.png)
}

body#food .lunch-section .body-inner {
   width: 700px
}

body#food .lunch-section .lead {
   margin-bottom: 50px
}

body#food .lunch-section .lead .lunchtime {
   font-size: 16px
}

body#food .lunch-section .lead .lunchtime .time {
   font-size: 18px;
   font-weight: 600
}

body#food .lunch-section .lunch-menu+.lunch-menu {
   margin-top: 70px
}

body#food .lunch-section .lunch-menu .image {
   margin-bottom: 15px
}

body#food .lunch-section .lunch-menu .text dt {
   margin-bottom: 5px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5
}

body#food .lunch-section .lunch-menu .text dt .limit {
   font-size: 14px
}

body#food .lunch-section .lunch-menu .text dt .price {
   color: #c30d23
}

body#food .lunch-section .lunch-menu .text dt .price .tax {
   font-size: 14px;
   font-weight: 400
}

body#food .lunch-section .illust_l_1 {
   bottom: -100px
}

body#food .lunch-section .illust_r_1 {
   top: -40px
}

body#food .blowfish-section .head .ttl {
   width: 43px;
   height: 588px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-blowfish.png)
}

body#food .blowfish-section .blowfish-menu {
   width: 1100px;
   margin: 60px auto 0
}

body#food .blowfish-section .course {
   zoom: 1
}

body#food .blowfish-section .course:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#food .blowfish-section .course dl {
   float: left;
   margin-left: 60px
}

body#food .blowfish-section .course dl:first-child {
   margin-left: 0
}

body#food .blowfish-section .course dl dt {
   color: #c30d23;
   font-size: 16px;
   font-weight: 600
}

body#food .blowfish-section .alacarte {
   display: table
}

body#food .blowfish-section .alacarte dl {
   display: table-row
}

body#food .blowfish-section .alacarte dl dd, body#food .blowfish-section .alacarte dl dt {
   display: table-cell;
   padding-top: 10px;
   vertical-align: top
}

body#food .blowfish-section .alacarte dl dt {
   padding-right: 40px
}

body#food .blowfish-section .alacarte dl dd {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.88;
   text-align: right
}

body#food .blowfish-section .alacarte dl:first-child dd, body#food .blowfish-section .alacarte dl:first-child dt {
   padding-top: 0
}

body#food .blowfish-section .illust_r_2 {
   bottom: -120px
}

body#food .menu-section .head .ttl {
   width: 43px;
   height: 185px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-menu.png)
}

body#food .menu-section .body-inner {
   width: 860px
}

body#food .menu-section .recommend-menu dt {
   margin: 20px 0 5px;
   color: #c30d23;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.5
}

body#food .menu-section .recommend-menu dt:first-child {
   margin-top: 0
}

body#food .menu-section .menu-block+.menu-block {
   margin-top: 60px
}

body#food .menu-section .menu-block .image {
   position: relative;
   margin-bottom: 30px
}

body#food .menu-section .menu-block .image .caption {
   position: absolute;
   right: 10px;
   bottom: 10px;
   color: #fff;
   font-size: 12px;
   font-weight: 600
}

body#food .menu-section .menu-block .image+.sub_ttl:before {
   top: -70px
}

body#food .menu-section .menu-block .menu-list li {
   position: relative;
   margin-top: 10px
}

body#food .menu-section .menu-block .menu-list li:first-child {
   margin-top: 0
}

body#food .menu-section .menu-block .menu-list li .caption {
   display: block;
   font-size: 12px;
   line-height: 1.67
}

body#food .menu-section .menu-block .menu-list li .price {
   position: absolute;
   top: 0;
   right: 15px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.88
}

body#food .menu-section .menu-block .menu-list-twocol {
   zoom: 1
}

body#food .menu-section .menu-block .menu-list-twocol:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#food .menu-section .menu-block .menu-list-twocol li {
   width: 364px
}

body#food .menu-section .menu-block .menu-list-twocol li:nth-child(odd) {
   float: left
}

body#food .menu-section .menu-block .menu-list-twocol li:nth-child(even) {
   float: right
}

body#food .menu-section .menu-block .menu-list-twocol li:nth-child(2) {
   margin-top: 0
}

body#food .menu-section .menu-block .menu-list-twocol li.clear {
   clear: both
}

body#food .menu-section .illust_l_2 {
   top: 197px
}

body#food .menu-section .illust_l_3 {
   top: 1090px
}

body#food .menu-section .illust_l_4 {
   bottom: -40px
}

body#food .tax-text {
   position: relative;
   width: 1100px;
   margin: 100px auto 0;
   padding: 20px 15px;
   line-height: 1.43;
   text-align: center
}

body#food .tax-text:after, body#food .tax-text:before {
   content: '';
   display: block;
   position: absolute;
   right: 10px;
   left: 10px;
   height: 1px;
   background: #010202
}

body#food .tax-text:before {
   top: 0
}

body#food .tax-text:after {
   bottom: 0
}

body#food .tax-text span:after, body#food .tax-text span:before {
   content: '';
   display: block;
   position: absolute;
   top: 1px;
   bottom: 1px;
   width: 1px;
   background: #010202
}

body#food .tax-text span:before {
   left: 0
}

body#food .tax-text span:after {
   right: 0
}

@media only screen and (max-width:768px) {
   body#food #pageTitle {
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/bg-pagetitle_sp.png)
   }

   body#food .lunch-section .head .ttl {
      height: 28px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-lunch_sp.png)
   }

   body#food .lunch-section .body-inner {
      width: auto
   }

   body#food .lunch-section .lead {
      margin-bottom: 40px
   }

   body#food .lunch-section .lunch-menu+.lunch-menu {
      margin-top: 40px
   }

   body#food .lunch-section .lunch-menu .text dt .price {
      display: inline-block
   }

   body#food .lunch-section .illust_l_1 {
      left: -130px;
      bottom: -230px
   }

   body#food .lunch-section .illust_r_1 {
      top: -130px;
      right: -110px
   }

   body#food .blowfish-section .head .ttl {
      height: 93px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-blowfish_sp.png)
   }

   body#food .blowfish-section .blowfish-menu {
      width: auto;
      margin-top: 40px
   }

   body#food .blowfish-section .blowfish-menu .twocol .col+.col {
      margin-top: 40px
   }

   body#food .blowfish-section .course dl {
      float: left;
      width: 50%;
      margin-top: 20px;
      margin-left: 0
   }

   body#food .blowfish-section .course dl:first-child {
      margin-left: 0
   }

   body#food .blowfish-section .course dl:nth-child(odd) {
      clear: left
   }

   body#food .blowfish-section .course dl:nth-child(-n+2) {
      margin-top: 0
   }

   body#food .blowfish-section .alacarte {
      width: 100%
   }

   body#food .blowfish-section .illust_r_2 {
      bottom: 100px
   }

   body#food .menu-section .head .ttl {
      height: 37px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/food/title-menu_sp.png)
   }

   body#food .menu-section .body-inner {
      width: auto
   }

   body#food .menu-section .menu-block+.menu-block {
      margin-top: 40px
   }

   body#food .menu-section .menu-block .twocol .col+.col {
      margin-top: 40px
   }

   body#food .menu-section .menu-block .image {
      margin-bottom: 20px
   }

   body#food .menu-section .menu-block .image+.sub_ttl:before {
      top: -50px
   }

   body#food .menu-section .menu-block .menu-list-twocol {
      zoom: 1
   }

   body#food .menu-section .menu-block .menu-list-twocol:after {
      content: '';
      display: block;
      clear: both;
      height: 0
   }

   body#food .menu-section .menu-block .menu-list-twocol li {
      width: auto
   }

   body#food .menu-section .menu-block .menu-list-twocol li:nth-child(odd) {
      float: none
   }

   body#food .menu-section .menu-block .menu-list-twocol li:nth-child(even) {
      float: none
   }

   body#food .menu-section .menu-block .menu-list-twocol li:nth-child(2) {
      margin-top: 10px
   }

   body#food .menu-section .illust_l_2 {
      top: -60px
   }

   body#food .menu-section .illust_l_3 {
      top: 1070px
   }

   body#food .menu-section .illust_l_4 {
      bottom: -10px
   }

   body#food .tax-text {
      position: relative;
      width: auto;
      margin: 40px 20px 0
   }
}

@media only screen and (max-width:374px) {
   body#food .menu-section .menu-block .menu-list li .price {
      right: 5px;
      font-size: 14px;
      line-height: 2.15
   }
}

body#drink #pageTitle {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/bg-pagetitle.png)
}

body#drink #pageTitle:after {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/pagetitle.png);
   background-size: 41px 136px
}

body#drink .sake-section .head .ttl {
   width: 40px;
   height: 132px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-sake.png)
}

body#drink .sake-section .illust_l_1 {
   bottom: -150px
}

body#drink .shochu-section .head .ttl {
   width: 42px;
   height: 89px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-shochu.png)
}

body#drink .shochu-section .illust_r_2 {
   top: 60px
}

body#drink .recommend-section .head .ttl {
   width: 31px;
   height: 179px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-recommend.png)
}

body#drink .recommend-section .body-inner {
   width: 860px
}

body#drink .recommend-section .illust_l_2 {
   top: -160px
}

body#drink .standard-section .head .ttl {
   width: 44px;
   height: 285px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-standard.png)
}

body#drink .standard-section .body-inner {
   width: 860px
}

body#drink .standard-section .illust_l_4 {
   bottom: -30px
}

body#drink .standard-section .illust_r_2 {
   display: none
}

body#drink .pickup-menu-list {
   width: 700px
}

body#drink .pickup-menu-list li {
   position: relative;
   display: table;
   width: 100%
}

body#drink .pickup-menu-list li+li {
   margin-top: 30px
}

body#drink .pickup-menu-list li .area {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 55px;
   padding: 16px 0 15px;
   background: #010202;
   color: #fff;
   line-height: 1;
   text-align: center
}

body#drink .pickup-menu-list li .area+.txt {
   height: 45px;
   padding-left: 70px
}

body#drink .pickup-menu-list li .txt {
   display: table-cell;
   vertical-align: middle
}

body#drink .pickup-menu-list li .txt .name {
   display: block;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5
}

body#drink .pickup-menu-list li .txt .caption {
   display: block;
   margin-bottom: -2px;
   font-size: 12px;
   line-height: 1.67
}

body#drink .pickup-menu-list li .price {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5
}

body#drink .pickup-menu-list li .price .size {
   margin-right: 1em;
   font-size: 14px
}

body#drink .pickup-menu-list li.separate {
   margin-top: 50px
}

body#drink .pickup-menu-list li.separate:before {
   content: '';
   display: block;
   position: absolute;
   top: -25px;
   left: 0;
   width: 100%;
   height: 1px;
   background: rgba(1, 2, 2, .1)
}

body#drink .image+.pickup-menu-list {
   margin-top: 55px
}

body#drink .head_right .pickup-menu-list {
   margin-left: auto
}

body#drink .menu-block+.menu-block {
   margin-top: 60px
}

body#drink .menu-block .menu-list>li {
   position: relative;
   margin-top: 10px
}

body#drink .menu-block .menu-list>li:first-child {
   margin-top: 0
}

body#drink .menu-block .menu-list>li .caption {
   display: block;
   font-size: 12px;
   line-height: 1.67
}

body#drink .menu-block .menu-list>li .price {
   position: absolute;
   top: 0;
   right: 15px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.88
}

body#drink .menu-block .menu-list>li.size-item {
   zoom: 1
}

body#drink .menu-block .menu-list>li.size-item:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#drink .menu-block .menu-list>li.size-item .name {
   display: block;
   float: left
}

body#drink .menu-block .menu-list>li.size-item .sizes {
   float: right;
   padding-right: 15px
}

body#drink .menu-block .menu-list>li.size-item .sizes li+li {
   margin-top: 10px
}

body#drink .menu-block .menu-list>li.size-item .sizes li .price {
   position: static;
   margin-left: 1em
}

body#drink .tax-text {
   position: relative;
   width: 1100px;
   margin: 100px auto 0;
   padding: 20px 15px;
   line-height: 1.43;
   text-align: center
}

body#drink .tax-text:after, body#drink .tax-text:before {
   content: '';
   display: block;
   position: absolute;
   right: 10px;
   left: 10px;
   height: 1px;
   background: #010202
}

body#drink .tax-text:before {
   top: 0
}

body#drink .tax-text:after {
   bottom: 0
}

body#drink .tax-text span:after, body#drink .tax-text span:before {
   content: '';
   display: block;
   position: absolute;
   top: 1px;
   bottom: 1px;
   width: 1px;
   background: #010202
}

body#drink .tax-text span:before {
   left: 0
}

body#drink .tax-text span:after {
   right: 0
}

@media only screen and (max-width:768px) {
   body#drink #pageTitle {
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/bg-pagetitle_sp.png)
   }

   body#drink .sake-section .head .ttl {
      height: 36px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-sake_sp.png)
   }

   body#drink .sake-section .illust_l_1 {
      top: -60px;
      bottom: auto
   }

   body#drink .shochu-section .head .ttl {
      height: 36px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-shochu_sp.png)
   }

   body#drink .shochu-section .illust_r_2 {
      top: -130px;
      right: -40px
   }

   body#drink .recommend-section .head .ttl {
      height: 30px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-recommend_sp.png)
   }

   body#drink .recommend-section .body-inner {
      width: auto
   }

   body#drink .recommend-section .illust_l_2 {
      left: -100px;
      top: -60px
   }

   body#drink .standard-section .head .ttl {
      height: 35px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/drink/title-standard_sp.png)
   }

   body#drink .standard-section .body-inner {
      width: auto
   }

   body#drink .standard-section .illust_l_4 {
      display: none
   }

   body#drink .standard-section .illust_r_2 {
      display: block;
      bottom: 40px
   }

   body#drink .pickup-menu-list {
      width: auto
   }

   body#drink .pickup-menu-list li+li {
      margin-top: 20px
   }

   body#drink .pickup-menu-list li .area+.txt {
      height: auto
   }

   body#drink .pickup-menu-list li .txt {
      display: block
   }

   body#drink .pickup-menu-list li .txt .caption {
      margin-bottom: 0
   }

   body#drink .pickup-menu-list li .price {
      display: block;
      position: static;
      text-align: right
   }

   body#drink .pickup-menu-list li .price .size {
      margin-right: 1em;
      font-size: 14px
   }

   body#drink .image+.pickup-menu-list {
      margin-top: 40px
   }

   body#drink .menu-block+.menu-block {
      margin-top: 40px
   }

   body#drink .menu-block .twocol .col+.col {
      margin-top: 40px
   }

   body#drink .tax-text {
      position: relative;
      width: auto;
      margin: 40px 20px 0
   }
}

@media only screen and (max-width:374px) {
   body#drink .menu-block+.menu-block {
      margin-top: 40px
   }

   body#drink .menu-block .menu-list>li .price {
      right: 5px;
      font-size: 14px;
      line-height: 2.15
   }

   body#drink .menu-block .menu-list>li.size-item .sizes {
      padding-right: 5px
   }
}

body#company #pageTitle {
   background-image: url(/assets/imgs/company/bg-pagetitle.png)
}

body#company #pageTitle:after {
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/company/pagetitle.png);
   background-size: 43px 186px
}

body#company .shop-section .head .ttl {
   width: 43px;
   height: 190px;
   background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/company/title-shop.png)
}

body#company .shop-section .body .image {
   margin-top: 50px;
   margin-bottom: 50px
}

body#company .shop-section .body .info dt {
   box-sizing: border-box;
   display: table;
   min-width: 80px;
   margin: 30px 0 5px;
   padding: 6px 10px 5px;
   background: #010202;
   color: #fff;
   line-height: 1;
   text-align: center
}

body#company .shop-section .body .info dt:first-child {
   margin-top: 0
}

body#company .shop-section .body .info dd .time+.time {
   margin-left: 1em
}

body#company .shop-section .body .info dd .holiday {
   display: block
}

body#company .shop-section .body .info dd a[href^=tel] {
   color: #010202;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.5;
   text-decoration: none
}

body#company .shop-section .body .info dd a[href^=tel] .tel {
   font-size: 24px
}

body#company .shop-section .body .info dd .reserve {
   margin-left: 1em
}

body#company .shop-section .body .shop-map {
   box-sizing: border-box;
   position: relative;
   width: 700px;
   height: 400px;
   margin-top: 60px;
   background: #fff
}

body#company .shop-section .body .shop-map #map {
   position: absolute;
   top: 10px;
   right: 10px;
   bottom: 10px;
   left: 10px;
   z-index: 0
}

body#company .shop-section .facility {
   width: 1000px;
   margin: 110px auto 0
}

body#company .shop-section .facility-list {
   zoom: 1;
   padding: 20px 0 0 40px
}

body#company .shop-section .facility-list:after {
   content: '';
   display: block;
   clear: both;
   height: 0
}

body#company .shop-section .facility-list li {
   float: left;
   width: 50%;
   margin: 40px 0 0 40px
}

body#company .shop-section .facility-list li:nth-child(odd) {
   margin-left: -40px
}

body#company .shop-section .facility-list li:nth-child(-n+2) {
   margin-top: 0
}

body#company .shop-section .facility-list li .image {
   margin-bottom: 10px
}

body#company .shop-section .facility-list li .image img {
   width: 100%;
   height: auto
}

body#company .shop-section .illust_l_1 {
   top: 325px
}

body#company .shop-section .illust_l_2 {
   top: 1500px
}

body#company .shop-section .illust_r_2 {
   top: 970px
}

@media only screen and (max-width:768px) {
   body#company #pageTitle {
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/company/bg-pagetitle_sp.png)
   }

   body#company .shop-section .head .ttl {
      height: 36px;
      background-image: url(http://m-dragon.jp/nishiki-zushi/assets/imgs/company/title-shop_sp.png)
   }

   body#company .shop-section .body .image {
      margin-top: 40px;
      margin-bottom: 40px
   }

   body#company .shop-section .body .info dt {
      margin-top: 20px
   }

   body#company .shop-section .body .info dd .time {
      display: block
   }

   body#company .shop-section .body .info dd .time+.time {
      margin-left: 0
   }

   body#company .shop-section .body .info dd .reserve {
      display: block;
      margin-left: 0
   }

   body#company .shop-section .body .shop-map {
      width: auto;
      height: 0;
      margin-top: 40px;
      padding-bottom: 57.14%
   }

   body#company .shop-section .facility {
      width: auto;
      margin-top: 40px
   }

   body#company .shop-section .facility-list {
      margin-left: -36px;
      padding: 30px 0 0
   }

   body#company .shop-section .facility-list li {
      float: none;
      width: auto;
      margin: 20px 0 0
   }

   body#company .shop-section .facility-list li:nth-child(odd) {
      margin-left: 0
   }

   body#company .shop-section .facility-list li:nth-child(-n+2) {
      margin-top: 20px
   }

   body#company .shop-section .facility-list li:first-child {
      margin-top: 0
   }

   body#company .shop-section .illust_l_1 {
      top: -70px
   }

   body#company .shop-section .illust_l_2 {
      top: auto;
      bottom: -120px;
      left: -70px
   }

   body#company .shop-section .illust_r_2 {
      top: 540px
   }
}

@media only screen and (max-width:374px) {
   body#company .shop-section .facility-list {
      margin-left: -26px
   }
}