@charset "utf-8";
/* ========================================================
	template.css => テンプレート用CSS
======================================================== */
html, body {
      width: 100%;
      overflow-x: hidden;
}
html {
      font-size: 62.5%;
      font-feature-settings: "palt";
}
@media print {
      body {
            zoom: 75%;
      }
}
@media screen and (max-width: 1370px) {
      html {
            font-size: 0.8vw;
      }
}
@media screen and (max-width: 960px) {
      html {
            font-size: 1.1vw;
      }
}
@media screen and (max-width: 680px) {
      html {
            /*font-size: clamp(0.5rem, -0.3rem + 4vw, 1.4rem);*/
            font-size: clamp(0.55rem, 0.25rem + 1.5vw, 0.7rem);
      }
}
body {
      background-color: #fff;
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.7;
      color: var(--col_sub);
      font-family: "Zen Kaku Gothic New", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
table {
      border-collapse: collapse;
      border-spacing: 0;
      line-height: 1.7;
}
a {
      text-decoration: none;
      transition: color 0.2s, background-color 0.2s, background-image 0.2s, border 0.2s, opacity 0.2s;
      color: var(--col_sub);
}
@media screen and (max-width: 1024px) {
      a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
            outline: none !important;
      } /*青い線の削除*/
      a:focus {
            outline: none !important;
      }
      a *:active, a *:focus {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
            outline: none !important;
      }
}
label {
      cursor: pointer;
}
input, select, textarea, button {
      margin: 0;
      vertical-align: middle;
      font-family: inherit;
      outline: none;
      font-size: 100%;
      box-sizing: border-box;
}
button {
      cursor: pointer;
}
iframe {
      vertical-align: middle;
}
@media screen and (max-width: 960px) {
      img {
            max-width: 100%;
            height: auto;
            box-sizing: border-box;
      }
      iframe {
            max-width: 100%;
            height: 200px;
      }
}
@media screen and (min-width: 1200px), print {
      a.tel_link[href^="tel:"] {
            pointer-events: none;
      }
}
.link_style {
      text-decoration: underline;
      color: var(--col_main);
}
.link_style:hover {
      text-decoration: none;
}
.link_style_list a {
      text-decoration: underline;
      color: var(--col_main);
}
.link_style_list a:hover {
      text-decoration: underline;
      color: var(--col_main);
}
/* font_____________
============================================================================================================ */
.loto {
      font-family: "Lato", sans-serif;
}
/* pc / tab / sp
============================================================================================================ */
.sp {
      display: none;
}
.sp_68 {
      display: none;
}
.tab {
      display: none;
}
.tab_sp {
      display: none;
}
@media screen and (max-width: 960px) {
      .pc {
            display: none !important;
      }
      .tab {
            display: block !important;
      }
      .sp {
            display: block;
      }
      .tab_sp {
            display: block !important;
      }
}
@media screen and (max-width: 680px) {
      .sp_68 {
            display: block;
      }
}
@media screen and (max-width: 480px) {
      .tab {
            display: none !important;
      }
      .pc_tab {
            display: none !important;
      }
      .tab_sp {
            display: block !important;
      }
}
/* sp
============================================================================================================ */
@media screen and (max-width: 960px) {
      *[data-label] img {
            display: none;
      }
      *[data-label]:before {
            content: attr(data-label);
      }
      *[data-label-r]:after {
            content: attr(data-label-r);
      }
}
/* w
============================================================================================================ */
.w78 {
      position: relative;
      display: block;
      max-width: 780px;
      margin: 0 auto;
}
.w90{
      position: relative;
      display: block;
      max-width: 900px;
      margin: 0 auto;
}
.w {
      position: relative;
      display: block;
      max-width: 1024px;
      margin: 0 auto;
}
.w10 {
      position: relative;
      display: block;
      max-width: 1000px;
      margin: 0 auto;
}
.w11 {
      position: relative;
      display: block;
      max-width: 1100px;
      margin: 0 auto;
}
.w13 {
      position: relative;
      display: block;
      max-width: 1325px;
      margin: 0 auto;
}
.w12 {
      position: relative;
      display: block;
      max-width: 1200px;
      margin: 0 auto;
}
/* ヘッダー
============================================================================================================ */
#header {
      padding-left: 2vw;
      font-size: 1.6rem;
      position: fixed;
      width: 100%;
      z-index: 10000;
      background: #fff;
      box-sizing: border-box;
      height: 76px;
}
#header .head {
      display: flex;
      align-items: center;
      justify-content: space-between;
}
@media screen and (max-width: 960px) {
      #header {
            height: 86px;
      }
	
	#header.open  {
		    background:var(--bg_beige)!important;
	}
}
/* logo */
#header .logo {
      width: 9.0em;
      position: relative;
}
#header .logo img {
      width: 100%;
}
@media screen and (max-width: 960px) {
      #header .logo {
            height: 86px;
            margin-left: 0.5em;
            display: flex;
            justify-content: center;
            align-items: center;
      }
}
/* reserve_btn
------------------------------------------------------------- */
.reserve_btn {
      margin-right: 1em;
      font-size: 0.88em;
}
.reserve_btn > * {
      border: solid 1px var(--col_main);
      background: var(--col_main);
      color: #fff;
      font-weight: bold;
      text-align: center;
      border-radius: 3em;
      padding: 0.5em 1em;
}
.reserve_btn > *:hover {
      border: solid 1px #231815;
      color: #fff;
      background: #231815;
}
@media screen and (max-width: 320px) {
      .reserve_btn > * {
            padding: 0.5em 0.5em;
            font-size: 1.4rem;
      }
}
/*open*/
#header.open .reserve_btn > * {
      border: solid 1px #fff;
      background: #fff;
      color: var(--col_main);
}
#header.open .reserve_btn > *:hover {
      color: #fff;
      background: var(--col_main);
}
/* globalnavi nav_________________________________*/
@media screen and (min-width:961px), print {
      #header nav #global {
            display: flex;
            margin-right: 2vw;
      }
      #header nav #global > li {
            position: relative;
            z-index: 2;
      }
      #header nav #global > li a {
            font-family: "Lato", sans-serif;
            color: var(--col_sub);
            font-weight: 900;
            display: flex;
            align-items: center;
            padding: 0 2vw;
            height: 100%;
            position: relative;
      }
      #header nav #global > li a:before {
            content: "";
            position: absolute;
            right: 0.2em;
            width: 1em;
            aspect-ratio: 1;
            background: url("../images/brn_arrow.svg") no-repeat;
            transition: all 0.3s ease;
      }
	#header nav #global > li a:hover:before {
		 right: -0em;
	}
	
      /* #header nav #global > li a:after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 100%;
            height: 0px;
            background: #349B13;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
      }*/
      /*   #header nav #global > li:hover a:after{
            bottom: 0px;
            opacity: 1;
            visibility: visible;
            height: 5px;
      }*/
      #header nav #global > li a:hover {}
      /*第2*/
      #header nav #global ul {
            position: absolute;
            left: 0;
            top: 90px; /*高さ-10px*/
            height: 0;
            overflow: hidden;
            opacity: 0;
            z-index: 10;
            min-width: 100%;
            transition: all 0.15s ease;
      }
      #header nav #global ul li + li {
            border-top: 1px solid #ccc;
      }
      #header nav #global ul li a {
            background: #EAEAEA;
            padding: 1em 1.5em;
            height: auto;
            min-width: 100%;
            white-space: nowrap;
            box-sizing: border-box;
      }
      #header nav #global ul li a:after {
            content: none;
      }
      #header nav #global ul li a:hover {
            background: #063306;
            color: #fff;
            opacity: 1;
      }
      #header nav #global li:hover ul {
            overflow: visible;
            opacity: 1;
            height: auto;
            top: 100px;
      }
      #header nav .nav_down {
            display: none;
      }
}
@media screen and (max-width: 960px) {
      #header nav {
            position: fixed;
            overflow: hidden;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease;
            /*開発*/
            /*      opacity: 1;
            visibility: visible;
            height: 100%;*/
      }
      #header nav > div {
            height: 100%;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            scrollbar-width: none;
      }
      #header nav > div::-webkit-scrollbar {
            display: none;
      }
      #header nav > div > div {
            height: 100%;
            overflow-y: auto;
            pointer-events: auto;
      }
      #header nav a {
            color: #fff;
            position: relative;
            display: block;
            letter-spacing: 1px;
      }
      /*第2階層*/
      #header nav .nav_down + ul > li a {
            padding-left: 1em !important;
            position: relative;
      }
      #header nav .nav_down + ul > li a:before {
            content: "・";
            position: absolute;
            left: 0em;
            top: 0em;
      }
      .head_none {
            display: none;
      }
      /*pc*/
      @media screen and (min-width:961px), print {
            #header nav .nav_down {
                  display: none;
            }
            .global_w {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  width: 790px;
            }
            #header nav #global {
                  display: flex;
                  justify-content: space-between;
                  min-height: 208px;
            }
            #header nav #global > li {
                  margin-right: 8%;
            }
            #header nav #global > li.head_last {
                  margin-right: 0;
            }
            #header nav #global > li > a, .head_only_list li a {
                  font-size: 2.0rem;
                  margin-bottom: 1em;
            }
            /*head_only
------------------------------------------------------------*/
            .head_only {
                  position: absolute;
                  top: 3em;
                  left: 0;
            }
            .head_only_list > li {
                  margin-bottom: 1em;
            }
            /*第2階層*/
            #header nav .nav_down + ul > li {
                  margin-bottom: 0.7em;
            }
      }
}
/*sp*/
@media screen and (max-width: 960px) {
      #header nav #global {
            display: block;
            margin-right: 0;
            font-size: 1.4rem;
      }
      #header nav {
            position: fixed;
            overflow: hidden;
            height: -webkit-calc(100% - 86px);
            height: calc(100% - 86px);
            top: 86px;
            left: 0;
            width: 100%;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
      }
      #header nav > div {
            height: 100%;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
      }
      #header nav > div > div {
            height: 100%;
            overflow-y: auto;
            background: var(--bg_beige);
            pointer-events: auto;
      }
      #header nav #global > li {
            position: relative;
      }
      #header nav #global {
            max-width: 50vw;
            margin: 5em auto auto auto;
      }
      #header nav #global > li a {
            display: block;
            font-size: 1.5em;
            padding: 1.0em 3em 1em 2em;
            height: auto;
            position: relative;
            font-family: "Lato", sans-serif;
            color: var(--col_sub);
            font-weight: 900;
      }
      #header nav #global > li a:before {
            content: "";
            position: absolute;
            right: 2em;
            width: 1.5em;
            aspect-ratio: 1;
            background: url("../images/brn_arrow.svg") no-repeat;
            transition: all 0.3s ease;
      }
      /*第2階層*/
      #header nav #global ul {
            height: 0;
            visibility: hidden;
            opacity: 0;
            transition: all 0.2s;
            margin-left: 1.5em;
      }
      /*open*/
      #header nav #global ul.open {
            height: auto;
            visibility: visible;
            opacity: 1;
            margin-bottom: 1em;
      }
      #header nav #global ul li a {
            padding: 0.1em 1.5em;
      }
      #header nav #global ul li a:before {
            top: 0.2em;
      }
      /*head_only
------------------------------------------------------------*/
      .head_only_list > li a {
            padding: 0.7em 1.5em;
      }
      /*矢印*/
      #header nav .nav_down {
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
            height: 3.8em;
            z-index: 888;
            display: block;
      }
      #header nav #global .has_snav > .nav_down:before {
            content: "";
            background: url("../images/arrow_basic_ff.svg") no-repeat;
            background-size: contain;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: rotateX(180deg) translate(-50%, 60%);
            aspect-ratio: 1/1.4;
            width: 0.8em;
            transition: all 0.2s;
      }
      #header nav #global .has_snav > a {
            padding: 0.7em 60px 0.7em 1.5em;
      }
      /*矢印open*/
      #header nav #global .has_snav > .nav_down.open:before {
            transform: rotateX(0deg) translate(-50%, -50%);
      }
}
@media screen and (max-width: 680px) {
      #header nav #global {
            max-width: 100%;
      }
}
/* nav ハンバーガー
------------------------------------------------------------- */
#header .nav_btn {
      display: none;
}
@media screen and (max-width: 960px) {
      #header .nav_btn {
            display: block;
            z-index: 1000;
            cursor: pointer;
            background: var(--col_main);
            width: 40px;
            aspect-ratio: 1;
            border-radius: 0.2em;
            position: relative;
            right: 30px;
      }
      #header .nav_btn span {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 2;
      }
      #header .nav_btn:before, #header .nav_btn span:before, #header .nav_btn span:after {
            content: "";
            background: #fff;
            position: absolute;
            height: 2px;
            width: 1.3em;
            transition: all 0.2s;
            top: 50%;
            left: 50%;
      }
      #header .nav_btn:before {
            transform: translate(-50%, -50%);
      }
      #header .nav_btn span:before, #header .nav_btn span:after {
            transform: translate(-50%, -0%) translateY(-8px);
      }
      #header .nav_btn span:after {
            transform: translate(-50%, -0%) translateY(6px);
      }
      /* open
--------------------------------*/
      #header.open nav {
            opacity: 1;
            visibility: visible;
            height: 100%;
      }
      #header.open .nav_btn:before, #header.open .nav_btn span:before, #header.open .nav_btn span:after {
            width: 1.5em;
      }
      #header.open .nav_btn:before {
            opacity: 0;
      }
      #header.open .nav_btn span:before {
            transform: translate(-50%, -0%) translateY(0) rotate(40deg);
      }
      #header.open .nav_btn span:after {
            transform: translate(-50%, -0%) translateY(0) rotate(-40deg);
      }
}
/* fixed
------------------------------------------------------------- */
#header.fixedinfo {
      top: 0 !important;
}
#header.open {
      top: 0 !important;
}
@media print {
      #header {
            position: relative !important;
      }
      #header.fixed {
            position: relative !important;
      }
}
/*sns_list
---------------------------------------------------------------*/
.sns_list {
      display: flex;
}
.sns_list li + li {
      margin-left: 3%;
}
.sns_list li img {
      width: 100%;
      height: 1.3em;
      object-fit: contain;
      object-position: center;
      font-family: 'object-fit: contain; object-position: center;'
}
#header .sns_list li.ico_x img {
      filter: brightness(0) invert(1) !important;
}
@media screen and (max-width: 960px) {
      .sns_list li + li {
            margin-left: 7%;
      }
}
/*head_sns
---------------------------------------------------------------*/
.head_sns {
      border-bottom: #fff 1px solid;
      padding: 1em 0 1.5em 0;
}
@media screen and (max-width: 960px) {
      .head_sns {
            border-bottom: none;
            padding: 3em 2em 1em 2em;
      }
}
/* footer
============================================================================================================ */
#footer {
      background: var(--bg_beige);
      font-size: 1.6rem;
      padding: 5em 0 5em;
}
.foot_w {
      max-width: 1200px;
      margin: auto;
}
/*foot_area*/
.foot_area {
      gap: 0 1em;
      display: flex;
}
.foot_area a {
      color: var(--col_sub);
}
@media screen and (min-width: 961px) {
      .foot_area a:hover {
            text-decoration: underline;
      }
}
@media screen and (max-width: 1210px) {
      .foot_w {
            max-width: 90%;
      }
}
@media screen and (max-width: 960px) {
      /*foot_area*/
      .foot_area {
            display: block;
      }
}
/*foot_info
---------------------------------------------------------------*/
.foot_info {
      width: 40%;
}
/*foot_logo*/
.foot_logo {
      width: 154px;
      margin-bottom: 1em;
}
.foot_logo img {
      width: 100%;
}
/*foot_info_inner*/
.foot_info_inner {
      font-size: 0.8em;
      color: var(--col_sub);
}
.foot_info_inner a {
      color: var(--col_sub);
}
.foot_title {
      font-size: 1.5em;
}
.foot_info_inner > * + * {
      margin-top: 0.5em;
}
@media screen and (max-width: 960px) {
      .foot_info {
            width: auto;
      }
}
/*foot_nav_area
---------------------------------------------------------------*/
.foot_nav_area {
      width: 60%;
      display: flex;
      justify-content: space-between;
}
.foot_nav_area a {
      display: block;
}
.foot_global_list ul li {
      display: none;
}
.foot_global_list .head_none {
      display: block;
}
/*foot_global
----------------------------*/
.foot_global_list {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: 12em;
}
.foot_global_list > li a {
      font-family: "Lato", sans-serif;
      color: var(--col_sub);
      font-weight: 900;
      padding: 0.5em 2.5em 0.5em 0;
}
@media screen and (max-width: 960px) {
      .foot_global_list {
            flex-direction: row;
            height: auto;
      }
}
/*foot_shop
----------------------------*/
.foot_shop_title {
      margin-bottom: 0.7em;
}
.foot_shop_list li {
      margin-left: 1em;
      position: relative;
}
.foot_shop_list li:last-child:before {
      top: auto;
      bottom: 1em;
}
.foot_shop_list li a {
      color: #8d7053;
      font-size: 0.8em;
      padding: 1em 0 1em 1em;
      position: relative;
}
.foot_shop_list a:before {
      content: "・";
      position: absolute;
      left: 0em;
      top: 1em;
      color: #8d7053;
}
/*foot_group
--------------------------------------*/
.foot_group_list li a {
      font-size: 0.8em;
      padding-right: 1.5em;
      padding-bottom: 1.2em;
      position: relative;
      display: inline-block;
}
.foot_group_list li a:before {
      filter: invert(20%) sepia(83%) saturate(643%) hue-rotate(352deg) brightness(88%) contrast(88%);
      content: "";
      position: absolute;
      right: 0em;
      top: 0.2em;
      height: 100%;
      background: url("../images/ico_link.svg")no-repeat;
      aspect-ratio: 1/1;
      width: 1em;
}
@media screen and (max-width: 960px) {
      .foot_nav_area {
            width: auto;
            display: block;
      }
      .foot_nav_area > * {
            margin-top: 1.4em;
      }
}
/* copyright
------------------------------------------------------------- */
.copyright {
      display: block;
      margin-top: 20px;
      font-size: 1.2rem;
      text-align: right;
      color: var(--col_sub);
}
@media screen and (max-width: 960px) {
      .copyright {
            font-size: 1.1rem;
      }
}
/*topic_path
----------------------------------------------------------*/
.topic_path, .topic_path a {
      color: var(--font_gray);
}
.topic_path li {
      display: inline-block;
}
.topic_path li a:after {
      content: ">";
      margin-left: 5px;
}
@media screen and (min-width: 961px), print {
      .topic_path {
            margin-top: 2.5em;
            font-size: 1.2rem;
            padding: 7px 0;
            margin-bottom: 0px;
            position: relative;
            z-index: 1;
      }
}
/*topic_path sp */
@media screen and (max-width: 960px) {
      /*追従あり*/
      .topic_path {
            padding: 7px 0;
            margin-top: 3rem;
            margin-bottom: 0;
            position: relative;
            z-index: 1;
            white-space: nowrap;
            height: 20px;
            overflow: hidden;
            font-size: 1.2rem;
            -webkit-overflow-scrolling: touch;
      }
      .topic_path ul {
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            height: 50px;
            transform: translateZ(0);
      }
      .topic_path ul li:last-child {
            margin-right: 20px;
      }
}
/* コンテナ
============================================================================================================ */
#container {
      position: relative;
      font-size: 1.6rem;
      padding-top: 76px;
}
@media screen and (max-width: 960px) {
      #container {
            padding-top: 86px;
      }
}
.f_16 {
      font-size: 16px;
}
.f_14 {
      font-size: 14px;
}
/* section
============================================================================================================ */
@media screen and (max-width: 1325px) {
      .sp_section_13 {
            max-width: 90%;
            margin: auto;
      }
      .sp_section_13_l {
            max-width: 95%;
            margin: auto;
      }
}
@media screen and (max-width: 1024px) {
      .sp_section_10 {
            max-width: 90%;
            margin: auto;
      }
      .sp_section_10_s {
            max-width: 95%;
            margin: auto;
      }
}
@media screen and (max-width: 800px) {
      .sp_section_80 {
            max-width: 90%;
            margin: auto;
      }
}
@media screen and (max-width: 780px) {
      .sp_section_78 {
            max-width: 90%;
            margin: auto;
      }
}
.section_ll + .section_ll {
      margin-top: 13rem;
}
.section_l + .section_l {
      margin-top: 10rem;
}
.section_ml + .section_ml {
      margin-top: 8rem;
}
.section_m + .section_m {
      margin-top: 6rem;
}
.section_s + .section_s {
      margin-top: 3rem;
}
.section_ss + .section_ss {
      margin-top: 2rem;
}
@media screen and (max-width: 480px) {
      .section_ll + .section_ll {
            margin-top: 6rem;
      }
      .section_l + .section_l {
            margin-top: 4rem;
      }
      .section_ml + .section_ml {
            margin-top: 3rem;
      }
      .section_m + .section_m {
            margin-top: 2rem;
      }
      .section_s + .section_s {
            margin-top: 1rem;
      }
      .section_ss + .section_ss {
            margin-top: 0.5rem;
      }
}
/* padding
============================================================================================================ */
.pd_l3 {
      padding-top: 15rem;
      padding-bottom: 15rem;
}
.pdt_l3 {
      padding-top: 15rem;
}
.pdb_l3 {
      padding-bottom: 15rem;
}
.pd_l2 {
      padding-top: 12rem;
      padding-bottom: 12rem;
}
.pdt_l2 {
      padding-top: 12rem;
}
.pdb_l2 {
      padding-bottom: 12rem;
}
.pd_l {
      padding-top: 8rem;
      padding-bottom: 8rem;
}
.pdt_l {
      padding-top: 8rem;
}
.pdb_l {
      padding-bottom: 8rem;
}
.pd_m3 {
      padding-top: 7rem;
      padding-bottom: 7rem;
}
.pdt_m3 {
      padding-top: 7rem;
}
.pdb_m3 {
      padding-bottom: 7rem;
}
.pd_m2 {
      padding-top: 6rem;
      padding-bottom: 6rem;
}
.pdt_m2 {
      padding-top: 6rem;
}
.pdb_m2 {
      padding-bottom: 6rem;
}
.pd_m {
      padding-top: 5rem;
      padding-bottom: 5rem;
}
.pdt_m {
      padding-top: 5rem;
}
.pdb_m {
      padding-bottom: 5rem;
}
.pd_s2 {
      padding-top: 3rem;
      padding-bottom: 3rem;
}
.pdt_s2 {
      padding-top: 3rem;
}
.pdb_s2 {
      padding-bottom: 3rem;
}
.pd_s {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
}
.pdt_s {
      padding-top: 2.5rem;
}
.pdb_s {
      padding-bottom: 2.5rem;
}
.pd_ss {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}
.pdt_ss {
      padding-top: 1.5rem;
}
.pdb_ss {
      padding-bottom: 1.5rem;
}
@media screen and (max-width: 680px) {
      .pd_l3 {
            padding-top: 10rem;
            padding-bottom: 10rem;
      }
      .pdt_l3 {
            padding-top: 10rem;
      }
      .pdb_l3 {
            padding-bottom: 15rem;
      }
      .pd_l2 {
            padding-top: 8rem;
            padding-bottom: 8rem;
      }
      .pdt_l2 {
            padding-top: 8rem;
      }
      .pdb_l2 {
            padding-bottom: 8rem;
      }
      .pd_l {
            padding-top: 6rem;
            padding-bottom: 6rem;
      }
      .pdt_l {
            padding-top: 6rem;
      }
      .pdb_l {
            padding-bottom: 6rem;
      }
      .pd_m3 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m3 {
            padding-top: 5rem;
      }
      .pdb_m3 {
            padding-bottom: 5rem;
      }
      .pd_m2 {
            padding-top: 4rem;
            padding-bottom: 4rem;
      }
      .pdt_m2 {
            padding-top: 4rem;
      }
      .pdb_m2 {
            padding-bottom: 4rem;
      }
      .pd_m {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem;
      }
      .pdt_m {
            padding-top: 4.5rem;
      }
      .pdb_m {
            padding-bottom: 4.5rem;
      }
      .pd_s2 {
            padding-top: 3rem;
            padding-bottom: 3rem;
      }
      .pdt_s2 {
            padding-top: 3rem;
      }
      .pdb_s2 {
            padding-bottom: 3rem;
      }
      .pd_s {
            padding-top: 2rem;
            padding-bottom: 2rem;
      }
      .pdt_s {
            padding-top: 2rem;
      }
      .pdb_s {
            padding-bottom: 2rem;
      }
      .pd_ss {
            padding-top: 1.0rem;
            padding-bottom: 1.0rem;
      }
      .pdt_ss {
            padding-top: 1.0rem;
      }
      .pdb_ss {
            padding-bottom: 1.0rem;
      }
}
@media screen and (max-width: 480px) {
      .pd_l3 {
            padding-top: 10rem;
            padding-bottom: 10rem;
      }
      .pdt_l3 {
            padding-top: 10rem;
      }
      .pdb_l3 {
            padding-bottom: 10rem;
      }
      .pd_l2 {
            padding-top: 8rem;
            padding-bottom: 8rem;
      }
      .pdt_l2 {
            padding-top: 8rem;
      }
      .pdb_l2 {
            padding-bottom: 8rem;
      }
      .pd_l {
            padding-top: 6rem;
            padding-bottom: 6rem;
      }
      .pdt_l {
            padding-top: 6rem;
      }
      .pdb_l {
            padding-bottom: 6rem;
      }
      .pd_m3 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m3 {
            padding-top: 5rem;
      }
      .pdb_m3 {
            padding-bottom: 5rem;
      }
      .pd_m2 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m2 {
            padding-top: 5rem;
      }
      .pdb_m2 {
            padding-bottom: 5rem;
      }
      .pd_m {
            padding-top: 4rem;
            padding-bottom: 4rem;
      }
      .pdt_m {
            padding-top: 4rem;
      }
      .pdb_m {
            padding-bottom: 4rem;
      }
      .pd_s2 {
            padding-top: 3rem;
            padding-bottom: 3rem;
      }
      .pdt_s2 {
            padding-top: 3rem;
      }
      .pdb_s2 {
            padding-bottom: 3rem;
      }
      .pd_s {
            padding-top: 2rem;
            padding-bottom: 2rem;
      }
      .pdt_s {
            padding-top: 2rem;
      }
      .pdb_s {
            padding-bottom: 2rem;
      }
      .pd_ss {
            padding-top: 1.0rem;
            padding-bottom: 1.0rem;
      }
      .pdt_ss {
            padding-top: 1.0rem;
      }
      .pdb_ss {
            padding-bottom: 1.0rem;
      }
}
/* btn____
============================================================================================================ */
.btn > * {
      display: inline-flex;
      padding: 0.7em 2em;
      color: #fff;
      background: var(--col_main);
      transition: 0.3s;
      box-sizing: border-box;
      border-radius: 5em;
      font-size: 0.88em;
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-weight: bold;
}
.btn > *:hover {
      background: #231815;
      color: #fff;
      opacity: 1 !important;
}
@media screen and (max-width: 960px) {
      .btn > * {
            padding: 1em 2em;
      }
}
/*arrow
-------------------------------------*/
.btn_arrow {
      position: relative;
      padding: 0.2em 2em 0.2em 0em;
}
.btn_arrow:before {
      content: "";
      background: url("../images/arrow_basic_ff.svg") no-repeat;
      background-size: contain;
      position: absolute;
      width: 1.0em;
      aspect-ratio: 122/150;
      top: 50%;
      right: 0em;
      transform: translate(-0%, -50%)  rotate(90deg);
}
@media screen and (min-width: 961px), print {
      .btn_arrow:hover {
            text-decoration: none;
      }
}
@media screen and (max-width: 960px) {
      .btn_arrow {
            padding: 1em 3em 1em 0em;
      }
      .btn_arrow:before {
            width: 1.8em;
      }
}

