@charset "UTF-8";
@import url("import/extend.css");
@import url("https://fonts.googleapis.com/css?family=Biryani:400,700&display=swap");
/* ==========================================================================
汎用CSS
========================================================================== */
/* サイト全体のフォントサイズや色に関する設定
----------------------------------------------------------------- */
body {
  background-color: #FFF;
  font-family: "dnp-shuei-mgothic-std", "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #232323;
  line-height: 2rem;
  /* ブレイクポイントまで幅を固定するときは以下を追加
	min-width: $g-width;
	@include mq('sp') {
	min-width: inherit;
	}
	*/ }

html {
  font-size: 16px;
  color: #232323; }
  @media screen and (max-width: 896px) {
    html {
      font-size: 0.938rem; } }
  @media screen and (max-width: 480px) {
    html {
      font-size: 0.875rem; } }

a {
  transition-property: background-color, color, opacity , border-color , fill;
  transition-duration: .5s,.5s,.5s,.8s,.5s;
  transition-timing-function: ease; }
  a:hover {
    text-decoration: none; }
  a:before, a:after {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: ease; }

p {
  margin-bottom: 20px; }
  @media screen and (max-width: 896px) {
    p {
      margin-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    p {
      margin-bottom: 10px; } }

/* テキスト
----------------------------------------------------------------- */
.font_mincho {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-style: normal;
  font-weight: normal; }

.color_main {
  color: #B91721 !important; }

.color_text {
  color: #232323 !important; }

.color_link {
  color: #f2e858 !important; }

.color_title {
  color: #B91721 !important; }

.color_white {
  color: #fff !important; }

.color_gray {
  color: #eeeff0 !important; }

.color_red {
  color: #B91721 !important; }

.color_yellow {
  color: #FFF69F !important; }

.color_yellow2 {
  color: #ECE24D !important; }

.color_lightblue {
  color: #62A9DC !important; }

.color_pink {
  color: #ff858f !important; }

.color_brown {
  color: #856a51 !important; }

.txt {
  font-size: 0.875rem; }

/* 背景
----------------------------------------------------------------- */
.bg_white {
  background-color: #fff; }

.bg_main {
  background-color: #B91721; }

.bg_gray {
  background-color: #eeeff0; }

.bg_main {
  background-color: #B91721; }
  .bg_main * {
    color: #fff; }

.bg_dot {
  background: #fff url(../images/bg_dot.png); }

.bg_tryangle {
  background-repeat: repeat-y;
  background-size: 110%;
  background-position: center; }

/* ボーダー
----------------------------------------------------------------- */
.bd_black {
  border: 1px solid #000; }

/* イメージ
----------------------------------------------------------------- */
img.border-rounded {
  border-radius: 15px; }

/*タイトル
----------------------------------------------------------------- */
.title_hd {
  text-align: center;
  margin: 80px 0 0 0;
  padding: 0;
  color: #fff; }

/* 見出し
----------------------------------------------------------------- */
.title_main {
  text-align: center;
  font-size: 2.25rem;
  color: #B91721;
  margin-bottom: 40px; }
  .title_main img {
    display: block;
    margin: auto; }
  .title_main span {
    padding-bottom: 0.5rem;
    display: inline-block;
    border-style: solid;
    border-width: 0 0 5px 0;
    -webkit-border-image: url(../images/line_dot_red.png) 0 0 5 0 repeat repeat;
    border-image: url(../images/line_dot_red.png) 0 0 5 0 repeat repeat; }
  @media screen and (max-width: 896px) {
    .title_main {
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .title_main {
      margin-bottom: 20px;
      font-size: 1.725rem; } }

.bg_main .title_main {
  color: #fff; }
  .bg_main .title_main span {
    -webkit-border-image: url(../images/line_dot_white.png) 0 0 5 0 repeat repeat;
    border-image: url(../images/line_dot_white.png) 0 0 5 0 repeat repeat; }

.title_sub {
  font-size: 1.25rem;
  margin-bottom: 30px;
  letter-spacing: 0.075rem;
  line-height: 1.6; }
  .title_sub img.ico {
    width: 1.75em;
    height: 1.75em;
    margin-right: 0.5em; }
  @media screen and (max-width: 480px) {
    .title_sub {
      margin-bottom: 20px; } }

.title_lineup {
  text-align: center;
  font-size: 2.25rem;
  color: #B91721;
  margin-bottom: 40px;
  line-height: 1; }
  .title_lineup span {
    padding-top: 1rem;
    padding-bottom: 0.7em;
    font-size: 0.875rem;
    display: block;
    color: color(title);
    font-family: jaf-domus-titling-web, sans-serif;
    font-style: normal;
    font-weight: 700; }
  @media screen and (max-width: 896px) {
    .title_lineup {
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .title_lineup {
      margin-bottom: 20px;
      font-size: 1.725rem; } }

/*ボタン
----------------------------------------------------------------- */
.button {
  margin: 0;
  padding: 0; }
  .button a {
    display: block;
    position: relative;
    line-height: 1.5; }

.btn_main {
  padding: 1rem 0 0 0;
  margin: 0; }
  .btn_main a {
    display: block;
    max-width: 165px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 0.3rem 1rem 0.3rem 0.5em;
    font-size: 0.85rem;
    color: #B91721;
    border: 1px solid #B91721;
    border-radius: 3rem;
    background: url(../images/ico_arrow.png) center right 1em no-repeat;
    background-size: 0.5em; }
    .btn_main a:hover {
      background-color: #FFF69F;
      color: #B91721; }
  @media screen and (max-width: 480px) {
    .btn_main a {
      margin: auto; } }

.btn_cart {
  text-align: center; }
  .btn_cart a {
    color: #B91721;
    border-radius: 15px;
    background-color: #fff;
    padding: 0.5em 1em;
    width: 50%;
    margin: auto; }
    .btn_cart a img {
      width: 1.5em;
      margin-left: 0.5em; }
    .btn_cart a:hover {
      background-color: #F2E858;
      bottom: -2px; }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .btn_main a {
    padding: 0.8rem 1rem 0.3rem 0.5em; }
  .btn_cart a {
    padding: 1em 1em 0.5em 1em; } }

.btn_rsv {
  padding: 0.5rem 0 0.5rem 0; }
  .btn_rsv a {
    max-width: 200px;
    padding: 0.3rem 1rem 0.4rem 0.8rem;
    font-size: 0.75rem;
    color: #B91721 !important;
    background-color: #fff;
    font-weight: 700 !important; }
    @media screen and (max-width: 480px) {
      .btn_rsv a {
        padding: 0.5rem 2rem 0.5rem 1.5em;
        font-size: 0.937rem;
        text-align: left; } }

@media all and (-ms-high-contrast: none) {
  .btn_rsv a {
    padding: 0.6rem 1.2rem 0.3rem 0.8rem; } }

/* ==========================================================================
リスト
========================================================================== */
/* 数字
----------------------------------------------------------------- */
ul.li_number {
  padding-left: 30px; }
  ul.li_number li:before {
    content: '一、';
    margin-left: -30px;
    display: inline; }

/* 記号
----------------------------------------------------------------- */
ul.li_inazuma li {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 1.2em;
  padding-left: 21px; }

ul.li_inazuma li:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 34px;
  margin-left: -21px;
  margin-bottom: -15px;
  background: url(../images/ico_inazuma.png) no-repeat 50% 50%; }

/* レイアウト
----------------------------------------------------------------- */
@media screen and (max-width: 480px) {
  .margin-remove-horizontal {
    margin-left: -20px;
    margin-right: -20px; } }

/* ==========================================================================
テーブル
========================================================================== */
table {
  width: 100%;
  text-align: left; }
  table tr th {
    width: 33.3333333333%;
    vertical-align: top;
    padding: 10px; }
  table tr td {
    padding: 10px 0;
    width: 66.66667%; }
  @media screen and (max-width: 480px) {
    table tr th {
      padding: 10px;
      width: 37.037037037%; } }

/* ページトップに戻るボタン
----------------------------------------------------------------- */
a#go_to_top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1; }
  a#go_to_top img {
    max-width: 82px; }
  a#go_to_top > svg {
    display: none; }
  @media screen and (max-width: 480px) {
    a#go_to_top img {
      max-width: 40px; } }

/* ==========================================================================
ヘッダー
========================================================================== */
.header {
  position: relative;
  background: #fff url(../images/line_handwrite_red.png) top center repeat-x;
  background-size: auto 10px;
  z-index: 3;
  position: relative; }
  @media screen and (max-width: 896px) {
    .header {
      height: calc( 130px - 20px); } }
  @media screen and (max-width: 480px) {
    .header {
      height: 10vh; } }
  .header::after {
    content: '';
    display: block;
    background: url(../images/line_handwrite_white.png) bottom center repeat-x;
    background-size: auto 10px;
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -9px; }

.header_inner {
  height: 130px;
  padding-top: 10px;
  box-sizing: border-box; }
  @media screen and (max-width: 896px) {
    .header_inner {
      height: 130px - 20px; } }
  @media screen and (max-width: 480px) {
    .header_inner {
      padding-top: 10px;
      height: 10vh; } }

.hd_active .header_inner {
  height: calc( 130px - 30px); }
  .hd_active .header_inner .logo img {
    max-width: 80px; }
  @media screen and (max-width: 480px) {
    .hd_active .header_inner {
      height: 10vh; } }

/* ロゴ
----------------------------------------------------------------- */
.logo {
  display: inline-block;
  padding-left: 50px;
  margin: 0;
  line-height: 1; }
  .logo img {
    max-width: 100px;
    width: 100%; }
  @media screen and (max-width: 896px) {
    .logo {
      padding-left: 30px; }
      .logo img {
        width: 80%; } }
  @media screen and (max-width: 480px) {
    .logo {
      padding-left: 20px; }
      .logo img {
        max-width: 56px; } }

.hd_title {
  text-align: center;
  margin: 0;
  line-height: 1; }
  .hd_title img {
    max-width: 320px;
    width: 100%; }

/* トップイメージ
----------------------------------------------------------------- */
.top_copy {
  width: 190px;
  box-sizing: border-box;
  background-color: #B10A1B;
  z-index: 1;
  padding-top: 5em;
  text-align: center; }
  .top_copy img {
    max-height: 300px; }
  .top_copy .copy {
    display: inline-block;
    color: #ECE24D;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left; }
  @media screen and (max-width: 896px) {
    .top_copy {
      width: 160px; }
      .top_copy img {
        max-height: 280px; } }
  @media screen and (max-width: 480px) {
    .top_copy {
      width: 30%; }
      .top_copy img {
        max-width: 60%;
        max-height: inherit; } }

.corner {
  position: absolute;
  left: 190px;
  z-index: 1;
  bottom: 0; }
  @media screen and (max-width: 896px) {
    .corner {
      left: 160px; } }
  @media screen and (max-width: 480px) {
    .corner {
      left: 30%; } }

.topimage_copy {
  z-index: 2;
  bottom: -15px; }
  @media screen and (max-width: 896px) {
    .topimage_copy {
      max-width: 260px; } }
  @media screen and (max-width: 480px) {
    .topimage_copy {
      left: 70%;
      max-width: 200px; } }

h2.top_lineup_tit {
  width: 90px;
  padding-top: calc(0.5em + 10px);
  padding-bottom: 0.5em;
  background-color: #4B9111;
  font-size: 0.725rem;
  font-family: jaf-domus-titling-web, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
  z-index: 2;
  text-align: center; }

.top_lineup {
  background-color: #fff;
  width: 90px;
  box-sizing: border-box;
  z-index: 1;
  padding-top: 1.5rem; }
  .top_lineup nav {
    display: block;
    height: 100%; }
  .top_lineup ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 5px; }
    .top_lineup ul li {
      padding: 0;
      margin: 0; }
    .top_lineup ul li {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
      .top_lineup ul li:last-child a {
        border-bottom: none; }
      .top_lineup ul li a {
        padding: 1.25rem 0;
        color: #B91721;
        border-bottom: 3px dotted #DDDDDD; }
        .top_lineup ul li a img {
          width: 61px;
          margin-bottom: 7px;
          margin-left: -7px; }
        .top_lineup ul li a:hover {
          color: #f2e858; }

.topimage {
  height: calc(80vh - 130px);
  min-height: 600px !important; }
  @media screen and (max-width: 896px) {
    .topimage {
      height: 50vh;
      min-height: 580px !important; } }
  @media screen and (max-width: 480px) {
    .topimage {
      height: calc(80vh - 20vh);
      min-height: 400px !important; } }
  .topimage li {
    background-position: top center; }
    @media screen and (max-width: 896px) {
      .topimage li {
        background-position: 50% 0%; } }
    @media screen and (max-width: 480px) {
      .topimage li {
        background-position: 60% 0%; } }

/* メニュー
----------------------------------------------------------------- */
.hd_globalnav_wp {
  background-color: #B10A1B;
  position: relative;
  z-index: 1;
  margin-top: -1px; }
  .hd_globalnav_wp::after {
    content: '';
    display: block;
    background: url(../images/line_handwrite_red.png) bottom center repeat-x;
    background-size: auto 10px;
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -9px; }
  @media screen and (max-width: 896px) {
    .hd_globalnav_wp {
      height: 55px; } }
  @media screen and (max-width: 480px) {
    .hd_globalnav_wp {
      height: 20px; } }

.hd_globalnav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
  display: table;
  table-layout: auto; }
  .hd_globalnav li {
    padding: 0;
    margin: 0; }
  .hd_globalnav li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 2rem 0; }
    .hd_globalnav li:last-child a {
      border-right: none; }
    .hd_globalnav li a {
      display: block;
      color: #fff;
      text-align: center;
      height: 100%;
      border-right: 2px dotted #fff;
      padding: 0.5rem 0; }
      .hd_globalnav li a span {
        font-family: "dnp-shuei-mgothic-std", "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
        font-style: normal;
        font-weight: bold;
        display: block; }
      .hd_globalnav li a .ico {
        fill: #fff; }
      .hd_globalnav li a img {
        width: 1.2em;
        height: 1.2em;
        margin-left: 0.5em; }
      .hd_globalnav li a .top_online {
        z-index: 1000;
        position: absolute;
        bottom: 90%;
        right: 18%;
        padding: 25px 0;
        width: 100px;
        height: 100px;
        line-height: 16px;
        text-align: center;
        color: #B91721;
        font-size: 14px;
        font-weight: 700;
        background: #ECE24D;
        border-radius: 50%;
        box-sizing: border-box;
        transition: all 0.3s; }
        .hd_globalnav li a .top_online span {
          font-size: 18px;
          letter-spacing: 0.05rem;
          padding-top: 6px; }
      .hd_globalnav li a .top_online:before {
        content: "";
        position: absolute;
        bottom: -28px;
        left: 50%;
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 24px solid #ECE24D;
        z-index: 0; }
      .hd_globalnav li a:hover {
        color: #f2e858; }
        .hd_globalnav li a:hover .ico {
          fill: #f2e858; }
        .hd_globalnav li a:hover .top_online {
          bottom: 80%; }

/* モバイルメニュー
----------------------------------------------------------------- */
.hamburg {
  padding-right: 50px;
  box-sizing: border-box;
  text-align: right;
  line-height: 1; }
  .hamburg a {
    display: inline-block; }
  .hamburg .insta {
    margin-bottom: 5px; }
    .hamburg .insta img {
      width: 1.625em; }
  .hamburg img {
    width: 3.625rem; }
  .hamburg svg {
    display: none; }
  @media screen and (max-width: 896px) {
    .hamburg {
      padding-right: 30px; } }
  @media screen and (max-width: 480px) {
    .hamburg {
      padding-right: 20px; }
      .hamburg img {
        width: 2.25rem; }
      .hamburg .insta {
        margin-bottom: 0.25rem; }
        .hamburg .insta img {
          width: 1rem; } }

.uk-modal-dialog {
  padding-top: 60px; }
  @media screen and (max-width: 896px) {
    .uk-modal-dialog {
      padding-top: 45px; } }
  @media screen and (max-width: 480px) {
    .uk-modal-dialog {
      padding-top: 5vh; } }

.hd_sp_nav {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto; }
  .hd_sp_nav li {
    padding: 0;
    margin: 0; }
  .hd_sp_nav > li {
    border-bottom: 3px dotted #ECE24D; }
    .hd_sp_nav > li ul {
      margin: 0;
      padding: 0;
      list-style: none;
      line-height: 1em;
      margin-bottom: 1em; }
      .hd_sp_nav > li ul li {
        padding: 0;
        margin: 0; }
      .hd_sp_nav > li ul li a {
        font-size: 1rem;
        padding: 0.5em 0.5em 0.5em 1em;
        color: #ECE24D !important; }
        .hd_sp_nav > li ul li a:hover {
          color: #ECE24D !important; }
    .hd_sp_nav > li:last-child {
      border-bottom: none; }
    .hd_sp_nav > li a {
      color: #ECE24D !important;
      padding: 1em 0;
      display: block;
      text-align: left;
      font-size: 1.25rem; }
      .hd_sp_nav > li a:hover {
        color: #ECE24D !important; }
      .hd_sp_nav > li a img {
        padding-left: 20px; }

.hd_sp_nav_sub, .hd_instagram, .hd_bnr_online {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
  max-width: 510px;
  margin: 40px auto 0; }
  .hd_sp_nav_sub li, .hd_instagram li, .hd_bnr_online li {
    padding: 0;
    margin: 0; }
  .hd_sp_nav_sub li, .hd_instagram li, .hd_bnr_online li {
    display: inline-block; }
  .hd_sp_nav_sub .hd_instagram, .hd_instagram .hd_instagram, .hd_bnr_online .hd_instagram {
    text-align: left; }
    .hd_sp_nav_sub .hd_instagram img, .hd_instagram .hd_instagram img, .hd_bnr_online .hd_instagram img {
      width: 65px;
      height: 65px;
      margin-top: 0.85rem; }
  .hd_sp_nav_sub .hd_bnr_online, .hd_instagram .hd_bnr_online, .hd_bnr_online .hd_bnr_online {
    text-align: right;
    float: right; }
    .hd_sp_nav_sub .hd_bnr_online img, .hd_instagram .hd_bnr_online img, .hd_bnr_online .hd_bnr_online img {
      height: 100%;
      width: 300px;
      border: 2px solid transparent;
      transition: all 0.3s; }
      .hd_sp_nav_sub .hd_bnr_online img:hover, .hd_instagram .hd_bnr_online img:hover, .hd_bnr_online .hd_bnr_online img:hover {
        border: 2px solid #ECE24D; }
  @media screen and (max-width: 480px) {
    .hd_sp_nav_sub, .hd_instagram, .hd_bnr_online {
      margin: 10px auto 0; }
      .hd_sp_nav_sub .hd_instagram img, .hd_instagram .hd_instagram img, .hd_bnr_online .hd_instagram img {
        margin-top: 0;
        height: 50px;
        width: 50px; }
      .hd_sp_nav_sub .hd_bnr_online img, .hd_instagram .hd_bnr_online img, .hd_bnr_online .hd_bnr_online img {
        width: 180px; } }

.uk-modal-dialog {
  background-color: transparent; }

.uk-nav-parent-icon > .uk-parent > a::after {
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/ico_plus.png);
  background-size: 100% 100%;
  margin-top: -5px; }

.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url(../images/ico_minus.png); }

/* ***********************************************************
* nav-list
* *********************************************************** */
#global-nav ul li {
  opacity: 0;
  -webkit-transform: scaleX(0) translateX(-260px);
  transform: scaleX(0) translateX(-260px);
  -webkit-transition: none;
  transition: none; }

.uk-open #global-nav ul li {
  opacity: 1;
  -webkit-transform: scaleX(1) translateX(0);
  transform: scaleX(1) translateX(0);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .1s;
  transition-delay: .1s; }

.uk-open #global-nav ul li:nth-child(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s; }

.uk-open #global-nav ul li:nth-child(3) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s; }

.uk-open #global-nav ul li:nth-child(4) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s; }

.uk-open #global-nav ul li:nth-child(5) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }

.uk-open #global-nav ul li:nth-child(6) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s; }

/* ***********************************************************
* #nav-bg
* *********************************************************** */
#nav-bg {
  content: "";
  width: 5000px;
  height: 5000px;
  margin-right: -2500px;
  margin-top: -2500px;
  top: 0;
  right: 0;
  display: block;
  position: fixed;
  background: #B91721;
  border-radius: 50%;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0); }

.uk-open #nav-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out; }

/* ***********************************************************
* #nav-toggle
* *********************************************************** */
#nav-toggle {
  display: block;
  position: fixed;
  right: 18px;
  top: 21px;
  width: 23px;
  height: 30px;
  cursor: pointer;
  padding: 10px 11px;
  z-index: 1001;
  -webkit-tap-highlight-color: transparent; }

#nav-toggle div {
  position: relative; }

#nav-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  left: 0;
  zoom: 1;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }

#nav-toggle span:nth-child(1) {
  top: 0; }

#nav-toggle span:nth-child(2) {
  top: 8px; }

#nav-toggle span:nth-child(3) {
  top: 16px; }

.open #nav-toggle {
  background: transparent; }

.open #nav-toggle span {
  background: #fff; }

.open #nav-toggle span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  zoom: 1; }

.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%; }

.open #nav-toggle span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  zoom: 1; }

/* ==========================================================================
フッター
========================================================================== */
footer > section {
  padding: 70px 0 0 0;
  position: relative; }
  @media screen and (max-width: 896px) {
    footer > section {
      padding: 55px 0 0 0; } }
  @media screen and (max-width: 480px) {
    footer > section {
      padding: 40px 0 0 0; } }
  footer > section:after {
    content: '';
    display: block;
    transform: rotate(180deg);
    background: #fff url(../images/line_handwrite_red.png) center bottom repeat-x;
    background-size: auto 10px;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0; }

.ft_add {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6; }

.ft_tel {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
  font-size: 0.75rem; }
  .ft_tel li {
    padding: 0;
    margin: 0; }
  .ft_tel li {
    font-family: jaf-domus-titling-web, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 1em; }
    .ft_tel li span.number {
      font-size: 2em; }

/* メニュー
----------------------------------------------------------------- */
.nav_ft {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
  display: table;
  width: 100%; }
  .nav_ft li {
    padding: 0;
    margin: 0; }
  .nav_ft li {
    display: table-cell;
    text-align: center; }
    .nav_ft li:last-child a {
      border-right: none; }
    .nav_ft li a {
      display: block;
      color: #B91721;
      font-size: 0.75rem;
      border-right: 3px dotted #B91721;
      padding: 0.25em 0; }
      .nav_ft li a img {
        width: 1em;
        margin-left: 0.5em; }
      .nav_ft li a .ico {
        fill: #B91721; }
      .nav_ft li a:hover {
        color: #f2e858; }
        .nav_ft li a:hover .ico {
          fill: #f2e858; }

/* コピーライト
----------------------------------------------------------------- */
.ft_copyright {
  text-align: right;
  padding: 1rem 0;
  font-size: 0.85rem;
  font-family: jaf-domus-titling-web, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.025em; }
  @media screen and (max-width: 480px) {
    .ft_copyright {
      text-align: center; } }

/* ==========================================================================
index.html
========================================================================== */
.page_index main section {
  padding: 70px 0 0 0; }
  @media screen and (max-width: 896px) {
    .page_index main section {
      padding: 55px 0 0 0; } }
  @media screen and (max-width: 480px) {
    .page_index main section {
      padding: 40px 0 0 0; } }

/* 要素名
----------------------------------------------------------------- */
.nav_toc {
  background-color: #fff;
  border-radius: 15px; }
  @media screen and (max-width: 480px) {
    .nav_toc {
      padding-left: 20px;
      padding-right: 20px; } }
  .nav_toc ul.uk-subnav {
    margin-bottom: 1.5em;
    margin-left: 0; }
    .nav_toc ul.uk-subnav li {
      padding: 0.5em 0; }
      .nav_toc ul.uk-subnav li a {
        border-right: 3px dotted #eeeff0;
        padding: 1em 0.5em;
        color: #B91721;
        text-align: center; }
        .nav_toc ul.uk-subnav li a .number {
          display: inline-block;
          border: 2px solid #B91721;
          border-radius: 50%;
          width: 1.5em;
          height: 1.5em;
          box-sizing: border-box;
          line-height: 1em;
          margin-right: 0.25em;
          font-size: 1em;
          text-align: center;
          font-family: jaf-domus-titling-web, sans-serif;
          font-style: normal;
          font-weight: 700; }
        .nav_toc ul.uk-subnav li a img {
          width: 2rem;
          margin-right: 0.25em; }
        .nav_toc ul.uk-subnav li a:after {
          content: '';
          display: inline-block;
          width: 0.75em;
          height: 0.75em;
          transform: rotate(90deg);
          background: url(../images/ico_arrow.png) center center no-repeat;
          background-size: 100% 100%;
          margin-left: 0.25em; }
        .nav_toc ul.uk-subnav li a:hover {
          color: #ffa6a4;
          background-color: #fff; }
          .nav_toc ul.uk-subnav li a:hover img {
            position: relative;
            bottom: -2px; }
          .nav_toc ul.uk-subnav li a:hover .number {
            border-color: #ffa6a4; }
          .nav_toc ul.uk-subnav li a:hover:after {
            background: url(../images/ico_arrow_on.png) center center no-repeat;
            background-size: 100% 100%; }
      .nav_toc ul.uk-subnav li:last-child a {
        border-right: none; }
    @media screen and (max-width: 480px) {
      .nav_toc ul.uk-subnav li:last-child a {
        border-bottom: none; }
      .nav_toc ul.uk-subnav li a {
        padding: 0.5em 0.5em;
        text-align: left;
        border-right: none !important;
        border-bottom: 3px dotted #eeeff0; }
        .nav_toc ul.uk-subnav li a:after {
          content: '';
          display: inline-block;
          width: 0.75em;
          height: 0.75em;
          transform: rotate(90deg);
          background: url(../images/ico_arrow.png) center center no-repeat;
          background-size: 100% 100%;
          margin-left: 0.25em;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -13px; } }

/* ラインナップ
----------------------------------------------------------------- */
.product {
  position: relative;
  background-color: #fff;
  margin: 0 50px 70px;
  padding-top: 20px;
  padding-bottom: 40px;
  border-radius: 0 0 15px 15px;
  border-style: solid;
  border-width: 5px 0 0 0;
  -webkit-border-image: url(../images/line_dot_red.png) 5 0 0 0 repeat repeat;
  border-image: url(../images/line_dot_red.png) 5 0 0 0 repeat repeat; }
  .product .title_number {
    position: absolute;
    top: -0.75em;
    left: calc(50% - 0.75em);
    color: #B91721;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    border: 3px solid #B91721;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    box-sizing: border-box;
    font-size: 2rem;
    box-sizing: border-box;
    font-family: jaf-domus-titling-web, sans-serif;
    font-style: normal;
    font-weight: 700; }
  .product .title_sub {
    color: #B91721; }
  .product .product_img {
    width: 100%;
    max-width: 600px; }
  @media screen and (max-width: 896px) {
    .product {
      margin: 0 0 55px;
      padding-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .product {
      margin: 0 50px 40px;
      padding-top: 10px;
      padding-bottom: 20px;
      margin: 0 0; } }

.from_saitama {
  background: url(../images/label_saitama.svg) no-repeat; }

.from_tochigi {
  background: url(../images/label_tochigi.svg) no-repeat; }

.from_gunma {
  background: url(../images/label_gunma.svg) no-repeat; }

.from_saitama,
.from_tochigi,
.from_gunma {
  background-position: right top;
  min-height: 84px;
  padding-right: 67px; }

@media screen and (min-width: 1600px) {
  .from_saitama,
  .from_tochigi,
  .from_gunma {
    background-position: left 15em top; } }

.bg_amarin01 {
  background: url(../images/amarin_img_bg.png) top right 50px no-repeat;
  background-size: 55%; }
  @media screen and (max-width: 480px) {
    .bg_amarin01 {
      background: url() top right 50px no-repeat; } }

.tips {
  background-color: #fff;
  border: 3px dotted #B91721;
  padding: 20px;
  margin-bottom: 70px; }
  .tips .tips01 {
    background-color: #ECE24D;
    color: #62A9DC;
    text-align: center;
    border-radius: 5px;
    padding: 1em 0.5em;
    font-size: 0.75rem;
    line-height: 1.5; }
    .tips .tips01 span {
      font-size: 1rem; }
  .tips .uk-text-meta {
    font-weight: 400; }
  @media screen and (max-width: 896px) {
    .tips {
      padding: 15px;
      margin-bottom: 55px; } }
  @media screen and (max-width: 480px) {
    .tips {
      padding: 10px;
      margin-bottom: 40px; } }

.title_tab {
  font-size: 0.875rem;
  display: inline-block;
  background-color: #B91721;
  color: #fff;
  margin-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.25rem 2rem; }

.date_area {
  border: 3px dotted #B91721;
  padding: 0.875rem;
  margin-top: -5px; }

.tb_date {
  color: #B91721;
  border-collapse: separate;
  border-spacing: 5px 15px;
  margin: -5px 0; }
  .tb_date th, .tb_date td {
    font-size: 0.875rem;
    background-color: #FFDDDB; }
  .tb_date th {
    width: 20%;
    text-align: center;
    padding: 0; }
  .tb_date td {
    padding: 0 0.25em 0 1em; }

img.comment_img {
  max-width: 150px; }
  @media screen and (max-width: 480px) {
    img.comment_img {
      max-width: 100px; } }

.comment {
  max-width: 320px;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-radius: 10px; }
  .comment p {
    font-size: 0.75rem;
    line-height: 2em; }
  .comment h3 {
    background: url(../images/ico_logo.png) left top 0.25em no-repeat;
    background-size: 1.25em 1.25em;
    padding-left: 1.5em;
    font-size: 1rem;
    color: #B91721;
    margin-bottom: 1rem; }

/* あまりん
----------------------------------------------------------------- */
.copy01 {
  color: #B91721; }
  .copy01 img {
    max-width: 315px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px; }
    @media screen and (max-width: 896px) {
      .copy01 img {
        margin-bottom: 15px;
        margin-top: 30px; } }
    @media screen and (max-width: 480px) {
      .copy01 img {
        margin-bottom: 10px;
        margin-top: 40px; } }

.title_flag {
  margin-bottom: 20px; }
  @media screen and (max-width: 896px) {
    .title_flag {
      margin-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    .title_flag {
      text-align: center;
      margin-bottom: 10px; }
      .title_flag img {
        width: 70%; } }

.copy02 {
  display: inline-block;
  color: #B91721;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left; }

.bg_yayoihime_img03 {
  background: url(../images/yayoihime_img03.png) top right no-repeat; }

/* 商品ラインアップ
----------------------------------------------------------------- */
.season {
  background-color: #FFF2D4;
  border-radius: 15px;
  text-align: center;
  padding: 40px 40px 0.5rem 40px;
  margin-bottom: 70px; }
  .season h3 {
    color: #B91721;
    margin-bottom: 20px; }
  .season p {
    color: #232323;
    font-size: 0.75em;
    font-weight: 400; }
  @media screen and (max-width: 896px) {
    .season {
      padding: 30px 30px 0.5rem 30px;
      margin-bottom: 55px; }
      .season h3 {
        margin-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    .season {
      padding: 20px 20px 0.5rem 20px;
      margin-bottom: 40px; }
      .season h3 {
        margin-bottom: 10px; } }

.title_spec {
  font-size: 1.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid #fff; }
  .title_spec img {
    width: 1em;
    margin-right: 0.5em; }
  .title_spec span.ruby {
    font-size: 0.5em;
    font-family: jaf-domus-titling-web, sans-serif;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 1em; }

.tb_spec {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  border-collapse: collapse; }
  .tb_spec th, .tb_spec td {
    border-bottom: 1px solid #9E0C1A; }
    .tb_spec th span.price, .tb_spec td span.price {
      font-size: 1.75rem;
      font-family: jaf-domus-titling-web, sans-serif;
      font-style: normal;
      font-weight: 400; }
  .tb_spec td {
    text-align: right;
    font-weight: 400; }

/* こだわり
----------------------------------------------------------------- */
#head03 {
  padding-right: 35px;
  padding-left: 35px; }
  @media screen and (max-width: 896px) {
    #head03 {
      padding-right: 0;
      padding-left: 0; } }

.title_kodawari {
  display: inline-block;
  position: absolute;
  top: -26px;
  margin: 0;
  padding: 1rem 0 1rem;
  z-index: 2;
  width: 6em;
  text-align: center;
  font-size: 1.5rem;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  background: #F2E858;
  border-radius: 0 0 15px 15px;
  line-height: 1em; }
  .title_kodawari img {
    width: 1.5em;
    margin-right: 0.5rem; }
  .title_kodawari span {
    font-size: 0.5rem;
    color: #232323; }
  .title_kodawari:before {
    position: absolute;
    content: '';
    top: 0;
    left: -10px;
    border: none;
    border-bottom: solid 25px #30680D;
    border-left: solid 10px transparent; }
  @media screen and (max-width: 480px) {
    .title_kodawari {
      left: 50%;
      transform: translateX(-50%); } }

.topic {
  background: #fff url(../images/topic_bg.png) center no-repeat;
  max-width: 1400px;
  border: 3px solid #30680D;
  border-radius: 15px;
  margin: 35px auto;
  position: relative;
  padding: calc(35px + 2rem) 35px 35px 35px;
  box-sizing: border-box;
  position: relative; }
  .topic .topic_img {
    max-width: 240px;
    width: 50%;
    float: right; }
  .topic * {
    color: #62A9DC; }
  .topic h3 {
    font-size: 1.25rem;
    margin: 50px 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif; }
  .topic ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }
    .topic ul li {
      padding-left: 1.5rem;
      background: url(../images/ico_strawberry.png) left 0 top 3px no-repeat;
      background-size: 1rem; }
      .topic ul li h4 {
        font-size: 1.125rem;
        margin: 20px 0; }
      .topic ul li p {
        margin: 0;
        font-weight: 100;
        font-size: 0.875rem;
        line-height: 1.8; }
  @media screen and (max-width: 896px) {
    .topic {
      padding: calc(27.5px + 2rem) 0 27.5px 0;
      margin: 27.5px auto; }
      .topic h3 {
        margin: 40px 0; } }
  @media screen and (max-width: 480px) {
    .topic {
      background: #fff url();
      border-width: 3px 0;
      border-radius: 0; }
      .topic h3 {
        margin: 30px 0; }
      .topic .margin-remove-horizontal {
        padding-left: 0;
        padding-right: 0;
        margin-left: -10px;
        margin-right: -100px; }
        .topic .margin-remove-horizontal img {
          width: 100%; } }

@media screen and (max-width: 480px) {
  .topic_bg_sp {
    margin-bottom: 60px; }
    .topic_bg_sp:after {
      content: "";
      display: block;
      background: url(../images/topic_bg_sp.png) repeat-x;
      background-size: 100%;
      width: 100%;
      height: 25px;
      position: absolute;
      left: 0;
      margin-top: 30px; } }

/* 私たちについて
----------------------------------------------------------------- */
#head04 {
  position: relative;
  padding-bottom: 200px;
  height: 60vh;
  min-height: 390px;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    #head04 {
      height: 50vh;
      min-height: 190px; } }

.bg_about {
  background: url(../images/bg_about.jpg) 50% 50%;
  background-size: cover; }
  @media screen and (max-width: 896px) {
    .bg_about {
      background: url(../images/bg_about.jpg) 60% 50%;
      background-size: auto 100%; } }

.title_about {
  background: #fff url(../images/logo.png) top 0.5rem center no-repeat;
  background-size: calc(100% - 1rem);
  font-size: 1.6rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  border-radius: 50px;
  padding: 2.5em 1em 1em 1em;
  line-height: 1;
  height: 7.75em;
  text-align: center; }
  .title_about span {
    padding-top: 0.5em;
    display: inline-block; }
  @media screen and (max-width: 480px) {
    .title_about {
      font-size: 1.3rem;
      height: 7em; }
      .title_about span {
        padding-top: 0; } }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .title_about span {
    padding-right: 0.5em; } }

.area_instagram {
  text-align: center;
  background-color: #fff;
  padding: 5px;
  max-width: 700px;
  margin: auto;
  border-radius: 5px;
  position: absolute;
  bottom: -150px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(160, 160, 160, 0.5); }
  .area_instagram .ico {
    position: absolute;
    right: -10px;
    top: 5px;
    width: 7%; }
  .area_instagram .tag {
    display: inline-block;
    background-color: #EEE;
    font-size: 0.625rem;
    text-align: center;
    border-radius: 5em;
    padding: 0 2rem;
    margin-bottom: 0.5rem; }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .area_instagram .tag {
    padding: 0.5em 2rem 0 2rem; } }

.area_instagram_sp {
  padding: 20px 0; }
  .area_instagram_sp .tag {
    font-size: 0.625rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 0; }

.bg_about2 {
  background-color: #F0F0F0;
  padding: 40px 0 40px !important; }
  .bg_about2 div.bg_about2_inner {
    background: url(../images/bg_about2.jpg) center bottom;
    background-size: cover;
    margin: 0 20px;
    padding: 200px 0 210px; }
    .bg_about2 div.bg_about2_inner h2 {
      font-weight: 600; }
    .bg_about2 div.bg_about2_inner * {
      font-weight: 400;
      color: #fff; }
  @media screen and (max-width: 480px) {
    .bg_about2 {
      padding: 0 0 0 !important; }
      .bg_about2 div.bg_about2_inner {
        margin: 0 0;
        padding: 60px 0 40vh; } }

.tb_about {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  border-collapse: collapse; }
  .tb_about tr {
    border-width: 1px 0; }
    .tb_about tr th {
      vertical-align: top; }
    .tb_about tr th, .tb_about tr td {
      border-bottom: 1px solid #fff; }
    .tb_about tr td {
      font-weight: 400; }
      .tb_about tr td span.number {
        font-family: jaf-domus-titling-web, sans-serif;
        font-style: normal;
        font-weight: 400; }
    .tb_about tr:last-child th, .tb_about tr:last-child td {
      border-bottom: none; }

.rsv_title {
  font-size: 1.5rem;
  margin-bottom: 30px; }

.modal_body {
  padding-top: 0;
  margin-top: 50px; }
  .modal_body .rsv_wrap {
    background-color: #fff;
    border: 3px dotted #B91721;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 30px; }
    .modal_body .rsv_wrap .tel_area {
      margin: 0;
      padding: 0;
      list-style: none;
      line-height: 1em; }
      .modal_body .rsv_wrap .tel_area li {
        padding: 0;
        margin: 0; }
      .modal_body .rsv_wrap .tel_area p {
        color: #B91721;
        padding: 1rem 0 0.5rem;
        margin-bottom: 0px !important;
        font-family: jaf-domus-titling-web, sans-serif;
        font-style: normal;
        font-weight: 700; }
        .modal_body .rsv_wrap .tel_area p a.number {
          color: #B91721;
          margin-left: 0.2rem;
          font-size: 2.813rem; }
          .modal_body .rsv_wrap .tel_area p a.number:hover {
            color: #ECE24D; }
      @media screen and (max-width: 480px) {
        .modal_body .rsv_wrap .tel_area p {
          border-bottom: 0px dotted #B91721;
          margin-bottom: 0 !important;
          margin-top: 0 !important; }
          .modal_body .rsv_wrap .tel_area p a.number {
            line-height: 0.5; } }
    .modal_body .rsv_wrap .rsv_time_txt {
      font-size: 0.875rem;
      margin-bottom: 10px; }
    .modal_body .rsv_wrap .btn_rsv_contact {
      padding: 0.5rem 0 0 0; }
      .modal_body .rsv_wrap .btn_rsv_contact a {
        max-width: 260px;
        margin: auto;
        font-size: 1rem;
        padding: 0.35rem 1rem 0.35rem 0.5em; }
        @media screen and (max-width: 480px) {
          .modal_body .rsv_wrap .btn_rsv_contact a {
            padding: 0.6rem 1rem 0.6rem 0.5em; } }
    .modal_body .rsv_wrap .rsv_note_txt {
      font-size: 0.875rem;
      margin-top: 20px; }
      .modal_body .rsv_wrap .rsv_note_txt p {
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: 0;
        margin: 0 0 0 0; }
  .modal_body .uk-close {
    color: #fff; }
    .modal_body .uk-close svg {
      width: 20px;
      margin-bottom: 5px; }
    .modal_body .uk-close:hover {
      opacity: 0.8; }

/* お買い求め
----------------------------------------------------------------- */
.bnr_online img {
  border: 3px solid transparent;
  transition: all 0.3s;
  width: 100%; }
  .bnr_online img:hover {
    border: 3px solid #ECE24D; }

/* お問い合わせ
----------------------------------------------------------------- */
.time_area {
  background-color: #fff;
  border-radius: 50px;
  margin-bottom: 40px; }
  .time_area p {
    color: #B91721; }

.tel_area {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em; }
  .tel_area li {
    padding: 0;
    margin: 0; }
  .tel_area li {
    padding: 1rem 0;
    font-family: jaf-domus-titling-web, sans-serif;
    font-style: normal;
    font-weight: 700; }
    .tel_area li:last-child {
      border-left: 3px dotted #fff; }
    .tel_area li a.number {
      margin-left: 0.5rem;
      font-size: 2.813rem; }
  @media screen and (max-width: 480px) {
    .tel_area li {
      border-bottom: 3px dotted #fff;
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
      .tel_area li:last-child {
        border-left: none; } }

@media screen and (max-width: 480px) {
  .tel_rsv li {
    border-bottom: 0px dotted #b91721; } }

.mobaile_area {
  font-family: jaf-domus-titling-web, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 50px; }
  .mobaile_area a.number {
    margin-left: 0.5rem;
    font-size: 1.5rem; }

.form_area {
  background-color: #fff;
  border-radius: 15px;
  padding: 50px 0;
  margin-bottom: 110px !important; }
  .form_area * {
    color: #232323; }
  @media screen and (max-width: 896px) {
    .form_area {
      padding: 40px 30px;
      margin-bottom: 80px !important; } }
  @media screen and (max-width: 480px) {
    .form_area {
      padding: 30px 20px;
      margin-bottom: 60px !important; } }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .time_area {
    padding-top: 0.5em; } }

/* フォーム
----------------------------------------------------------------- */
table.td_form {
  margin-bottom: 40px; }
  table.td_form tr th, table.td_form tr td {
    padding: 0.5rem 0 1rem 0.5rem; }
  table.td_form tr th {
    position: relative;
    padding: 0.5rem 0; }
  @media screen and (max-width: 480px) {
    table.td_form {
      margin-bottom: 20px; }
      table.td_form tr th, table.td_form tr td {
        width: 100%;
        display: block;
        padding: 10px 10px 0 0; }
      table.td_form tr td {
        padding: 0 10px 10px 0; } }

label {
  color: color(text);
  font-weight: 400; }

.uk-input, .uk-select, .uk-textarea {
  border: solid 1px #FFE9EB;
  background-color: #FFE9EB;
  border-radius: 5px; }

* + .uk-input {
  margin-top: 0.5rem; }

.uk-radio {
  border: 2px solid #B91721;
  background-color: #fff; }

.ico_required:after {
  content: "*必須";
  color: #B91721;
  line-height: 1em;
  font-size: 0.6em;
  padding: 0.25em 0.8em;
  margin-top: -1em; }
  @media screen and (max-width: 480px) {
    .ico_required:after {
      padding: 0.1em 0.5em;
      position: relative;
      right: inherit;
      top: inherit;
      margin-left: 0.5rem;
      margin-top: auto; } }

.btn_form {
  padding: 0;
  margin: 0;
  text-align: center; }
  .btn_form a {
    display: block;
    background-color: #B91721;
    font-weight: bold;
    position: relative;
    max-width: 260px;
    padding: 0.8rem;
    font-size: 0.85rem;
    color: #fff;
    border-radius: 15px; }
    .btn_form a:hover {
      color: #232323;
      background-color: #FFF69F; }
  .btn_form a[href="javascript:history.back()"],
  .btn_form a[href="javascript:form.reset()"] {
    color: #232323;
    background-color: #E0E0E0; }
    .btn_form a[href="javascript:history.back()"]:hover,
    .btn_form a[href="javascript:form.reset()"]:hover {
      background-color: #FFF69F; }
  @media screen and (max-width: 480px) {
    .btn_form a {
      width: 50%;
      max-width: inherit;
      margin: auto; } }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .btn_form a {
    padding: 1.3rem 0.8rem 0.8rem; } }

.tb_thanks {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  border-collapse: collapse; }
  .tb_thanks tr {
    border: 1px solid #ECE24D;
    border-width: 1px 0; }
    .tb_thanks tr th {
      vertical-align: top; }
    .tb_thanks tr th, .tb_thanks tr td {
      border-bottom: 1px solid #ECE24D; }
    .tb_thanks tr td {
      font-weight: 400; }
      .tb_thanks tr td span.number {
        font-family: jaf-domus-titling-web, sans-serif;
        font-style: normal;
        font-weight: 400; }

/* 配送について
----------------------------------------------------------------- */
.delivery_text li {
  margin-bottom: 40px; }
  @media screen and (max-width: 896px) {
    .delivery_text li {
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .delivery_text li {
      margin-bottom: 20px; } }
  .delivery_text li span {
    font-weight: 100;
    font-size: 0.875rem;
    line-height: 1.8;
    margin-top: 0.5em;
    display: inline-block; }

.delivery {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden; }
  .delivery h3 {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 0;
    color: #5A9502;
    line-height: 1.8; }
    .delivery h3 span {
      margin-top: 0.714rem;
      font-size: 0.75rem;
      display: block; }
    @media screen and (max-width: 896px) {
      .delivery h3 {
        line-height: 1.5; } }
  .delivery p {
    color: #5A9502;
    padding-right: 20px;
    font-weight: 100;
    margin-left: -2rem;
    font-size: 1rem;
    line-height: 2; }
    @media screen and (max-width: 896px) {
      .delivery p {
        font-size: 0.75rem;
        line-height: 1.8; } }
    @media screen and (max-width: 480px) {
      .delivery p {
        margin-left: 0;
        font-size: 0.875rem; } }
  .delivery .melon_sec {
    margin: 2rem 0; }
    @media screen and (max-width: 896px) {
      .delivery .melon_sec {
        margin: 1rem 0; } }
    @media screen and (max-width: 480px) {
      .delivery .melon_sec {
        margin: 8% 0 0 0; } }
    .delivery .melon_sec .melon_txt {
      margin-left: -2rem;
      font-size: 1rem;
      font-weight: 100;
      line-height: 2;
      text-align: justify;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 896px) {
        .delivery .melon_sec .melon_txt {
          font-size: 0.75rem;
          line-height: 1.8; } }
      @media screen and (max-width: 480px) {
        .delivery .melon_sec .melon_txt {
          margin-left: 0;
          font-size: 0.875rem; } }
    .delivery .melon_sec hr {
      margin: 1rem 1rem 1rem -2rem;
      border: 1px solid #cddfb3; }
      @media screen and (max-width: 896px) {
        .delivery .melon_sec hr {
          margin: 0rem 1rem 0.5rem -2rem; } }
      @media screen and (max-width: 480px) {
        .delivery .melon_sec hr {
          margin: 1rem 0; } }
    .delivery .melon_sec table {
      margin-left: -2rem; }
      @media screen and (max-width: 480px) {
        .delivery .melon_sec table {
          margin-left: 0; } }
      .delivery .melon_sec table tbody tr th, .delivery .melon_sec table tbody tr td {
        color: #5A9502;
        padding: 0;
        line-height: 1.8; }
        .delivery .melon_sec table tbody tr th .txt_s, .delivery .melon_sec table tbody tr td .txt_s {
          font-size: 0.75rem;
          white-space: nowrap; }
          @media screen and (max-width: 896px) {
            .delivery .melon_sec table tbody tr th .txt_s, .delivery .melon_sec table tbody tr td .txt_s {
              font-size: 0.625rem; } }
          @media screen and (max-width: 480px) {
            .delivery .melon_sec table tbody tr th .txt_s, .delivery .melon_sec table tbody tr td .txt_s {
              font-size: 0.75rem; } }
        .delivery .melon_sec table tbody tr th .cir_size, .delivery .melon_sec table tbody tr td .cir_size {
          background: #5A9502;
          display: inline-block;
          width: calc(10px + 10px);
          height: calc(10px + 10px);
          border-radius: 50%;
          line-height: 1.25rem;
          font-size: 0.75rem;
          letter-spacing: 0.1rem;
          color: #fff;
          text-align: center;
          margin-right: 2px; }
          @media screen and (max-width: 896px) {
            .delivery .melon_sec table tbody tr th .cir_size, .delivery .melon_sec table tbody tr td .cir_size {
              font-size: 0.625rem;
              width: calc(10px + 8px);
              height: calc(10px + 8px);
              line-height: 18px; } }
          @media screen and (max-width: 480px) {
            .delivery .melon_sec table tbody tr th .cir_size, .delivery .melon_sec table tbody tr td .cir_size {
              font-size: 0.75rem; } }
      .delivery .melon_sec table tbody tr th {
        width: 18%;
        font-size: 1rem;
        color: #5A9502;
        font-feature-settings: "palt";
        white-space: nowrap;
        margin-right: 1%;
        text-align: left; }
        @media screen and (max-width: 896px) {
          .delivery .melon_sec table tbody tr th {
            width: 20%;
            font-size: 0.75rem;
            margin-bottom: 0;
            line-height: 2.5; } }
        @media screen and (max-width: 480px) {
          .delivery .melon_sec table tbody tr th {
            width: 25%;
            font-size: 1rem;
            line-height: 1.8; } }
      .delivery .melon_sec table tbody tr td {
        text-align: left;
        width: 81%;
        margin-right: 0.55rem; }
        .delivery .melon_sec table tbody tr td:last-child {
          margin-right: 0; }
        @media screen and (max-width: 896px) {
          .delivery .melon_sec table tbody tr td {
            width: 80%; } }
        @media screen and (max-width: 480px) {
          .delivery .melon_sec table tbody tr td {
            width: 75%; } }
        .delivery .melon_sec table tbody tr td ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          .delivery .melon_sec table tbody tr td ul li {
            display: inline;
            white-space: nowrap;
            margin-right: 5px; }
  @media screen and (max-width: 480px) {
    .delivery p {
      padding-right: 0; }
    .delivery > div {
      padding: 20px; } }

@media all and (-ms-high-contrast: none) {
  .delivery .melon_sec table tbody tr th .cir_size, .delivery .melon_sec table tbody tr td .cir_size {
    line-height: 1.6rem; } }

/* - - - - - - - - - - - - - - - - - - - -
スライドショー
- - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - -
slick
- - - - - - - - - - - - - - - - - - - - 
.slider_wrap {
	position: relative;
	z-index: 1;
}
.slider {
	width: 100%;
	margin-top: -35px;
	.slide {
		height: 405px;
		img {
			display: block;
			margin: 0 30px;
		}
	}
}
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	bottom: -30px;
	li button:before {
		opacity: 1.0;
		font-size: 20px;
		color: #fff;
		-webkit-text-stroke: 3px #d4fb82;
	}
	li.slick-active button:before {
		opacity: 1.0;
		font-size: 20px;
		color: #d4fb82;
		-webkit-text-stroke: 3px #d4fb82;
	}
}
- - - - - - - - - - - - - - - - - - - - */

/*# sourceMappingURL=style.css.map */