/* カスタマイズ用CSS */
/* メインコンテンツ外枠の横幅固定を外す */
.ec-layoutRole .ec-layoutRole__contents{
    max-width: none; /* 1150px; */
    margin-top: -20px;
}

/* スライドショーの横幅固定を外す */
.ec-sliderRole{
   max-width: none; /* 1130px; */
   padding-left: 0; /* 20px; */
   padding-right: 0; /* 20px; */
   margin-top: 20px;
}

/* 文字サイズ */
html {
font-size: 62.5%;
}

body {
font-size: 1.6rem;
font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}

p {
    line-height: 1.6;
    margin-bottom: 1rem;
}

.fs20{
    font-size: 2rem;
}

/* マージン */

.mb8 {
    margin-bottom: 8rem;
}

.mt8 {
    margin-top: 8rem;
}

.mb2 {
    margin-bottom: 2rem;
}
.mb4 {
    margin-bottom: 4rem;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* 非表示*/

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

/* 改行*/
.br_sp {
    display: none;
}
    @media only screen and (max-width: 500px) {
.br_sp {
    display: block;
}
}

/* PC　電話無効*/
@media (min-width:768px) and (hover: hover){
			a[href^="tel:"]{
				pointer-events: none;
				cursor: default;
			}
		}
		
/*---------------------------------

  ヘッダー

---------------------------------*/
@media only screen and (min-width: 768px) {
.ec-headerNaviRole {
    padding-bottom:0;
}
}

.ec-headerNaviRole {
    padding-top: 0;
}

/********** ロゴ **********/

.ec-headerRole {
    max-width: none;
    padding-top: 0;
}

.ec-headerTitle .ec-headerTitle__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 0;
}

    @media only screen and (max-width: 767px) {
.ec-headerTitle .ec-headerTitle__title  {
    text-align: center;
    display: block;
}
}

/********** カテゴリーナビ **********/
.ec-categoryNaviRole {
    max-width: none;
}

.ec-itemNav__nav li {
    padding: 1rem 1.6rem;
}

.ec-itemNav__nav {
    margin: 0 auto 2rem;
}
@media only screen and (min-width: 768px) {
    .ec-itemNav__nav {
        display:flex;
        justify-content:flex-end;
        flex-wrap: wrap;
    }
}

/********** ハンバーガーメニュー **********/

.ec-drawerRole {
    background: #F6F5EA;
}

.ec-drawerRole.is_active li {
    text-align: left;
}

.ec-itemNav__nav a {
    color: black;
}

.ec-headerNavSP {
    border-radius: 0;
    background: #F6F5EA;
    top:0;
    left: 0;
    width: 60px;
    height: 60px;
    font-size: 2.4rem;
}

/********** 電話 **********/
.tellink {
     background-image:url('/html/user_data/assets/img/top/icon_tel.png');
     background-repeat: no-repeat;
     background-size: 12%;
     background-position:left center;
}

.tellink p {
    margin-bottom: 0;
    padding-left: 40px;
}

    @media only screen and (max-width: 767px) {
.tellink  {
    display: none;
}
}

/********** 追従ボタン **********/

.fix-btn {
    position: fixed;
    top:142px;
    right: 0;
    z-index: 99;
}

.fix-btn_01 ul {
    display: table;
   }
   
