@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
a {
  text-decoration: underline !important;
  color: #000000 !important; }

.mb-00 {
  margin-bottom: 0 !important; }

.mb-10 {
  margin-bottom: -10px !important; }

.mab-10 {
  margin-bottom: 10px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px; }

.mt-00 {
  margin-top: 0px !important; }

.mt-10 {
  margin-bottom: 10px; }

.mt-20 {
  margin-bottom: 20px; }

.mt-60 {
  margin-top: 60px; }

.mr-40 {
  margin-right: 40px !important; }

.align-center {
  text-align: center; }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right; }

.border-top-glay {
  border-top: 1px solid #d4d4d4; }

.border-gold-5px {
  border: 4px solid #f6c52f; }

.border-white-5px {
  border: 5px solid #fff; }

.pa00 {
  padding: 0px !important; }

.pa-10 {
  padding: 10px !important; }

.pa-20 {
  padding: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pa-15 {
  padding: 15px !important; }

.pa-20 {
  padding: 20px !important; }

.pa-25 {
  padding: 25px !important; }

.pa-30 {
  padding: 30px !important; }

.bg-white {
  background: #fff; }

.bg-skyblue {
  background: #72b6e5; }

.bg-pink {
  background: #fdedee; }

.bg-glay {
  background: #f8f8f8; }

.fontstyle {
  font-weight: bold;
  line-height: 170%; }

.text-white {
  color: #fff; }

.link-underline {
  text-decoration: underline !important; }

.font-a {
  font-family: 'Suez One', serif !important; }

.font-b {
  font-family: 'Passion One', cursive !important; }

.font-c {
  font-family: 'Sorts Mill Goudy', serif !important; }

html {
  display: block;
  zoom: 1;
  min-height: 100%;
  /* IEのみ */ }

body {
  min-height: 100%;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 100%;
  line-height: 160%; }

* {
  margin: 0;
  padding: 0; }

body {
  zoom: 1;
  /* IEのみ */ }

div {
  display: block; }

ul {
  list-style-type: none; }

li {
  display: list-item; }

.clearfix {
  min-height: 1px; }
  .clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

header {
  font-family: 'Rubik', sans-serif;
  letter-spacing: 2px;
  font-size: 12px;
  background: #000;
  display: none !important; }
  header h1 {
    width: 52px;
    float: left;
    margin-right: 60px; }
    header h1 img {
      width: 38px; }
  header a {
    color: #fff !important;
    text-decoration: none !important; }
  header .instaglam img {
    width: 43px; }

@media screen and (min-width: 1000px) {
  header {
    color: #fff;
    min-height: 1px; }
    header:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    header .header-inner {
      width: 90%;
      margin: auto;
      padding: 0px 0;
      min-height: 1px;
      position: relative;
      z-index: 1000; }
      header .header-inner:after {
        content: " ";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
    header h1 {
      width: 52px;
      float: left;
      margin-right: 60px; }
      header h1 img {
        width: 38px; }
    header .read {
      float: left;
      width: 400px;
      margin-top: 45px; }
    header .instaglam {
      position: absolute;
      right: 10px;
      top: 33px; }
      header .instaglam img {
        width: 43px; }
    header nav {
      position: absolute;
      right: 60px;
      top: 45px; }
    header li {
      margin-right: 30px;
      display: inline; } }

@media screen and (min-width: 1000px) {
  .hamburger {
    display: none !important; } }

@media screen and (min-width: 1000px) {
  header {
    display: block !important; } }

.btn {
  border: 2px solid #000;
  padding: 10px 0;
  text-align: center;
  font-size: 24px;
  font-family: 'Crimson Text', serif;
  font-style: italic; }

.btn.small {
  width: 263px;
  margin: auto; }

.btn.white {
  border: 2px solid #fff; }
  .btn.white a {
    color: #fff !important;
    text-decoration: none !important; }

.contentwrapper {
  width: 100%; }
  .contentwrapper .contentwrapper__inner {
    padding: 10px;
    min-height: 1px; }
    .contentwrapper .contentwrapper__inner:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }

@media screen and (min-width: 576px) {
  .contentwrapper {
    max-width: 960px;
    margin: auto; }
    .contentwrapper .contentwrapper__inner {
      padding: 100px; } }

footer {
  background: #000;
  min-height: 1px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px; }
  footer:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  footer nav {
    padding: 20px 0;
    display: none; }
  footer li {
    margin: 0 20px;
    display: inline-block; }
  footer a {
    color: #fff !important;
    text-decoration: none !important; }
  footer .foot-line {
    width: 100%;
    height: 1px;
    background: #414141; }
  footer h1 {
    width: 53px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px; }
    footer h1 img {
      width: 100%; }
  footer .address {
    margin-bottom: 60px;
    clear: both; }
  footer .copyright {
    padding: 20px; }
  footer .icon-wrap {
    width: 106px;
    margin: 20px auto;
    min-height: 1px; }
    footer .icon-wrap:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    footer .icon-wrap .icon:first-child {
      width: 40px;
      float: left; }
    footer .icon-wrap .icon:last-child {
      width: 40px;
      float: right; }
  @media screen and (min-width: 940px) {
    footer h1 {
      width: 106px;
      margin-top: 50px;
      margin-bottom: 45px; }
    footer nav {
      display: block; } }

body {
  background: url(../../img/bg.png) center repeat-x;
  background-size: cover; }

.auth .authwrapper {
  width: 310px;
  margin: 30px auto 30px;
  padding: 30px 0;
  border-radius: 19px;
  border: 1px solid #DFDFDF;
  background: #fff;
  text-align: center; }

.auth h1 {
  margin-bottom: 44px;
  font-size: 11px;
  border-bottom: 2px solid #DEDEDE;
  letter-spacing: 3px;
  padding-bottom: 24px;
  text-align: center; }
  .auth h1 img {
    width: 95px;
    margin-bottom: 22px; }

.auth .authwrapper__input__text01 {
  font-size: 12px;
  letter-spacing: 1px; }
  .auth .authwrapper__input__text01 .ymd {
    background: #000;
    color: #fff;
    border-radius: 1px !important;
    border: none;
    padding: 10px;
    font-size: 14px;
    margin-top: 7px;
    max-width: 80px; }

.auth .authwrapper__input__text02 {
  font-size: 12px; }
  .auth .authwrapper__input__text02 .small {
    margin-top: 15px;
    padding: 0; }
  .auth .authwrapper__input__text02 #check_text {
    text-decoration: none !important;
    color: #000 !important; }
  .auth .authwrapper__input__text02 .btn {
    text-decoration: none !important;
    color: #000 !important;
    padding: 10px 0;
    cursor: default;
    opacity: 0.3; }
  .auth .authwrapper__input__text02 .btn.link {
    background: #000;
    color: #fff !important;
    cursor: pointer;
    opacity: 1; }

.auth .authwrapper__input {
  padding: 10px; }
  .auth .authwrapper__input h2 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px; }
  .auth .authwrapper__input .text {
    font-style: 10px; }
  .auth .authwrapper__input .ymd {
    margin-bottom: 30px; }

@media screen and (min-width: 576px) {
  .auth .authwrapper {
    width: 584px;
    margin: 80px auto;
    padding: 90px 0;
    border-radius: 19px;
    border: 1px solid #DFDFDF; }
  .auth h1 {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 38px; }
    .auth h1 img {
      width: 126px;
      margin-bottom: 26px; }
  .auth .authwrapper__input__text01 {
    font-size: 12px; }
    .auth .authwrapper__input__text01 .read {
      margin-bottom: 27px;
      font-size: 14px; }
  .auth .authwrapper__input__text02 {
    font-size: 10px; }
    .auth .authwrapper__input__text02 input {
      margin-right: 10px;
      margin-bottom: 30px; }
  .auth .authwrapper__input {
    padding: 0px; }
    .auth .authwrapper__input h2 {
      font-size: 20px;
      margin-bottom: 10px; }
    .auth .authwrapper__input .text {
      font-style: 10px !important; } }

.top {
  overflow: hidden; }
  .top .line {
    height: 2px;
    width: 40px;
    background: #000;
    margin: 25px auto; }
  .top .line-white {
    height: 2px;
    width: 40px;
    background: #fff;
    margin: 45px auto 25px;
    z-index: 1; }
  .top .upperarea {
    width: 100%;
    height: 100%;
    background: url(../../img/top/bg.png) no-repeat #fff;
    background-attachment: fixed;
    background-size: 250px auto;
    position: relative;
    padding-top: 50px; }
    .top .upperarea .upperarea__inner {
      position: relative;
      z-index: 1; }
    .top .upperarea h1 {
      width: 116px;
      margin: 0 auto 23px;
      z-index: 2; }
      .top .upperarea h1 img {
        width: 116px; }
    .top .upperarea .sakename {
      text-align: center; }
    .top .upperarea .mainread {
      font-size: 26px;
      line-height: 126%;
      text-align: center;
      font-family: 'Sorts Mill Goudy', serif !important; }
    .top .upperarea .mainreadtext {
      margin: auto;
      font-size: 12px;
      padding: 0 20px;
      margin-bottom: 13px; }
    .top .upperarea dl {
      width: 280px;
      font-size: 12px;
      margin: auto;
      text-align: center; }
    .top .upperarea dt {
      font-size: 13px; }
    .top .upperarea dd {
      margin-bottom: 30px; }
    .top .upperarea .arrowdown {
      width: 40px;
      margin: 35px auto; }
      .top .upperarea .arrowdown img {
        width: 40px; }
    .top .upperarea .sakabin {
      display: none;
      width: 100%;
      height: 1000px;
      background: url(../../img/top/sakabin.png) no-repeat left;
      background-size: 100px auto;
      position: absolute;
      right: 0;
      top: -410px;
      z-index: 0; }
      .top .upperarea .sakabin img {
        width: 185px; }
  .top .bg-slider {
    width: 100% !important;
    background-position: center center !important;
    background-size: cover !important; }
  .top .middlearea {
    width: 100%;
    height: 600px;
    color: #fff;
    min-height: 1px;
    position: relative;
    padding-bottom: 40px; }
    .top .middlearea:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .top .middlearea .cover {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 0; }
    .top .middlearea .mainread-wrap {
      position: relative;
      padding-top: 80px;
      z-index: 1; }
    .top .middlearea .mainread {
      text-align: center;
      font-family: 'Sorts Mill Goudy', serif !important;
      font-size: 22px;
      color: #fff;
      letter-spacing: 1px;
      margin-bottom: 3px; }
      .top .middlearea .mainread span {
        color: #DE7F20; }
    .top .middlearea .mainread-sub01 {
      text-align: center;
      font-family: 'Sorts Mill Goudy', serif !important;
      margin-bottom: 20px;
      padding: 0 20px;
      letter-spacing: 2px;
      line-height: 130%;
      font-size: 26px; }
    .top .middlearea .mainread-sub02 {
      text-align: center;
      font-size: 12px;
      line-height: 170%;
      margin: 0 auto 20px;
      padding: 0 20px; }
    .top .middlearea .sakeitems {
      text-align: center;
      width: 100%;
      margin: auto;
      padding-bottom: 80px; }
      .top .middlearea .sakeitems img {
        width: 100%; }
  .top .underarea {
    width: 100%;
    height: 100%;
    background: url(../../img/top/bg03.jpg) no-repeat #FDF7F7;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0 60px;
    min-height: 1px;
    color: #fff; }
    .top .underarea:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .top .underarea .mainread {
      text-align: center;
      font-family: 'Sorts Mill Goudy', serif !important;
      font-size: 26px;
      color: #fff;
      letter-spacing: 1px;
      margin-bottom: 23px; }
      .top .underarea .mainread span {
        color: #DE7F20; }
    .top .underarea .mainread-sub01 {
      text-align: center;
      font-family: 'Sorts Mill Goudy', serif !important;
      margin-bottom: 50px;
      letter-spacing: 2px;
      font-size: 26px;
      line-height: 140%; }
    .top .underarea .mainread-sub02 {
      text-align: center;
      font-size: 12px;
      max-width: 725px;
      margin: 0 auto 50px; }
  @media screen and (min-width: 576px) {
    .top .line {
      height: 2px;
      width: 40px;
      background: #000;
      margin: 35px auto; }
    @-moz-document url-prefix() {}    .top .upperarea {
      background: url(../../img/top/bg.png) no-repeat #fff;
      background-attachment: fixed;
      background-size: 650px auto;
      padding-bottom: 30px;
      position: relative; }
      .top .upperarea .mainread {
        font-size: 55px;
        line-height: 130%; }
      .top .upperarea .mainreadtext {
        width: 620px;
        margin: auto;
        font-size: 16px;
        line-height: 180%;
        padding: 0;
        text-align: center; }
      .top .upperarea .texrarea {
        position: absolute; }
      .top .upperarea .arrowdown {
        width: 40px;
        margin: 35px auto; }
        .top .upperarea .arrowdown img {
          width: 40px; }
      .top .upperarea dl {
        font-size: 14px; }
      .top .upperarea .sakabin {
        background: url(../../img/top/sakabin.png) no-repeat right;
        background-size: 350px auto;
        top: -152px; }
        .top .upperarea .sakabin img {
          width: 425px; }
    .top .bg-slider {
      background-position: center center;
      background-size: cover;
      background-attachment: fixed;
      width: 100vw;
      height: 160%; }
    .top .middlearea {
      padding-bottom: 60px;
      height: 800px; }
      .top .middlearea .mainread {
        font-size: 90px;
        padding-top: 120px;
        margin-bottom: 80px; }
      .top .middlearea .mainread-wrap {
        padding-top: 0px; }
      .top .middlearea .mainread-sub02 {
        font-size: 15px;
        letter-spacing: 1px;
        max-width: 725px; }
      .top .middlearea .sakeitems {
        max-width: 800px; }
        .top .middlearea .sakeitems li img {
          width: 100%; }
    .top .underarea {
      padding-top: 120px; }
      .top .underarea .mainread {
        font-size: 90px;
        margin-bottom: 80px; }
      .top .underarea .mainread-sub01 {
        font-size: 37px; }
      .top .underarea .mainread-sub02 {
        font-size: 15px;
        letter-spacing: 1px; } }
  @media screen and (min-width: 720px) {
    .top .upperarea .sakabin {
      display: block; } }

.premiumsake {
  background: #E3E3E3; }
  .premiumsake .psbox {
    max-width: 760px;
    margin: 0 auto 50px;
    clear: both;
    border-bottom: 2px solid #000;
    min-height: 1px; }
    .premiumsake .psbox:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
  .premiumsake .psbox__inner--img {
    max-width: 70px;
    margin: 30px auto 30px; }
    .premiumsake .psbox__inner--img img {
      width: 100%; }
  .premiumsake .text-area {
    width: 100%; }
    .premiumsake .text-area .font-other {
      font-family: "ＭＳ Ｐゴシック",sans-serif; }
  .premiumsake .psbox__inner--title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 120%;
    font-family: 'Sorts Mill Goudy', serif !important;
    letter-spacing: 1px;
    position: relative; }
    .premiumsake .psbox__inner--title img {
      right: 0;
      width: 30px;
      top: -6px;
      position: absolute; }
  .premiumsake .psbox__inner--read {
    font-size: 12px;
    margin-bottom: 30px; }
  .premiumsake .psbox__inner--column {
    background: #D8D8D8;
    font-size: 12px !important;
    padding: 24px;
    margin-bottom: 60px; }
    .premiumsake .psbox__inner--column dt {
      font-weight: bold; }
  .premiumsake .psbox__inner--spec {
    min-height: 1px;
    margin-bottom: 30px; }
    .premiumsake .psbox__inner--spec:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .premiumsake .psbox__inner--spec p {
      width: 100%;
      font-size: 12px;
      margin-bottom: 10px; }
      .premiumsake .psbox__inner--spec p span {
        margin-right: 20px;
        font-weight: bold;
        display: block; }
  .premiumsake .psbox__inner--foodpairing {
    width: 100%;
    font-size: 12px;
    margin-bottom: 30px;
    clear: both;
    min-height: 1px; }
    .premiumsake .psbox__inner--foodpairing:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .premiumsake .psbox__inner--foodpairing p {
      margin-bottom: 33px; }
      .premiumsake .psbox__inner--foodpairing p span {
        display: block;
        margin-bottom: 5px;
        font-weight: bold; }
    .premiumsake .psbox__inner--foodpairing img {
      width: 100%; }
  .premiumsake .psbox__inner--type {
    padding-bottom: 30px;
    text-align: center;
    max-width: 540px;
    margin: auto; }
    .premiumsake .psbox__inner--type img {
      width: 100%; }
  .premiumsake .psbox__inner--foodpairing__img-wrap {
    display: -webkit-inline-flex;
    /* Safari */
    display: inline-flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between; }
    .premiumsake .psbox__inner--foodpairing__img-wrap .psbox__inner--foodpairing__img {
      width: 50%;
      margin-bottom: 0;
      height: auto;
      vertical-align: bottom; }
      .premiumsake .psbox__inner--foodpairing__img-wrap .psbox__inner--foodpairing__img img {
        height: 100%; }
  @media screen and (min-width: 576px) {
    .premiumsake .psbox__inner--foodpairing {
      margin-bottom: 30px; }
      .premiumsake .psbox__inner--foodpairing .psbox__inner--foodpairing__img {
        width: 24%;
        padding: 10px 0px; }
    .premiumsake .psbox__inner--spec div {
      width: 240px;
      float: left; } }
  @media screen and (min-width: 940px) {
    .premiumsake .psbox {
      margin: 0 auto 60px; }
    .premiumsake .psbox:last-child {
      margin: 0 auto 0px;
      padding-bottom: 20px; }
    .premiumsake .psbox__inner--img {
      max-width: 120px;
      margin: -7px 0 30px 50px;
      float: left; }
      .premiumsake .psbox__inner--img img {
        width: 100%; }
    .premiumsake .psbox__inner--img.reiko {
      max-width: 200px;
      margin-left: -20px;
      margin-top: -16px; }
    .premiumsake .text-area {
      float: right;
      width: 70%; }
      .premiumsake .text-area .font-other {
        font-family: "ＭＳ Ｐゴシック",sans-serif; }
    .premiumsake .psbox__inner--title {
      font-size: 40px;
      margin-bottom: 40px; }
      .premiumsake .psbox__inner--title img {
        right: 0;
        width: 50px;
        top: -16px;
        position: absolute; }
    .premiumsake .psbox__inner--title.other-size {
      font-size: 35px !important; } }

.news {
  background: #E3E3E3; }
  .news time {
    margin-bottom: 10px;
    display: block;
    letter-spacing: 2px; }
  .news .contentwrapper {
    max-width: 700px;
    margin-bottom: 40px;
    position: relative;
    padding: 40px 0; }
    .news .contentwrapper .navi-newstop {
      position: static; }
  .news .contentwrapper:after {
    display: block;
    clear: both;
    content: ""; }
  .news .contentwrapper__inner {
    margin-top: 0px;
    position: relative; }
    .news .contentwrapper__inner .navi-newstop {
      position: absolute;
      font-family: 'Sorts Mill Goudy', serif !important;
      top: 97px;
      left: -10px;
      font-size: 18px;
      line-height: 180%;
      letter-spacing: 2px; }
      .news .contentwrapper__inner .navi-newstop i {
        font-size: 20px; }
      .news .contentwrapper__inner .navi-newstop a {
        color: #000 !important;
        text-decoration: none !important; }
  .news .news-maintitile {
    font-size: 20px;
    font-family: 'Sorts Mill Goudy', serif !important;
    letter-spacing: 3px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    font-weight: normal;
    border-bottom: 2px solid #000;
    line-height: 130%; }
    .news .news-maintitile a {
      text-decoration: none !important;
      color: #000 !important; }
  .news .imgarea {
    text-align: center;
    max-width: 357px;
    margin: auto; }
    .news .imgarea img {
      width: 100%;
      margin-bottom: 30px; }
  .news .textarea {
    font-size: 12px;
    margin-bottom: 100px; }
  .news .pager {
    position: relative;
    font-family: 'Sorts Mill Goudy', serif !important;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 50px;
    border-top: 2px solid #000; }
    .news .pager .pager-prev {
      position: absolute;
      left: 0;
      top: 30px; }
      .news .pager .pager-prev a {
        color: #000 !important;
        text-decoration: none !important; }
    .news .pager .pager-next {
      position: absolute;
      right: 0;
      top: 30px; }
      .news .pager .pager-next a {
        color: #000 !important;
        text-decoration: none !important; }
  @media screen and (min-width: 940px) {
    .news .news-maintitile {
      font-size: 28px; }
    .news .contentwrapper {
      padding: 0px 0; }
      .news .contentwrapper .navi-newstop {
        position: absolute;
        left: 0;
        top: 30px; } }

.about {
  background: url(../../img/aboutus/bg-about-sp.png) no-repeat right #fff;
  background-attachment: fixed;
  background-size: 160px auto;
  padding-top: 40px; }
  .about .contentwrapper {
    max-width: 1000px; }
  .about .aboutbox {
    margin-bottom: 33px; }
    .about .aboutbox h1 {
      margin-bottom: 10px; }
    .about .aboutbox p {
      font-size: 14px;
      width: 100%;
      margin-bottom: 30px;
      line-height: 200%; }
  .about .aboutbox.middle {
    margin-left: 0px; }
  .about .aboutmaintitile {
    font-size: 22px;
    font-family: 'Sorts Mill Goudy', serif !important;
    letter-spacing: 1px;
    margin-bottom: 32px;
    padding-bottom: 20px;
    line-height: 150%;
    font-weight: normal; }
  @media screen and (min-width: 576px) {
    .about .aboutbox.middle {
      margin-left: 60px; } }
  @media screen and (min-width: 940px) {
    .about {
      background: url(../../img/aboutus/bg-about.png) no-repeat right #fff;
      background-attachment: fixed;
      background-size: 400px auto;
      padding-top: 0px; }
      .about .aboutbox.middle {
        margin-left: 90px; }
      .about .aboutbox {
        margin-bottom: 203px; }
        .about .aboutbox p {
          width: 60%; }
      .about .aboutbox.last {
        margin-bottom: 0; }
      .about .aboutmaintitile {
        font-size: 38px; } }

.faq {
  background: #fff; }
  .faq .faqmaintitile {
    font-size: 30px;
    line-height: 100%;
    font-family: 'Sorts Mill Goudy', serif !important;
    letter-spacing: 1px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    font-weight: normal;
    border-bottom: 2px solid #000; }
  .faq .faqbox__title {
    margin-bottom: 20px;
    font-size: 30px;
    color: #E07F00;
    font-family: 'Sorts Mill Goudy', serif !important; }
  .faq .faqbox__q {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold; }
  .faq .faqbox__a {
    margin-bottom: 30px; }
  @media screen and (min-width: 576px) {
    .faq .faqmaintitile {
      font-size: 55px;
      letter-spacing: 3px;
      margin-bottom: 50px;
      padding-bottom: 50px;
      font-weight: normal;
      border-bottom: 2px solid #000; }
    .faq .faqbox__title {
      margin-bottom: 40px;
      font-size: 30px;
      color: #E07F00;
      font-family: 'Sorts Mill Goudy', serif !important; }
    .faq .faqbox__q {
      font-size: 18px;
      margin-bottom: 30px;
      font-weight: bold; }
    .faq .faqbox__a {
      margin-bottom: 30px; } }

.contact {
  background: #fff; }
  .contact .contact-maintitile {
    font-size: 30px;
    font-family: 'Sorts Mill Goudy', serif !important;
    letter-spacing: 3px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    font-weight: normal;
    border-bottom: 2px solid #000;
    text-align: center; }
  .contact .boxleft {
    width: 100%;
    font-size: 14px; }
    .contact .boxleft h2 {
      font-family: 'Sorts Mill Goudy', serif !important;
      margin-bottom: 14px;
      letter-spacing: 1px;
      font-size: 18px; }
    .contact .boxleft dl {
      margin-bottom: 50px; }
      .contact .boxleft dl dt {
        float: left;
        width: 73px; }
      .contact .boxleft dl dd {
        margin-bottom: 10px; }
    .contact .boxleft .moreinfo {
      border-top: 1px solid #000;
      padding-top: 50px;
      margin-bottom: 20px; }
      .contact .boxleft .moreinfo h2 {
        margin-top: 20px; }
  .contact .boxright {
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px; }
    .contact .boxright input {
      height: 40px;
      width: 96%;
      margin-top: 14px;
      background: #000;
      border: none;
      color: #fff;
      padding: 0 2%; }
    .contact .boxright .full {
      width: 96%; }
    .contact .boxright .half {
      width: 45%;
      float: left; }
    .contact .boxright .wpcf7-not-valid-tip {
      color: #ff0000; }
    .contact .boxright .screen-reader-response,
    .contact .boxright .wpcf7-validation-errors {
      display: none; }
    .contact .boxright .wpcf7-mail-sent-ok {
      text-align: center;
      padding: 20px 10px; }
    .contact .boxright textarea {
      background: #000;
      color: #fff;
      border: none;
      width: 96%;
      height: 200px;
      margin-top: 14px;
      padding: 2%;
      display: block; }
    .contact .boxright .wpcf7-form-control-wrap {
      display: block; }
    .contact .boxright .wpcf7-submit {
      width: 100%; }
    .contact .boxright textarea {
      background: #000; }
    .contact .boxright ::-webkit-input-placeholder {
      font-size: 17px;
      font-family: 'Sorts Mill Goudy', serif !important;
      font-weight: 100;
      line-height: 1;
      letter-spacing: 0.2em; }
  @media screen and (min-width: 576px) {
    .contact .contact-maintitile {
      font-size: 60px;
      letter-spacing: 3px;
      margin-bottom: 50px;
      padding-bottom: 50px;
      font-weight: normal;
      border-bottom: 2px solid #000; }
    .contact .boxleft {
      width: 49%;
      float: left; }
    .contact .boxright {
      width: 49%;
      float: right; }
      .contact .boxright .btn.small {
        margin: 16px 0; } }
  @media screen and (min-width: 940px) {
    .contact .boxleft h2 {
      font-family: 'Sorts Mill Goudy', serif !important;
      margin-bottom: 14px;
      letter-spacing: 2px;
      font-size: 23px; }
    .contact .boxleft .moreinfo {
      margin-bottom: 0px; }
    .contact .boxright .textarea {
      margin-bottom: 10px; } }


@media screen and (max-width: 750px) {
  .top .upperarea{
    background-image: none;
  }
  .top .middlearea .sakeitems img {
    width: 130%;
    margin-left: -15%;
  }
  .top .underarea {
    background-position: center top;
    -moz-background-size:  auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
  }
}

/* TOP ROGA SECION ADDED 10-14-2021 */
.top .underarea.roga {
    position: relative;
    background: url("../../img/top/bg_roga.jpg") top center no-repeat rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-attachment: fixed;
  }
  .top .underarea.roga img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .top .underarea.roga .align-right,
  .top .underarea.roga .align-left {
    margin-right: 4vmax;
    margin-left: 4vmax;
  }
  .top .underarea.roga a img {
    transition: all ease-out 0.2s;
    background-color:rgba(0, 0, 0, 0.25);
    border: 2px solid #fff;
    padding:0.35rem 2rem;
  }
  .top .underarea.roga a:hover img {
    opacity: 0.65;
    background-color:rgba(0, 0, 0, 0.5);
  }
  @media screen and (min-width:576px){
    .top .underarea.roga a  {
      margin-top: 1.75rem;
      display: inline-block;
    }
    .top .underarea.roga .mainread.sake {
      margin-bottom: 10vw;
    }
  }
  @media screen and (max-width:768px){
    .top .underarea.roga {
      background: url("../../img/top/bg_roga_xs.jpg") top center no-repeat;
      background-size: auto 100%;
      background-attachment: scroll;
    }
    .top .underarea.roga::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 0;
    }
    .top .underarea.roga h2,
    .top .underarea.roga p,
    .top .underarea.roga div {
      position: relative;
      z-index: auto;
    }
  }
  @media screen and (max-width:576px){
    .top .underarea.roga {
     padding: 40px 0 30px;
    }
    .top .underarea.roga .mainread.sake {
     margin-bottom: 2rem;
    }
    .top .underarea.roga img {
      max-width: 94%;
      width: auto;
      height: auto;
    }
    .top .underarea.roga a img {
      background-color:rgba(0, 0, 0, 0.5);
      border: 2px solid #fff;
      padding: 8px 9%;
    }
    .top .underarea.roga .align-right,
    .top .underarea.roga .align-left {
      margin-right: auto;
      margin-left: auto;
      text-align: center !important;
    }
    .sp-mb-20 {
      margin-bottom:20px !important;
    }
    .sp-mw-68 {
      max-width: 68% !important;
      display: inline-block;
    }
  }