/*btn_arrow_line
-------------------------------------*/
.btn_arrow_line {
      position: relative;
      padding: 0.2em 2em 0.2em 0em;
      color: var(--col_main);
      text-decoration: underline;
}
.btn_arrow_line:before {
      content: "";
      background: url("../images/brn_arrow.svg") no-repeat;
      background-size: contain;
      position: absolute;
      width: 1.5em;
      aspect-ratio: 1/1;
      top: 50%;
      right: 0em;
      transform: translate(-0%, -50%);
}
@media screen and (min-width: 961px), print {
      .btn_arrow_line:hover {
            text-decoration: none;
      }
}
@media screen and (max-width: 960px) {
      .btn_arrow_line {
            padding: 1em 3em 1em 0em;
      }
      .btn_arrow_line:before {
            width: 1.8em;
      }
}

/*brank
-------------------------------------*/
.btn_brank {
      position: relative;
      padding: 0em 2em 0em 4em;
}
.btn_brank:before {
      content: "";
      background: url("../images/ico_link.svg") no-repeat;
      background-size: contain;
      position: absolute;
      width: 1em;
      aspect-ratio: 1/1;
      top: 50%;
      left: 2em;
      transform: translate(-0%, -50%) rotate(90deg);
}
/*btn size
----------------------------------------------------------------------------------------------------------------*/
.btn_s > * {
      width: 6rem;
      display: block;
}
.btn_m > * {
      width: 8rem;
      display: block;
}
.btn_l > * {
      width: 10rem;
      display: block;
}
@media screen and (max-width: 960px) {
      .btn_sp_s > * {
            width: 70%;
            display: block;
      }
      .btn_sp_m > * {
            width: 95%;
            display: block;
      }
      .btn_sp_l > * {
            width: 100%;
            display: block;
      }
}
/*ボタンの位置*/
.btn_center > * {
      margin: auto;
}
@media screen and (max-width: 960px) {
      .btn_tabsp_center > * {
            margin: auto;
      }
}
@media screen and (max-width: 680px) {
      .btn_sp_center > * {
            display: block;
      }
}
/* title
============================================================================================================ */
.title_llll {
      font-size: 5.6rem;
}
.title_lll_m {
      font-size: 4.3rem;
}
.title_lll {
      font-size: 4.0rem;
}
.title_ll_30 {
      font-size: 3.0rem;
}
.title_ll {
      font-size: 3.2rem;
}
.title_l {
      font-size: 2.8rem;
}
.title_ml {
      font-size: 2.6rem;
}
.title_m {
      font-size: 2.4rem;
}
.title_sm {
      font-size: 2.2rem;
}
.title_s {
      font-size: 2.0rem;
}
.title_ss {
      font-size: 1.8rem;
}
@media screen and (max-width: 680px) {
      .title_llll {
            font-size: 4.5rem;
      }
      .title_lll_m {
            font-size: 3.0rem;
      }
      .title_lll {
            font-size: 2.8rem;
      }
      .title_ll_30 {
            font-size: 2.6rem;
      }
      .title_ll {
            font-size: 2.5rem;
      }
      .title_l {
            font-size: 2.4rem;
      }
      .title_ml {
            font-size: 2.2rem;
      }
      .title_m {
            font-size: 2.1rem;
      }
      .title_sm {
            font-size: 2.0rem;
      }
      .title_s {
            font-size: 1.9rem;
      }
      .title_ss {
            font-size: 1.7rem;
      }
}
/* table
============================================================================================================ */
table.basic {
      width: 100%;
      line-height: 1.6;
      table-layout: fixed;
}
table.basic tr {
      border-bottom: 1px solid #E4E4E4;
}
table.basic th, table.basic td {
      padding: 1.5em 0;
      word-wrap: break-word;
}
table.basic tr:first-child th, table.basic tr:first-child td {
      padding: 0.5em 0 1.5em 0;
}
table.basic th {
      vertical-align: top;
      width: 20%;
}
table.basic td {
      width: 80%;
}
table.basic td .img {
      width: 47rem;
      margin: auto;
}
table.basic td .img img {
      width: 100%;
}
@media screen and (max-width: 680px) {
      table.basic th, table.basic td {
            display: block;
      }
      table.basic th {
            width: auto;
            padding: 1em 0 0.2em;
      }
      table.basic td {
            width: auto;
            padding: 0.2em 0 1em;
      }
      table.basic td .img {
            width: auto;
            margin: auto;
      }
}
/*basic_02*/
table.basic_02 {
      width: 100%;
      line-height: 1.6;
      table-layout: fixed;
}
table.basic_02 th, table.basic_02 td {
      padding: 0.6em 1em;
      border: 1px solid #d9d9d9;
      word-wrap: break-word;
}
table.basic_02 th {
      background: #FFFAF5;
}
@media screen and (max-width: 960px) {
      table.basic_02 {
            border-width: 2px;
            font-size: 1.2rem;
            line-height: 1.5;
      }
      table.basic_02 th, table.basic_02 td {
            padding: 0.5em;
      }
      table.basic_02 th {
            width: 10%;
      }
      table.basic_02 td {
            width: 20%;
      }
}
/* みため変わるとき*/
@media screen and (max-width: 680px) {
      table.basic.sp_block {
            border: 1px solid #d9d9d9;
      }
      table.basic.sp_block th, table.basic.sp_block td {
            display: block;
            border: none;
      }
      table.basic.sp_block th {
            width: auto !important;
            border-bottom: 1px solid #d9d9d9;
            border-top: 1px solid #d9d9d9;
      }
      table.basic.sp_block td {
            width: auto;
      }
      table.basic.sp_block tr:first-child th {
            border-top: none;
      }
      /*basic_02*/
      table.basic_02.sp_block {
            border: 1px solid #d9d9d9;
      }
      table.basic_02.sp_block th, table.basic_02.sp_block td {
            display: block;
            border: none;
      }
      table.basic_02.sp_block th {
            width: auto !important;
            border-bottom: 1px solid #d9d9d9;
            border-top: 1px solid #d9d9d9;
      }
      table.basic_02.sp_block td {
            width: auto;
      }
      table.basic_02.sp_block tr:first-child th {
            border-top: none;
      }
}
table .tw10 {
      width: 10% !important;
}
table .tw15 {
      width: 15% !important;
}
table .tw20 {
      width: 20% !important;
}
table .tw25 {
      width: 25% !important;
}
table .tw30 {
      width: 30% !important;
}
table .tw35 {
      width: 35% !important;
}
table .tw40 {
      width: 40% !important;
}
table .tw45 {
      width: 45% !important;
}
table .tw50 {
      width: 50% !important;
}
table .tw55 {
      width: 54% !important;
}
table .tw60 {
      width: 60% !important;
}
table .tw70 {
      width: 70% !important;
}
table .tw80 {
      width: 80% !important;
}
table .tw90 {
      width: 90% !important;
}
/* li
============================================================================================================ */
/* square
------------------------------------------------------------- */
ul.square li {
      position: relative;
      padding-left: 1em;
}
ul.square li:before {
      content: "■";
      position: absolute;
      left: 0;
}
/* circle
------------------------------------------------------------- */
ul.circle li {
      position: relative;
      padding-left: 1em;
}
ul.circle li:before {
      content: "●";
      position: absolute;
      left: 0;
}
/* asterisk
------------------------------------------------------------- */
ul.asterisk li {
      position: relative;
      padding-left: 1em;
      margin-bottom: 5px;
}
ul.asterisk li:before {
      content: "＊";
      position: absolute;
      left: 0;
}
/* disc
------------------------------------------------------------- */
ul.disc li {
      position: relative;
      padding-left: 1em;
}
ul.disc li:before {
      content: "・";
      position: absolute;
      left: 0;
}
/* notes
------------------------------------------------------------- */
ul.notes li {
      position: relative;
      padding-left: 1em;
}
ul.notes li:before {
      content: "※";
      position: absolute;
      left: 0;
}
/*notes_p*/
.notes_p {
      position: relative;
      padding-left: 1em;
}
.notes_p:before {
      content: "※";
      position: absolute;
      left: 0;
}
/* decimal
------------------------------------------------------------- */
ol.decimal {
      list-style-type: decimal;
}
ol.decimal li {
      margin-left: 2em;
}
/* parentheses
------------------------------------------------------------- */
ol.parentheses li {
      position: relative;
      padding-left: 2em;
}
ol.parentheses li .num {
      position: absolute;
      left: 0;
}
/* img
============================================================================================================ */
.ofi {
      width: 100%;
      object-fit: cover;
      font-family: 'object-fit: cover;'
}
.ofi.cont {
      object-fit: contain;
      font-family: 'object-fit: contain;'
}
/* background bg____
============================================================================================================ */
.bg_gray {
      background: var(--bg_gray);
}
.bg_beige {
      background: var(--bg_beige);
}
.bg_gray + .bg_gray {
      background: none;
}
/* color
============================================================================================================ */
.col_main {
      color: var(--col_main);
}
/*miadahi
--------------------------------------------------------*/
/*miashi_01
-----------------------------*/
.midashi_01 {
      line-height: 1.5;
      margin-bottom: 0.5em;
}
.miashi_01 .en {
      display: block;
      font-size: 0.5em;
      font-family: "Spinnaker", sans-serif;
      font-weight: normal;
      letter-spacing: 1px;
}
.miashi_01.b_b .en {
      margin-top: 1em;
}
/*midashi_02
-----------------------------*/
.midashi_02 {
      line-height: 1.5;
      margin-bottom: 1.5em;
      display: inline-block;
      letter-spacing: 1px;
      position: relative;
      padding-right: 8rem;
}
.midashi_02:before {
      content: "";
      position: absolute;
      bottom: -0.2rem;
      right: 0;
      background: url("../images/parts/midashi_recom.png") no-repeat;
      width: 5.8rem;
      aspect-ratio: 1/1.8;
      background-size: contain;
      background-position: bottom 0 right 0;
}
.midashi_02 .en {
      margin-top: 0.2em;
      position: relative;
      padding-left: 1.5em;
      display: block;
      font-size: 0.75em;
      font-family: "Spinnaker", sans-serif;
      font-weight: normal;
      letter-spacing: 1px;
}
.midashi_02 .en:before {
      content: "";
      background: #222222;
      width: 0.9em;
      height: 1px;
      top: 0.7em;
      left: 5px;
      position: absolute;
}
.midashi_02.title_ll .en {
      font-size: 0.5em;
}
@media screen and (max-width: 680px) {
      .midashi_02 {
            display: block;
            padding-top: 1em;
            margin-bottom: 1.0em;
      }
      .midashi_02:before {
            width: 5.5rem;
      }
      .midashi_02 .en {
            margin-top: 0;
      }
}
/*各みだし*/
.midashi_cafe:before {
      background: url("../images/parts/midashi_cafe.png") no-repeat;
      background-size: contain;
      width: 12.0rem;
      aspect-ratio: 1/0.9;
      right: -3em;
}
.midashi_takeout:before {
      background: url("../images/parts/midashi_takeout.png") no-repeat;
      background-size: contain;
      width: 9.1rem;
      aspect-ratio: 1/1.2;
      right: -1.5em;
}
.midashi_products:before, .bg_gray + .bg_gray .midashi_products:before {
      background: url("../images/parts/midashi_products_ff.png") no-repeat;
      background-size: contain;
      width: 5.8rem;
      aspect-ratio: 1/1.8;
      right: 0em;
}
.bg_gray .midashi_products:before {
      background: url("../images/parts/midashi_products.png") no-repeat;
      background-size: contain;
      width: 5.8rem;
      aspect-ratio: 1/1.8;
}
@media screen and (max-width: 680px) {
      .midashi_cafe:before {
            width: 10rem;
            height: 8.6rem;
            right: 0em;
      }
      .midashi_takeout:before {
            width: 8.1rem;
            height: 9rem;
            right: -0em;
      }
}
/*midashi_03 画像なし
-----------------------------*/
.midashi_03 {
      line-height: 1.3;
      margin-bottom: 1.5em;
      display: inline-block;
      letter-spacing: 2px;
      position: relative;
      color: var(--col_main);
}
.midashi_03 .en {
      position: relative;
      display: block;
      font-size: 1.8em;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      letter-spacing: 1px !important;
}
/*文字間*/
.space_40 {
      letter-spacing: -0.15em !important;
}
.space_30 {
      letter-spacing: -2px !important;
}
.space_40_pc {
      letter-spacing: -0.15em !important;
}
.space_30_pc {
      letter-spacing: -2px !important;
}
@media screen and (max-width: 680px) {
      .space_40_sp {
            letter-spacing: -0.15em !important;
      }
      .space_30_sp {
            letter-spacing: -2px !important;
      }
      .space_40_pc {
            letter-spacing: 0 !important;
      }
      .space_30_pc {
            letter-spacing: 0 !important;
      }
}
/*b_b
--------------------------------------------------------*/
.b_b {
      position: relative;
}
.b_b:before {
      content: "";
      width: 0.5em;
      background: #222222;
      height: 1px;
      position: absolute;
      left: 0;
      bottom: 1.2em;
}
.tac .b_b:before {
      left: 50%;
      transform: translate(-50%, -0%);
}
/*lead
--------------------------------------------------------*/
.lead_13 {
      line-height: 2.5;
      font-size: 0.8em;
}
.lead {
      line-height: 2;
      font-size: 1em;
}
.lead_18 {
      line-height: 2.5;
      font-size: 1.14em;
}
@media screen and (max-width: 480px) {
      .lead_18 {
            line-height: 1.9;
            letter-spacing: -1px;
      }
}
/* お知らせ
============================================================================================================ */
/*top_news_flex  shop.phpと兼用
------------------------------------------------------------------------*/
.top_news_flex {
      word-break: break-all;
      display: flex;
      justify-content: space-between;
      gap: 0 1em;
}
.top_news_flex > .text_box {
      width: 25%;
}
.top_news_flex > .news_box {
      width: 75%;
}
.top_news_flex > .news_box .news_list > li:last-child {
      margin-bottom: 0;
}
.top_news_flex .news_list_inner .date {
      width: 20%;
}
.top_news_flex .news_list_inner .text_box {
      width: 80%;
}
.top_news_title {
      padding-bottom: 2em;
}
@media screen and (max-width: 680px) {
      .top_news_title {
            margin-bottom: 1em !important;
            padding-bottom: 0;
      }
      .top_news_flex {
            display: block;
      }
      .top_news_flex > .news_box {
            width: auto;
      }
      .top_news_flex > .text_box {
            width: auto;
            margin-left: auto;
      }
      .top_news_flex .news_list_inner .date {
            width: auto;
            margin-bottom: 0.5em;
      }
      .top_news_flex .news_list_inner .text_box {
            width: auto;
      }
}
/*btn*/
@media screen and (min-width: 681px), print {
      .top_news_w {
            position: relative;
      }
      .top_news_btn {
            position: absolute;
            bottom: 0;
      }
}
@media screen and (max-width: 680px) {
      .top_news_btn {
            margin-top: 2em;
      }
}
/*news
---------------------------------------------------------------------------------------*/
.news_list {
      word-break: break-all;
}
.news_list li {
      margin-bottom: 1.5%;
}
.news_list li > a {
      display: block;
}
/*news_list_inner*/
.news_list_inner {
      display: flex;
      align-items: center;
      padding: 1.3em 2em;
      background: var(--bg_beige);
      border-radius: 0.5em;
      position: relative;
      color: var(--col_sub);
}
.bg_gray .news_list_inner {
      background: #fff;
}
.news_list li a .news_list_inner {
      padding: 1.3em 5em 1.3em 2em;
      transition: all 0.2s ease;
}
.news_list li a .news_list_inner:before {
      position: absolute;
      width: 1.5em;
      content: "";
      background: url("../images/brn_arrow.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 1/1;
      top: 50%;
      right: 1.5em;
      transform: translate(-0%, -50%);
}
.news_list_inner .text_box {
      display: flex;
      align-items: flex-start;
}
@media screen and (min-width: 961px), print {
      .news_list li a .news_list_inner:hover {
            transform: translateX(1em);
      }
}
.date {
      font-family: "Spinnaker", sans-serif;
      font-size: 0.88em;
}
.news_list_inner .date {
      width: 18%;
}
.news_list_inner .text_box {
      width: 82%;
      font-size: 0.88em;
}


@media screen and (max-width: 680px) {
      .news_list_inner {
            display: block;
            padding: 0.4em 1em;
      }
      .news_list li {
            margin-bottom: 3%;
      }
      .news_list li a .news_list_inner {
            padding: 1em 1em 1em 1em;
            transition: all 0.2s ease;
      }
      .news_list li a .news_list_inner:before {
            content: none;
      }
      .news_list_inner .date {
            width: auto;
      }
      .news_list_inner .text_box {
            width: auto;
            flex-wrap: wrap;
      }

      .news_list_inner .text_box .text_box_inner {
            width: 100%;
      }
}
/*メニューリスト
============================================================================================================ */
/*obj_list
--------------------------------------------------------*/
.obj_list > li {
      box-sizing: border-box;
      border: solid 3px transparent;
}
.obj_list_inner .img {
      position: relative;
      overflow: hidden;
      z-index: 0;
}
.obj_list_inner .img_inner {
      overflow: hidden;
      border-radius: 1.0em;
}
.obj_list_inner .img_inner img {
      width: 100%;
      overflow: hidden;
      aspect-ratio: 1;
      transition: all 0.15s ease;
}
@media screen and (min-width: 961px), print {
      .obj_list_inner .img_inner {
            border-radius: 1.0em;
      }
      .obj_list  a:hover .img_inner img {
            transform: scale(1.1, 1.1);
      }
}
.obj_list_inner .text_box {
      font-size: 1em;
      margin-top: 0.8em;
}
.obj_list_title {
      margin: 0.5em auto;
      font-size: 1.1em;
}

/*price_box
-------------------------------------------------------*/

.price_box{   margin-top: 1.5em;
	display: flex;
	justify-content: space-between;
align-items: center;
	gap:0 1em;
}


.price span {
      letter-spacing: 1px;
      font-size: 1.3em;
      font-weight: 900;
}

.price_box .cate{
	text-align: center;
	display: inline-block;
	max-width: 9em;
	background:#eae1cf;
	border-radius: 3em;
	padding: 0.1em 1em 0.1em 1em;
}
/*list_3
-------------------------------------------------------------*/
.obj_list.list_3 {
      display: flex;
      flex-wrap: wrap;
      word-break: break-all;
      gap: 4em 3%;
}
.obj_list.list_3 > li {
      width: calc(100% / 3 - (3% / 1.5));
}
@media screen and (max-width: 680px) {
	.obj_list.list_3 {
      gap: 4em 2%;
}
      .obj_list.list_3 > li {
           width: calc(100% / 2 - (2% / 1.5));
      }
}
/*list_4
-------------------------------------------------------------*/
.obj_list.list_4 {
      display: flex;
      flex-wrap: wrap;
      word-break: break-all;
      gap: 4em 3%;
}
.obj_list.list_4 > li {
      width: calc(100% / 4 - (3% / 1.33));
}
@media screen and (max-width: 680px) {
   	.obj_list.list_4 {
      gap: 4em 2%;
}
      .obj_list.list_4 > li {
           width: calc(100% / 2 - (2% / 1.5));
      }
}
/*sp 100
-------------------------------------------------------------*/
@media screen and (max-width: 680px) {
.obj_list.list_3.sp_list_100,.obj_list.list_4.sp_list_100 
{
	display: block;
}
.obj_list.list_3.sp_list_100 > li,.obj_list.list_4.sp_list_100 > li {
width: 100%;	
}

.obj_list.list_3.sp_list_100 > li + li,.obj_list.list_4.sp_list_100 > li + li {
margin-top: 3em;
}

}
/*obj_list_inner
----------------------------------*/
.obj_list_inner .img img {
      width: 100%;
}
/*パーツ
-------------------------------------------------------------*/
.new .status_ico, .limited .status_ico {
      line-height: 1;
      position: absolute;
      top: 1em;
      left: 0;
      z-index: 6;
      background: var(--col_ora);
      padding: 0.4em 1.0em 0.4em 1.8em;
      font-size: 0.9em;
      color: #fff;
      border-radius: 0 3em 3em 0;
}
.limited .img_inner {
      border: solid 3px var(--col_ora) !important;
}
.new .status_ico {
      font-weight: 900;
      letter-spacing: 2px;
      background: var(--col_main);
      font-family: "Lato", sans-serif;
}