.fix-btn_01 li {
    background: #c53d43;
    padding: 1rem;
    color: #ffffff;
    width: 100px;
    height: 100px;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fix-btn_01 img {
    width: 50%;
}

.fix-btn_01 p {
    margin-bottom: 0!important;
}
/*---------------------------------

  フッター
  
---------------------------------*/
.ec-footerRole {
    background: #ffffff;
    margin-top: 0;
    border-top: 2px solid #F6F5EA;
}

.footer_logo_area img {
    max-width: 200px!important;
}
.footer_logo_area {
    text-align: center;
}

.fotter_company_area td {
    padding: 1rem;
    text-align: left;
}

.ec-footerNavi {
    background: black;
}

.ec-footerTitle .ec-footerTitle__copyright {
    color: #525263;
}

@media only screen and (min-width: 768px) {
.ec-footerRole .ec-footerRole__inner {
    max-width: none;
}
}

@media only screen and (max-width: 767px) {
   .ec-footerTitle {
    margin-bottom: 100px; 
}
}

.fotter_navi_area ul {
    list-style: none;
}
.fotter_navi_area li {
    padding-bottom: 1rem;
}

.fotter_navi_area a {
    color:#525263;
}

.fotter_navi_area_menu {
    display: flex;
}
.fotter_navi_area_menu li {
    padding-right: 2rem;
    padding-top:1rem;
}

  @media only screen and (max-width: 767px) {
.fotter_company_area {
    text-align: center;
    padding: 0 1rem;
    
}
.fotter_company_area table {
    margin: 4rem auto 0;
}
.fotter_company_area td {
    display: block;
}
}

/********** 固定ボタン **********/

.sp-fixed-menu {
    position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   z-index: 99;
}

.sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

.sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 2rem;
   border-right: 1px solid #fff;
   background: #c53d43;
}

.sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}

@media only screen and (min-width: 768px){
.sp-fixed-menu   {
    display: none;
}
}

/********** SNS **********/

.ec-footerRole__inner .footer_sns_area img {
    width: 72px;
}

@media only screen and (max-width: 768px) {
.footer_sns_area {
    text-align: center;
}
}
/*---------------------------------

  TOPページ
  
---------------------------------*/

/********** TOPへ戻るボタン **********/

.ec-blockTopBtn {
    background-color: #c53d43;
}

    @media only screen and (max-width: 767px) {
.ec-blockTopBtn  {
    right: 10px;
    bottom: 80px;
}
}
/********** スライド **********/
.slick-dots li.slick-active button::before {
    background-color: #c53d43 ;
}

/********** お知らせ **********/

.info {
    margin: 4rem 0;
    padding: 2rem;
    background: #fef4f4;
    text-align: center;
}

.info h3 {
    margin-top: 0;
    font-size: 2.4rem;
    color: #c53d43;
}

/********** ご挨拶 **********/

.greeting {
    padding: 8rem 0;
}

.greeting_text {
    writing-mode:vertical-rl;
    -ms-writing-mode: tb-rl;
    padding: 2rem;
    margin: 0 auto;
}

.greeting_text p {
    font-size: 2rem;
    line-height: 3;
    letter-spacing: 0.2rem;
}

.greeting_bg {
    background-image: url('/html/user_data/assets/img/top/greeting_bg._1.png'),url('/html/user_data/assets/img/top/greeting_bg._2.png');
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
    background-size: contain,contain;
    margin-top: 4rem;
    margin-bottom: 8rem;
}

@media only screen and (max-width: 767px) {
    .greeting_text {
        margin: 2rem auto;
    }
    .greeting_text p {
        font-size: 1.6rem;
        line-height: 2;
    }
    .greeting {
        padding-bottom: 0;
    }
    
    .greeting_bg {
        margin-bottom: 0;
    }
}
/********** お品書き **********/

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

.ec-secHeading .ec-secHeading__en {
    font-size: 3.6rem;
    display: block;
}

.ec-secHeading:after {
    display: block;
    width: 1px;
    height: 80px;
    background: #000;
    margin: 1.6rem auto;
    content: "";
}

.menu {
        margin: 8rem 0;
    padding: 4rem;
    box-sizing: border-box;
}

.menu_inner_img {
    position: relative;
    overflow: hidden;
}

.menu_inner_img p {
    position: absolute;
    font-size: 2.8rem;
   writing-mode:vertical-rl;
    -ms-writing-mode: tb-rl;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: white;
    margin-bottom: 0;
    text-shadow: 0 0 5px #000;
    font-weight: bold;
}

.menu_inner_img a {
    display: block;
    transition-duration: .5s;
}

.menu_inner_img a:hover {
     transform: scale(1.2);
}

.menu_bg {
    background-image: url('/html/user_data/assets/img/top/menu_bg.png');
    background-repeat: repeat;
    padding-top: 8rem;
    
}

@media only screen and (max-width: 767px) {
   .menu {
       margin-top: 0;
       margin-bottom: 0;
   } 
   
   .menu_inner_img {
       margin-bottom: 2rem;
   }
}

/********** 新着情報 **********/

@media only screen and (min-width: 768px){
.ec-newsRole .ec-newsRole__news  {
 border: none;  
}
}

.ec-newsRole__news .ec-inlineBtn--top {
    border: none;
    background: white;
    text-align: right;
    color: black;
    font-size: 2rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5rem;
}

.ec-newsRole__news .ec-inlineBtn--top::after {
     position: absolute; 
    right: 0;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: black;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;

}
.ec-newsRole {
    margin: 8rem 0;
}


/********** お問い合せ **********/

.btn_01 {
    width: 100%;
    padding: 2rem;
    background-color: #c53d43;
    color: #fff;
    font-weight: bold;
    border: none;
    font-size: 2.4rem;
 }

.btn_01:hover {
    background-color: #ffffff;
    color: #c53d43;
    border: 1px solid #c53d43;
}

.contact_bg {
    background: #F6F5EA;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/********** インスタクラム **********/

.instagram_list iframe {
    width: 100%;
    min-height: 800px;
}

@media screen and (min-width:500px) and ( max-width:850px) {
    .instagram_list iframe {
        min-height: 650px;
    }
}

@media screen and (max-width:400px) {
    .instagram_list iframe {
        min-height: 500px;
    }
}
/*---------------------------------

  下層ページ
  
---------------------------------*/
.page {
    margin-top: 8rem;
}

.information {
        border: 1px solid #c53d43;
    padding: 2rem;
    text-align: center;
    font-weight: bold;
}

/*
*
*	鮨
*
*/

ul.price-list{
	column-count:2;
	column-gap:60px;
	list-style:none;
	margin:4rem 2rem;
	padding:0;
}

 ul.price-list li{
	border-bottom:#d2d2d2 1px dotted;
	display:inline-flex;
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:8px;
	width:100%;
}

 ul.price-list li span.price {
    margin-left: auto;
}
/*
@media screen and (max-width:1300px) {
	ul.price-list {column-count:3;}
}
*/

@media screen and (max-width:767px) {
	ul.price-list {column-count:1;
}
    ul.price-list li {
        font-size: 1.5rem;
    }
}

.page_menu .ec-pageHeader h1 {
   font-size: 4.2rem;
    text-align: center;
     border: none;
    color: #250d00;
    /*background-image: url('/html/user_data/assets/img/page/h1.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: contain;
    padding-top: 2rem;*/
    display: flex;
	justify-content: center;
	align-items: center;
}

.page_menu .ec-pageHeader h1::before,.page_menu .ec-pageHeader h1::after {
    content: '';
	width: 70px;
	height: 1px;
	background-color: #c53d43;
}

.page_menu .ec-pageHeader h1::before {
    margin-right: 20px;
}
.page_menu .ec-pageHeader h1::after {
    margin-left: 20px;
}

.page_menu h2 {
    font-size: 2.8rem;
    border-bottom: double 4px #c53d43;
    padding: 10px 0;
    margin-bottom: 4rem;
    color: #250d00;
}

.page_menu_inner h4 {
    font-size: 2.4rem;
    color: #250d00;
}

.page_menu h3 {
    font-size: 2.4rem;
    padding-left: 2rem;
    color: #250d00;
}

.page_menu_inner {
    padding: 2rem;
}

.page_menu_inner p {
    text-align: left;
}
.page_menu_inner_price {
    font-size: 2.4rem;
    text-align: right;
      border-bottom: 1px dotted #ccc;
    margin-bottom: 2rem;
}

.page_menu_inner li {
    padding: 0.4rem 0;
}

.page_menu_inner ul {
    margin-top: 1rem;
    padding-left: 4rem;
}
.page_menu .col-xs-12,.page_menu .col-md-6 {
    margin-bottom: 8rem;
}

.menu_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 0 auto 2rem;
    padding: .9em 3em .9em 2em;
    border: 1px solid #c53d43;
    background-color: #c53d43;
    color: #ffffff;
    font-size: 1em;
    box-sizing: border-box;
}

.menu_btn::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #ffffff;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.menu_btn:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

.menu_main {
    margin-top: 2rem;
    position: relative;
}

.menu_main img {
    width: 100%;;
}
.menu_main p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4.2rem;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    letter-spacing: 0.6rem;
    color: #250d00;
    font-weight: bold;
    text-shadow: 3px 3px 3px #ffffff, -3px -3px 3px #ffffff, -3px 3px 3px #ffffff, 3px -3px 3px #ffffff, 3px 0px 3px #ffffff, -3px 0px 3px #ffffff, 0px 3px 3px #ffffff, 0px -3px 3px #ffffff;
    height: max-content;
}
 @media only screen and (max-width: 1000px) {
     .menu_main p {
         writing-mode: initial;
         width: max-content;
         font-size: 3.6rem;
     }
 }    
 @media only screen and (max-width: 767px) {

.page_menu .ec-pageHeader h1 {
    font-size: 3.2rem;
}
}

 @media only screen and (max-width: 500px) {

.page_menu .ec-pageHeader h1 {
    font-size: 2.5rem;
}
}
/*
*
*	飲み物
*
*/
.page_menu_drink_inner h4 {
    font-size: 2rem;
    color: #250d00;
 }

.page_menu_drink_inner {
    padding: 1rem;
}

.page_menu_drink_inner_price {
    text-align: right;
}

.page_menu_drink_inner p {
    margin-top: 2rem;
}

.component {
    width: 100%;
}
.component th,.component td {
    display: block;
    padding-left:1rem;
    padding-right:1rem;
}

.component td {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.4rem;
    margin-bottom: 1rem;
}
.sake_inner {
    text-align: center;
}
.sake_inner img {
    max-width: 150px;
    margin-bottom: 2rem;
}

.shochu {
    font-weight: bold;
}

.price_1 {
    border-bottom: #d2d2d2 1px dotted;
    font-weight:bold;
}
    @media only screen and (max-width: 500px) {
.sake_inner img{
    position: initial;
   }

.sake_inner {
    text-align: center;
}

.page_menu .page_menu_drink .col-xs-12 {
    margin-bottom: 0;
}
}
/*
*
*	お問い合せ
*
*/

.page_2 h1 {
  padding: 1rem 2rem;
    /* border-top: 3px solid #c53d43; */
    /* background: #F6F5EA; */
    margin-top: 8rem;
    border-bottom: none;
    font-size: 4.2rem;
    color: #250d00;
    text-align: center;
}
.page_2 h1::after {
    display: block;
    width: 1px;
    height: 80px;
    background: #000;
    margin: 1.6rem auto;
    content: "";
}

.ec-off1Grid {
    margin-bottom: 8rem;
}

.ec-blockBtn--action,.ec-blockBtn--cancel  {
    font-size: 1.6rem;
}

.ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    font-size: 1.6rem;
}

.ec-required {
    padding: 0.2rem;
    background:#c53d43 ;
    font-weight:bold;
    color: #ffffff;
}

.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
    font-size: 1.6rem;
}

.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
    font-size: 1.6rem;
}

/*
*
*	求人情報
*
*/

.recruit h2 {
    padding: 1rem;
    border-left: 5px solid #c53d43;
    margin: 8rem 0;
}

/*
*
*	お持ち帰り
*
*/

.takeout img {
    padding: 1.6rem;
}

/*
*
*	プライバシーポリシー
*
*/

.privacy .ec-off1Grid {
    margin-bottom: 2rem;
    
}