@charset "utf-8";

/*
 * PC用スタイルCSS
 */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600&display=swap');
/* ↓↓　雛形　レイアウトにあわせて追記・上書きして下さい　↓↓
   後々解読が面倒になるので、必要な箇所のみ記述すること
  （例：背景がPNGになるなら background-image: url("/files/xx_bg.png");　など） */




/* ===================================================================================================================
   ■ 全体
------------------------------------------------------------------------------------------------------------------- */
html {
  background: none #fff;
  scroll-padding-top: 0;
  scroll-behavior: smooth;
}

body {
  position: relative;
  /* 2000pxを超える画面の対策 */
  margin: 0 auto;
  min-width: 1300px;
  max-width: 2000px;
  background: none no-repeat center top;
  font-family: 'Shippori Mincho', serif, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif !important;
  ;
}

body,
.wpcf7c-conf {
  color:
    #353127;
}

/* Safariのみ */
_:lang(x)+_:-webkit-full-screen-document,
body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body#page_6 {
  background: none no-repeat center top;
}

#wrapper {
  background: none transparent;
}

#outer_block {
  background: none transparent;
}

a:link,
a:visited,
a:hover,
a:active {
  color:
    #d34c2d;
}

/* A～Cブロック記事内リンクボタン */
.main_btn a,
.sub_text_btn a {
  background-color:
    #d34c2d;
  color: #ffffff;
}


/* ===================================================================================================================
   ■ ヘッダー
------------------------------------------------------------------------------------------------------------------- */
#branding_box {
  position: relative;
  z-index: 500;
  height: 0px;
  padding: 0 0 calc(100% * (640/2000)) 0;
  background: none transparent;
}

#page_6 #branding_box {
  height: 0px;
  padding: 0 0 calc(100% * (984/2000)) 0;
  background: none transparent;
}

/*  H1テキスト
---------------------------------------------------------------------------------------------------- */

/*自由に位置設定したいとき*/
#site-description {
  margin: 0 auto;
  width: auto;
  position: absolute;
  top: 20px;
  left: 20px;
}


#site-description a {
  display: inline;
  color:
    #ffffff;
}

/*  サイトロゴ
---------------------------------------------------------------------------------------------------- */
/* ヘッダーのH1～グローバルナビの高さ調整 */
#header_information,
#page_6 #header_information {
  height: 0px;
}

/*ロゴ*/
#header_information .main_header a img {
  position: absolute;
  z-index: 752;
  background: none;
  top: calc(366 / 640 * 100%);
  left: calc(520 / 2000 * 100%);
  width: calc(170 / 2000 * 100%);
  height: calc(275 / 640 * 100%);
}

#page_6 #header_information .main_header a img {
  top: calc(355 / 984 * 100%);
  left: calc(845 / 2000 * 100%);
  width: calc(320 / 2000 * 100%);
  height: calc(290 / 984 * 100%);
}


/* Gナビ上部固定
#header_information .main_header a img.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  transform: none !important;
}
*/

/*  グローバルナビ
---------------------------------------------------------------------------------------------------- */
/*  グローバルナビ
---------------------------------------------------------------------------------------------------- */
/*ボタンエリアの指定*/
#menu_btn {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  cursor: pointer;
}

/*オフ画像*/
#menu_btn::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/menu_icon_off.png) no-repeat center top;
  background-size: cover;
  transition-delay: .3s;
}

/*オフ画像*/
#menu_btn::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/menu_icon_on.png) no-repeat center top;
  background-size: cover;
  opacity: 0;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

/*オン画像*/
body.open #menu_btn::after {
  opacity: 1;
}


#access {
  position: fixed;
  top: 0;
  left: 100%;
  /* left: calc(100% - 730px); */
  z-index: 999;
  width: 780px;
  height: 70%;
  background: url(/files/menu_bg.jpg)repeat center top;
  font-size: 0;
  transition: left 0.4s ease-in-out 0s;
}

/*展開したときの位置*/
#access.open {
  left: calc(100% - 780px);
}

/*ナビ部分の位置調整*/
div#access .menu-header {
  position: absolute;
  top: 70%;
  width: 600px;
  height: 250px;
  transform: translate(-50%, -50%);
  left: 50%;
}

/*ナビを縦並びにするための記述*/
div#access .menu-header #menu-gnavi {
  display: flex;
  width: 600px;
  flex-flow: row-reverse;
}

div#access .menu-header #menu-gnavi .menu-item {
  position: relative;
}

div#access .menu-header #menu-gnavi .menu-item a {
  padding: 0;
  width: 50px;
  height: 250px;
}

div#access .menu-item a {
  background: url(/files/topnavi.png) no-repeat center top;
}

div#access .menu-item a:hover {
  background-position: auto;
}

div#access .gnavi11 a,
div#access .gnavi11 a:hover {
  background-position: right top;
}

div#access .gnavi12 a,
div#access .gnavi12 a:hover {
  background-position: right -50px top;
}

div#access .gnavi13 a,
div#access .gnavi13 a:hover {
  background-position: right -100px top;
}

div#access .gnavi14 a,
div#access .gnavi14 a:hover {
  background-position: right -150px top;
}

div#access .gnavi15 a,
div#access .gnavi15 a:hover {
  background-position: right -200px top;
}

div#access .gnavi16 a,
div#access .gnavi16 a:hover {
  background-position: right -250px top;
}

div#access .gnavi17 a,
div#access .gnavi17 a:hover {
  background-position: right -300px top;
}

div#access .gnavi18 a,
div#access .gnavi18 a:hover {
  background-position: right -350px top;
}

div#access .gnavi19 a,
div#access .gnavi19 a:hover {
  background-position: right -400px top;
}

div#access .gnavi20 a,
div#access .gnavi20 a:hover {
  background-position: right -450px top;
}

div#access .gnavi21 a,
div#access .gnavi21 a:hover {
  background-position: right -500px top;
}

div#access .gnavi22 a,
div#access .gnavi22 a:hover {
  background-position: left top;
}


#menu-item-1856 a {
  line-height: 25px !important;
}
#menu-item-1857 a {
  line-height: 25px !important;
}

/* プルダウンメニューのサイズ */
#access ul.menu ul.sub-menu {
  top: 200px;
}

#access ul.menu ul.sub-menu a {
  height: 200px;
}

div#access .gnavi18:hover .sub-menu {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
}


#access ul.menu ul.sub-menu,
#access ul.menu ul.sub-menu li {
  width: 100%;
}


#access ul.menu ul.sub-menu li {
  height: 150px;
}

#access ul.menu ul.sub-menu li .menu-item-1856 a {
  line-height: 25px;
}

/* プルダウンメニューの色　16進数、RGBA両方変更すること */
div#access ul.sub-menu li.sub-gnavi a,
div#access ul.sub-menu li.sub-gnavi2 a {
  width: 100%;
  background: none rgba(53, 49, 39, 0.85);
  color: #fff;
  writing-mode: vertical-rl;
}

#access ul li.current_page_item>a,
#access ul li.current-menu-ancestor>a,
#access ul li.current-menu-item>a,
#access ul li.current-menu-parent>a {
  color: #fff;
}

div#access ul.sub-menu li.sub-gnavi a:hover,
div#access ul.sub-menu li.sub-gnavi2 a:hover {
  background: none rgba(53, 49, 39, 0.85);
  color: #d34c2d;
  writing-mode: vertical-rl;
}

#access ul li.current_page_item>a:hover,
#access ul li.current-menu-ancestor>a:hover,
#access ul li.current-menu-item>a:hover,
#access ul li.current-menu-parent>a:hover {
  color: #d34c2d;
}

#access::before {
  display: block;
  content: "";
  width: 550px;
  height: 201px;
  background: url(/files/menu_info.png) no-repeat center top;
  position: absolute;
  top: calc(50% - 250px);
  left: 50%;
  transform: translateX(-50%);
}

#access ul.menu ul.sub-menu li a {
  display: block;
  width: 100%;
  height: 100% !important;
}

div#access .gnavi>a::after {
  display: block;
  content: "";
  background: none #fff;
  width: 1px;
  height: 0px;
  position: absolute;
  right: 0px;
  top: -3px;
  margin: 0 auto;
  z-index: -1;
  transition: all 0.4s ease 0s;
}

div#access .gnavi11 a:hover::after {
  height: 113px;
}

div#access .gnavi12 a:hover::after {
  height: 59px;
}

div#access .gnavi13 a:hover::after {
  height: 94px;
}

div#access .gnavi14 a:hover::after {
  height: 75px;
}

div#access .gnavi15 a:hover::after {
  height: 92px;
}

div#access .gnavi16 a:hover::after {
  height: 92px;
}

div#access .gnavi17 a:hover::after {
  height: 76px;
}

div#access .gnavi18 a:hover::after {
  height: 76px;
}

div#access .gnavi19 a:hover::after {
  height: 76px;
}

div#access .gnavi20 a:hover::after {
  height: 182px;
}

div#access .gnavi21 a:hover::after {
  height: 232px;
}

/*  メイン画像
---------------------------------------------------------------------------------------------------- */
#main_teaser,
#video_teaser,
#jquery_slider_pc {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#main_teaser,
#video_teaser #video_teaser_inner,
#jquery_slider_pc .viewer {
  display: block;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 2000px;
}

#main_teaser img,
#video_teaser #video_teaser_inner video,
#jquery_slider_pc .viewer img {
  width: 100%;
}

/* ===================================================================================================================
   ■ サイド
------------------------------------------------------------------------------------------------------------------- */
/* サイドナビ　タイトル */
.widget-title,
.widget-title2 a {
  padding: 0;
  background-image: url(/files/widget_title_bg.png);
  color:
    #ffffff;
  text-align: center;
}

.widget-title2 a:link,
.widget-title2 a:visited,
.widget-title2 a:hover,
.widget-title2 a:active {
  color:
    #ffffff;
}

/* サイドナビ　メニュー部分 */
#blog_main .widget-area ul ul li a {
  overflow: hidden;
  background-image: url(/files/widget_list_bg.png);
  color:
    #353127;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#wp-calendar {
  border-collapse: separate;
}

#wp-calendar caption {
  text-align: center;
}

/*#wp-calendar thead th {
}*/
#wp-calendar tbody td {
  padding: 5px;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color:
    #666666;
  background: none transparent;
  line-height: 2;
}

#wp-calendar tbody td a {
  text-decoration: underline;
}

#wp-calendar tbody td a:hover {
  text-decoration: none;
}

#calendar_wrap table tr td#today {
  background-color:
    #d34c2d;
}

#calendar_wrap table tr td#today,
#calendar_wrap table tr td#today a {
  color: #ffffff;
}


/* ===================================================================================================================
   ■ フッター
------------------------------------------------------------------------------------------------------------------- */
#footer_block {
  position: relative;
  height: 600px;
  background: url(/files/footer_bg.jpg) no-repeat center top;
}

#footer_box {
  height: 560px;
  background: url(/files/footer_box_bg.png) no-repeat center top;
}

#footer_box,
#footer_sitemap_block,
#footer-widget-area,
.footer_infomation {
  width: 100%;
  margin: 0 auto;
}

#footer-widget-area {
  /*フッターナビの所*/
  display: block;
}

/*  フッターナビ
---------------------------------------------------------------------------------------------------- */

/* 中央以外 */
#footer-widget-area .widget-area {
  position: absolute;
  top: 384px;
  left: calc(50% - 491px);
  width: 800px;
}

#footer_sitemap_block #footer-widget-area {
  display: block;
  width: 960px;
}

#footer_sitemap_block #footer-widget-area .widget-area ul.menu {
  border: none;
}

#footer_sitemap_block #footer-widget-area .widget-area .menu-item a {
  border: none;
  color:
    #ffffff;
}

#footer_sitemap_block #footer-widget-area .widget-area .menu-item a:hover {
  background-color: transparent;
}

/*  フッター情報
---------------------------------------------------------------------------------------------------- */
/* 中央以外 */
#footer_information {
  position: absolute;
  top: 280px;
  left: calc(50% - 478px);
}

#footer_information .entry-post {
  width: 250px;
  margin: 0;
  text-align: left;
}

/* フッターナビ
--------------------------------------- */
#footer_information .post-data {
  display: inline-block;
  width: 250px;
  height: auto;
}

#footer_information .footer_info {
  display: block;
  width: 290px;
  margin: 30px auto;
}

#footer_information p {
  color: #807e7a;
}

#footer_information a {
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
}

/*  フッター住所文字色
---------------------------------------------------------------------------------------------------- */
#footer_information .entry-post .post-data>p {
  color:
    #807e7a;
}


/*  フッターSNSボタン
---------------------------------------------------------------------------------------------------- */
#footer_sns_btn {
  margin: 20px auto 0;
  /* 絶対値指定する時
  position: absolute;
  bottom: 130px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  */
}

#footer_sns_btn .footer_sns_inner {
  width: 250px;
  height: 25px;
}

#footer_sns_btn div {
  width: 25px;
  height: 25px;
}

#footer_sns_btn div a:hover {
  opacity: 0.8;
}


/*  コピーライト
---------------------------------------------------------------------------------------------------- */
#copyright {
  color:
    #49453d;
}

/* 中央以外 */

#copyright {
  position: absolute;
  bottom: 50px;
  left: calc(50% + 270px);
  text-align: right;
}


/*  サイドメニュー
---------------------------------------------------------------------------------------------------- */
.fixed_btn {
  z-index: 1000;
}

.fixed_btn div,
.fixed_btn div a {
  width: 50px;
  height: 50px;
}

.fixed_btn #fixed_btn_gtn,
.fixed_btn #fixed_btn_gtn a {
  height: 150px;
}

/*  スクロールトップ
---------------------------------------------------------------------------------------------------- */
#float_top_btn a:hover img {
  opacity: 0.8;
}

/* ===================================================================================================================
   ■ コンテンツ
------------------------------------------------------------------------------------------------------------------- */
#container_top {
  padding: 0;
}

#container_top.single_post {
  padding: 0 0 50px;
}

/*  見出し
---------------------------------------------------------------------------------------------------- */
.headline_title {
  background-image: url(/files/top_entry_title.png);
  color:
    #353127;
}

h3.entry_title,
.entry_title,
.entry-title {
  /* サイズ、背景、余白などはこちら */
  background-image: url(/files/entry_title_bg.png);
  color:
    #353127;
}

/*h3.entry_title,
.entry_title,
.entry_title h3,
.entry-title {
  フォントサイズはこちら
}*/
.entry_title a:link,
.entry_title a:visited,
.entry_title a:hover,
.entry_title a:active,
.entry-title a:link,
.entry-title a:visited,
.entry-title a:hover,
.entry-title a:active {
  color:
    #353127;
}

/* 見出しリンクボタン */
.entry_title span.read_more_btn a,
.entry_title span.read_more_btn a:hover {
  background-image: url(/files/read_more_btn.png);
}

.entry_title span.read_more_btn a:hover {
  opacity: 0.8;
}

* .mid_entry_title {
  background-image: url(/files/entry_title_bg_w570.png);
  font-size: 20px;
}

* .mid_entry_title,
* .mid_entry_title a {
  color:
    #353127;
}

/* B-09、B-10など幅半分ブロックの見出し用 */
* .half_entry_title,
* .short_entry_title {
  background-image: url(/files/half_entry_title_bg.png);
}

* .half_entry_title,
* .half_entry_title a,
* .short_entry_title,
* .short_entry_title a {
  color:
    #353127;
}

* .half_sub_entry_title,
.short_sub_entry_title {
  background-image: url(/files/half_sub_entry_title_bg.png);
}

* .half_sub_entry_title,
* .half_sub_entry_title a,
.short_sub_entry_title,
.short_sub_entry_title a {
  color:
    #353127;
}



/* B-03など小見出し用 */
* .sub_entry_title {
  background: url(/files/sub_entry_title_bg.png) no-repeat scroll left top transparent;
  color:
    #353127;
}

/*
* .sub_entry_title h4 {
  フォントサイズはこちら
}
*/

* .sub_entry_title a:link,
* .sub_entry_title a:visited,
* .sub_entry_title a:hover,
* .sub_entry_title a:active {
  color:
    #353127;
}

/* 小見出しリンクボタン */
.sub_entry_title span.read_more_btn a,
.sub_entry_title span.read_more_btn a:hover {
  background-image: url(/files/sub_read_more_btn.png);
}

.sub_entry_title span.read_more_btn a:hover {
  opacity: 0.8;
}

* .mid_sub_entry_title {
  background-image: url(/files/sub_entry_title_bg_w570.png);
  font-size: 20px;
}

* .mid_sub_entry_title,
* .mid_sub_entry_title a {
  color:
    #353127;
}

/* C-01など3列表示インラインタイトル用 */
* .inline_title {
  background-image: url(/files/column3_title_bg.png);
}

* .inline_title,
* .inline_title a {
  color:
    #353127;
}

/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title {
  padding: 10px;
  height: auto;
  border: 1px solid #353127;
  border-radius: 5px;
  background: none
    /*th背景*/
  ;
  color:
    #353127;
  text-align: left;
  font-size: 15px;
  line-height: 1.7;
}

/* 詳細画面の下部「コメント」見出し */
.indent_border {
  width: 685px;
  border-color:
    #d34c2d;
}


/* 大きな地図で見る */
small {
  border-color:
    #d34c2d;
}

small a {
  padding: 5px 0;
  width: 100%;
  color:
    #d34c2d !important;
  text-align: center !important;
}

small a:hover {
  background-color:
    #d34c2d !important;
  color: #ffffff !important;
}

/*  テーブル
---------------------------------------------------------------------------------------------------- */
.easys_content:not(.ne_01) table:not(#wp-calendar) tr>* {
  background: none transparent !important;
  border-color: #353127;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  color: #353127;
}

.easys_content:not(.ne_01) table:not(#wp-calendar) tr:first-child>* {
  border-top: 1px solid #353127 !important;
  color: #353127;
}

/*メール送信後メッセージボックスのボーダー（デフォルト：グリーン）*/
div.wpcf7-mail-sent-ok {
  border-color: #666 !important;
}

/* Dメニュー下線 */
.td_cell {
  border-color: #666;
  vertical-align: top;
}


/*  ページ遷移ボタン（詳細ブロックやページ送りのナビ用）
---------------------------------------------------------------------------------------------------- */
.tablenav {
  padding: 1em 0;
}

a.page-numbers,
.tablenav .current,
.permalink_in a,
.pageback a,
.page_up a {
  border-style: solid;
  border-color:
    #d34c2d;
  background: none transparent;
  color:
    #d34c2d !important;
}

/*.permalink_in a:link,
.permalink_in a:visited,
.pageback a:link,
.pageback a:visited {
}*/
.tablenav .next:link,
.tablenav .next:visited,
.tablenav .prev:link,
.tablenav .prev:visited {
  border: 1px solid #ffffff;
  background: none transparent;
}

.tablenav .next:hover,
.tablenav .next:active,
.tablenav .prev:hover,
.tablenav .prev:active {
  border-color:
    #d34c2d;
  background-color:
    #d34c2d;
}

.tablenav .current,
a.page-numbers:hover,
.permalink_in a:hover,
.permalink_in a:active,
.pageback a:hover,
.pageback a:active,
.page_up a:hover,
.page_up a:active {
  border-style: solid;
  border-color:
    #d34c2d;
  background: none #d34c2d;
  color: #ffffff !important;
}



/*  ブロック
---------------------------------------------------------------------------------------------------- */
/* 各ブロック点線 */
.border_margin,
.anchor_list ul li,
.cu_mail_block,
.blog_post,
.list_block .list_box {
  border-color:
    #666666;
}


/* Cブロック */
.c_01,
.c_02,
.c_03,
.c_05,
.c_06 {
  display: inline-block;
  padding: 0 0 20px;
  width: 100%;
}

.c_04 {
  margin: 0 0 20px;
}


/* Dブロック */
.menu-list table {
  border-collapse: separate;
}


/* Gブロック */
.g_01 .sub_entry_title a,
.g_02 .sub_entry_title a {
  text-decoration: underline;
}

.g_01 .sub_entry_title a:hover,
.g_02 .sub_entry_title a:hover {
  text-decoration: none;
}


/* Kブロック */
.k_03 .date_area {
  font-weight: bold;
  font-size: 13px;
}

.k_03 .news_small_text {
  font-size: 12px;
  line-height: 1.7;
}


/* Z-D ブログRSS */
.z_d1 {
  margin: 0 0 20px;
}


/* Z-E リンクバナー */
.banner_box {
  text-align: center;
}

.banner_box img {
  max-width: 100%;
  width: auto;
}



/* Z-I スライドショー */
.z_j1 {
  margin: 0 0 15px;
}


/* Z_L お知らせブロック */
.Z_l1 .date_area {
  font-weight: bold;
  font-size: 13px;
}

.Z_l1 .news_small_text {
  font-size: 12px;
}


/* Z_M タブブロック */
.z_m1 .link_list {
  font-size: 13px;
  line-height: 1.5;
}

.z_m1 div.link_list {
  margin-bottom: 10px;
}

div.link_list a {
  border: 1px solid #d34c2d;
  background-color: transparent;
  color:
    #d34c2d;
}

div.link_list a:hover {
  border: 1px solid #d34c2d;
  background-color:
    #d34c2d;
  color: #ffffff;
}


.faq-title {
  background-color:
    #d34c2d;
  color: #ffffff;
  font-weight: normal;
}



/*  メールフォーム
---------------------------------------------------------------------------------------------------- */
.iqfm-table td input[type="text"]:not([size]) {
  width: 75%;
}

/* 必須項目 */
.iqfm-req_color {
  color:
    #d34c2d;
}

.iqfm-table button,
.iqfm-table input[type="reset"],
.iqfm-table input[type="button"],
.iqfm-table input[type="submit"] {
  line-height: 1.7;
}

.iqfm-table .post_data {
  margin: 0 0 30px;
}


/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
/*body.coupon {
}*/
.coupon_print_block .print_header,
h1.print_page_title,
.coupon_box table tr td.coupon_data,
.coupon_box table tr td.coupon_meta_title,
.coupon_box table tr td.coupon_meta {
  border-color:
    #353127;
}

/* 有効期限の部分 */
.coupon_box table tr td.coupon_meta_title {
  width: 8em;
  background-color:
    transparent;
  color:
    #353127;
}

.coupon_box table tr td.coupon_meta {
  background-color:
    transparent;
  color:
    #353127;
}

.e-04 .menu_area td {
  height: 3.5em;
}

.e-04 .menu_area .parent_title {
  height: auto;
  font-size: 120%;
}

/*  ブログ
---------------------------------------------------------------------------------------------------- */
#nav-below div {
  border-color: #000000;
}

#nav-below .nav-next {
  padding: 0 0 0 10px;
}

#blog_main .entry-title {
  padding: 15px 20px 15px 20px;
  height: auto;
  background-image: url(/files/blog_title.png);
  background-position: center bottom;
  line-height: 1.5;
}

#blog_main .entry-title,
#blog_main .entry-title a {
  color:
    #353127;
}

.img_size_thumb {
  overflow: hidden;
  width: 150px;
  height: 150px;
}

/*  ローディング画面
---------------------------------------------------------------------------------------------------- */
.black-screen {
  background-color: #000000;
}

.black-screen>.inner {
  top: calc(50vh - (5vw / 2));
  width: 3vw;
  height: 3vw;
  background-image: url("/files/loading.svg");
}


/*  地図
---------------------------------------------------------------------------------------------------- */
#map_canvas {
  margin: 0 0 20px;
  width: 100%;
  height: 450px;
}


/*  googleカレンダー
---------------------------------------------------------------------------------------------------- */
iframe[src^="https://calendar.google.com"] {
  border: none !important;
}


/* ページ内リンクアンカー位置調整 */
a[id^="anchor"] {
  display: block;
  visibility: hidden;
  margin-top: -110px;
  height: 110px;
  content: "";
}


/* ============================== ↓↓各ブロックの個別CSSはこちらに記述↓↓ ============================== */



/*上下左右フェードインギミック------------------------------------*/
/* .f_up,
.f_down,
.f_left,
.f_right {
  opacity: 0;
  transform-origin: center;
  transition: 1s ease 0s;
}

.moved {
  top: 0;
  opacity: 1;
}

.f_up {
  transform: translate(0px, -100px);
}

.f_down {
  transform: translate(0px, 100px);
}

.f_left {
  transform: translate(-100px, 0px);
}

.f_right {
  transform: translate(100px, 0px);
}

.moved {
  transform: translate(0px, 0px);
} */

/*全体フェードイン　Dブロックは解除*/
.easys_content_inner:not(.nd_01 .easys_content_inner) {
  filter: blur(8px);
  transition: opacity 2s, filter 1.5s, transform 1.5s;
  transform: translate3d(0, 0, 0) translate(0, 100px);
  opacity: 0;
}

.easys_content_inner.moved_all:not(.nd_01 .easys_content_inner.moved_all) {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0) translate(0, 0);
}

/*  トップページ
---------------------------------------------------------------------------------------------------- */

/* デザインブロック共通設定
--------------------------------------- */

#qm4axg33gsxyj60p5vs1 *[class*="title"],
#imhjubacclhz896of6u4 *[class*="title"],
#t72le8aaobyp58iclio4 *[class*="title"],
#ors0fj55mbz2hdsscm1z *[class*="title"],
#eqe5ruqyeznl4mu8yu9s *[class*="title"],
#gzrnerbpj0zz66lb2mcc *[class*="title"],
#w90htgmt4dwdm25b1fxx *[class*="title"],
#jr8miy32qlszdktu044c *[class*="title"],
#u8f7hfy96tw5wludmi60 *[class*="title"],
#hd2d0zpbzvm6mwex3r4t *[class*="title"],
#ts8jlurfcantc3vf9hl2 *[class*="title"],
#r13zydu1hh8oj8gqvecd *[class*="title"],
#ct9tzz6agu3zp5q0zdk4 *[class*="title"],
#j2horhddltqmbtwwdq9o *[class*="title"],
#rex9efs6mf1tw0hqzc7q *[class*="title"],
#ohqa7qsid1ywhlnttp6r *[class*="title"],
#uawh6ghglsmqhflu4vv1 *[class*="title"] {
  display: none;
}

#qm4axg33gsxyj60p5vs1 .text_box p,
#imhjubacclhz896of6u4 .text_box p,
#t72le8aaobyp58iclio4 .text_box p,
#ors0fj55mbz2hdsscm1z .text_box p,
#eqe5ruqyeznl4mu8yu9s .text_box p,
#gzrnerbpj0zz66lb2mcc .text_box p,
#w90htgmt4dwdm25b1fxx .text_box p,
#jr8miy32qlszdktu044c .text_box p,
#u8f7hfy96tw5wludmi60 .text_box p,
#hd2d0zpbzvm6mwex3r4t .text_box p,
#ts8jlurfcantc3vf9hl2 .text_box p,
#r13zydu1hh8oj8gqvecd .text_box p,
#ct9tzz6agu3zp5q0zdk4 .text_box p,
#j2horhddltqmbtwwdq9o .text_box p,
#rex9efs6mf1tw0hqzc7q .text_box p,
#ohqa7qsid1ywhlnttp6r .text_box p,
#uawh6ghglsmqhflu4vv1 .text_box p,
#zs9r352td8mwq8lj2j6g .text_box p,
#arxf7puhe4opiq794dwl .text_box p {
  font-size: 15px;
  line-height: 50px;
}

#qm4axg33gsxyj60p5vs1 .entry_post:first-of-type .eyecatch,
#imhjubacclhz896of6u4 .entry_post:first-of-type .eyecatch,
#t72le8aaobyp58iclio4 .entry_post:first-of-type .eyecatch,
#ors0fj55mbz2hdsscm1z .entry_post:first-of-type .eyecatch,
#eqe5ruqyeznl4mu8yu9s .entry_post:first-of-type .eyecatch,
#gzrnerbpj0zz66lb2mcc .entry_post:first-of-type .eyecatch,
#w90htgmt4dwdm25b1fxx .entry_post:first-of-type .eyecatch,
#jr8miy32qlszdktu044c .entry_post:first-of-type .eyecatch,
#u8f7hfy96tw5wludmi60 .entry_post:first-of-type .eyecatch,
#hd2d0zpbzvm6mwex3r4t .entry_post:first-of-type .eyecatch,
#ts8jlurfcantc3vf9hl2 .entry_post:first-of-type .eyecatch,
#r13zydu1hh8oj8gqvecd .entry_post:first-of-type .eyecatch,
#ct9tzz6agu3zp5q0zdk4 .entry_post:first-of-type .eyecatch,
#j2horhddltqmbtwwdq9o .entry_post:first-of-type .eyecatch,
#rex9efs6mf1tw0hqzc7q .entry_post:first-of-type .eyecatch,
#ohqa7qsid1ywhlnttp6r .entry_post:first-of-type .eyecatch,
#uawh6ghglsmqhflu4vv1 .entry_post:first-of-type .eyecatch {
  display: none;
}

#qm4axg33gsxyj60p5vs1 .entry_post:first-of-type .float_left,
#qm4axg33gsxyj60p5vs1 .entry_post:first-of-type .float_right,
#imhjubacclhz896of6u4 .entry_post:first-of-type .float_left,
#imhjubacclhz896of6u4 .entry_post:first-of-type .float_right,
#t72le8aaobyp58iclio4 .entry_post:first-of-type .float_left,
#t72le8aaobyp58iclio4 .entry_post:first-of-type .float_right,
#ors0fj55mbz2hdsscm1z .entry_post:first-of-type .float_left,
#ors0fj55mbz2hdsscm1z .entry_post:first-of-type .float_right,
#eqe5ruqyeznl4mu8yu9s .entry_post:first-of-type .float_left,
#eqe5ruqyeznl4mu8yu9s .entry_post:first-of-type .float_right,
#gzrnerbpj0zz66lb2mcc .entry_post:first-of-type .float_left,
#gzrnerbpj0zz66lb2mcc .entry_post:first-of-type .float_right,
#w90htgmt4dwdm25b1fxx .entry_post:first-of-type .float_left,
#w90htgmt4dwdm25b1fxx .entry_post:first-of-type .float_right,
#jr8miy32qlszdktu044c .entry_post:first-of-type .float_left,
#jr8miy32qlszdktu044c .entry_post:first-of-type .float_right,
#u8f7hfy96tw5wludmi60 .entry_post:first-of-type .float_left,
#u8f7hfy96tw5wludmi60 .entry_post:first-of-type .float_right,
#hd2d0zpbzvm6mwex3r4t .entry_post:first-of-type .float_left,
#hd2d0zpbzvm6mwex3r4t .entry_post:first-of-type .float_right,
#ts8jlurfcantc3vf9hl2 .entry_post:first-of-type .float_left,
#ts8jlurfcantc3vf9hl2 .entry_post:first-of-type .float_right,
#r13zydu1hh8oj8gqvecd .entry_post:first-of-type .float_left,
#r13zydu1hh8oj8gqvecd .entry_post:first-of-type .float_right,
#ct9tzz6agu3zp5q0zdk4 .entry_post:first-of-type .float_left,
#ct9tzz6agu3zp5q0zdk4 .entry_post:first-of-type .float_right,
#j2horhddltqmbtwwdq9o .entry_post:first-of-type .float_left,
#j2horhddltqmbtwwdq9o .entry_post:first-of-type .float_right,
#rex9efs6mf1tw0hqzc7q .entry_post:first-of-type .float_left,
#rex9efs6mf1tw0hqzc7q .entry_post:first-of-type .float_right,
#ohqa7qsid1ywhlnttp6r .entry_post:first-of-type .float_left,
#ohqa7qsid1ywhlnttp6r .entry_post:first-of-type .float_right,
#uawh6ghglsmqhflu4vv1 .entry_post:first-of-type .float_left,
#uawh6ghglsmqhflu4vv1 .entry_post:first-of-type .float_right {
  float: none;
}

.easys_content .sub_post .float_left {
  float: left !important;
}

.easys_content .sub_post .float_right {
  float: right !important;
}

/* DB>株式会社けむり
#qm4axg33gsxyj60p5vs1
--------------------------------------- */
#outer_block:not(#page_1378 #outer_block, #page_18 #outer_block) {
  padding-top: 0;
  /*スライダー下の余白を消す*/
}

/*背景画像　レスポなし、高さ固定値*/
#qm4axg33gsxyj60p5vs1 {
  background: url(/files/db_17_bg.jpg) no-repeat center top;
  height: 1150px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#qm4axg33gsxyj60p5vs1 .text_box {
  width: 880px;
  margin: 808px auto 0 70px;
}

/* バナー＞本格炭火串焼　けむり
#lqqmzyiovpi1ashimz17
--------------------------------------- */
#lqqmzyiovpi1ashimz17 {
  background: url(/files/banner_01kemuri_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#lqqmzyiovpi1ashimz17 .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_01kemuri_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 1px;
  left: -14px;
  transition: ease .3s;
  pointer-events: none;
}

#lqqmzyiovpi1ashimz17 .easys_content_inner:hover::before,
#lqqmzyiovpi1ashimz17 .eyecatch a:hover img {
  opacity: 1;
}

/* バナー＞魚きんめ
#nifumb6zmexndz2oxfh5
--------------------------------------- */
#nifumb6zmexndz2oxfh5 {
  background: url(/files/banner_02kinme_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#nifumb6zmexndz2oxfh5 .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_02kinme_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease .3s;
  pointer-events: none;
}

#nifumb6zmexndz2oxfh5 .easys_content_inner:hover::before,
#nifumb6zmexndz2oxfh5 .eyecatch a:hover img {
  opacity: 1;
}

/* バナー＞和食ごしき
#aqd72odtoye3nws2cdga
--------------------------------------- */
#aqd72odtoye3nws2cdga {
  background: url(/files/banner_03goshiki_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#aqd72odtoye3nws2cdga .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_03goshiki_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease .3s;
  pointer-events: none;
}

#aqd72odtoye3nws2cdga .easys_content_inner:hover::before,
#aqd72odtoye3nws2cdga .eyecatch a:hover img {
  opacity: 1;
}

/* バナー＞鮨かんてら
#rdet49vlouli62uniyx4
--------------------------------------- */
#rdet49vlouli62uniyx4 {
  background: url(/files/banner_04kantera_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#rdet49vlouli62uniyx4 .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_04kantera_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease .3s;
  pointer-events: none;
}

#rdet49vlouli62uniyx4 .easys_content_inner:hover::before,
#rdet49vlouli62uniyx4 .eyecatch a:hover img {
  opacity: 1;
}

/* バナー＞三茶貝介
#wgha7vid80x7hazto04s
--------------------------------------- */
#wgha7vid80x7hazto04s {
  background: url(/files/banner_05kaisuke_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#wgha7vid80x7hazto04s .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_05kaisuke_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease .3s;
  pointer-events: none;
}

#wgha7vid80x7hazto04s .easys_content_inner:hover::before,
#wgha7vid80x7hazto04s .eyecatch a:hover img {
  opacity: 1;
}

/* バナー＞代々木鳥松
#hhb01018nggnj5ouyldx
--------------------------------------- */
#hhb01018nggnj5ouyldx {
  background: url(/files/banner_06torimatsu_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 730px;
  position: relative;
}

#hhb01018nggnj5ouyldx .easys_content_inner::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_06torimatsu_on.png) no-repeat center top;
  opacity: 0;
  position: absolute;
  top: 1px;
  left: 11px;
  transition: ease .3s;
  pointer-events: none;
}

#hhb01018nggnj5ouyldx .easys_content_inner:hover::before,
#hhb01018nggnj5ouyldx .eyecatch a:hover img {
  opacity: 1;
}


/* バナー＞店舗一覧／お問い合わせ
#twqgjbzaarkiovxffvd7
--------------------------------------- */
/*二列バナー*/
#twqgjbzaarkiovxffvd7 {
  position: relative;
  width: 100%;
  height: 22.3vw;
  min-height: 292.5px;
  max-height: 450px;
  background: url(/files/banner_half_bg_wood.jpg) no-repeat center top;
}

#twqgjbzaarkiovxffvd7 .margin-bottom_30 {
  margin-bottom: 0;
}

#twqgjbzaarkiovxffvd7 .easys_content_inner {
  width: 100%;
  padding: 0;
}

#twqgjbzaarkiovxffvd7 .field_2col {
  width: 50% !important;
}

#twqgjbzaarkiovxffvd7 .field_2col .eyecatch {
  width: 100% !important;
}

#twqgjbzaarkiovxffvd7 .field_2col .eyecatch a {
  transition: ease .7s;
}

#twqgjbzaarkiovxffvd7 .field_2col .eyecatch a:hover {
  opacity: .85;
}

#twqgjbzaarkiovxffvd7 .float_left,
#twqgjbzaarkiovxffvd7 .float_right {
  position: relative;
}

/* DB>「すべてはお客さまのために」飲食業界で無限の可能性を広げませんか？
#imhjubacclhz896of6u4
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#imhjubacclhz896of6u4 {
  background: url(/files/db_02_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1455px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#imhjubacclhz896of6u4 .text_box {
  width: 480px;
  margin: 746px auto 0 0;
}

#imhjubacclhz896of6u4 .main_btn {
  display: block;
  /*ボタン画像サイズ*/
  width: 230px;
  height: 40px;
  padding: 0;
  position: relative;
  margin-top: 30px;
  z-index: 500;
}

#imhjubacclhz896of6u4 .main_btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: none;
  text-indent: -9999px;
  border-radius: 0;
  padding: 0;
}

/*オンオフ画像2枚　一瞬消えない*/
#imhjubacclhz896of6u4 .main_btn a::before,
#imhjubacclhz896of6u4 .main_btn a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.3s ease 0s;
  opacity: 0;
  /*ON画像非表示*/
}

/*OFF画像表示*/
#imhjubacclhz896of6u4 .main_btn a::after {
  opacity: 1;
}

/*ホバー時 ON画像表示*/
#imhjubacclhz896of6u4 .main_btn a:hover::before {
  opacity: 1;
}

/*Off画像非表示*/
#imhjubacclhz896of6u4 .main_btn a:hover::after {
  opacity: 0;
}

/*OFF画像*/
#imhjubacclhz896of6u4 .main_btn a::after {
  background: url("/files/db_02_btn.png") no-repeat center top;
}

/*ON画像*/
#imhjubacclhz896of6u4 .main_btn a::before {
  background: url("/files/db_02_btn_on.png") no-repeat center top;
}

/* DB>煙のように舞い上がれ　本格炭火串焼“けむり”　
#t72le8aaobyp58iclio4
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#t72le8aaobyp58iclio4 {
  background: url(/files/db_03_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1200px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#t72le8aaobyp58iclio4 .text_box {
  width: 590px;
  margin: 757px auto 0 0;
}

/* DB>生でも食べられる鮮度の鶏を使用しております
#ors0fj55mbz2hdsscm1z
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#ors0fj55mbz2hdsscm1z {
  background: url(/files/db_04_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1550px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#ors0fj55mbz2hdsscm1z .text_box {
  width: 480px;
  margin: 704px 150px 0 auto;
}

/* バナー＞採用情報
#hqtlwrffy0majvt1mhow
--------------------------------------- */
#hqtlwrffy0majvt1mhow {
  background: url(/files/banner_recruit_bg.jpg) no-repeat center top;
  height: 800px;
  position: relative;
}

#hqtlwrffy0majvt1mhow .easys_content_inner {
  padding-top: 250px;
}

#hqtlwrffy0majvt1mhow .easys_content_inner .eyecatch a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#hqtlwrffy0majvt1mhow .easys_content_inner .eyecatch a::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_recruit_on.png)no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: ease .5s;
}

#hqtlwrffy0majvt1mhow .easys_content_inner .eyecatch a:hover:after,
#hqtlwrffy0majvt1mhow .easys_content_inner .eyecatch a:hover img {
  opacity: 1;
}

/* DB>高級魚金目鯛をリーズナブルに。金目鯛の専門店です
#eqe5ruqyeznl4mu8yu9s
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#eqe5ruqyeznl4mu8yu9s {
  background: url(/files/db_05_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1140px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#eqe5ruqyeznl4mu8yu9s .text_box {
  width: 480px;
  margin: 720px auto 0 0;
}

/* DB>活〆したとらふぐもお楽しみいただけます
#gzrnerbpj0zz66lb2mcc
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#gzrnerbpj0zz66lb2mcc {
  background: url(/files/db_06_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1200px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#gzrnerbpj0zz66lb2mcc .text_box {
  width: 430px;
  margin: 660px auto 0 560px;
}

/* DB>だしでシンプルに食材の本来のうまみを楽しむ
#w90htgmt4dwdm25b1fxx
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#w90htgmt4dwdm25b1fxx {
  background: url(/files/db_07_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1060px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#w90htgmt4dwdm25b1fxx .text_box {
  width: 650px;
  margin: 555px auto 0 234px;
}

/* DB>鮪の希少部位を余すことなく
#jr8miy32qlszdktu044c
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#jr8miy32qlszdktu044c {
  background: url(/files/db_08_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1200px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#jr8miy32qlszdktu044c .text_box {
  width: 600px;
  margin: 750px auto 0 0;
}

/* DB>銀座一流店の江戸前鮨を三茶で
#u8f7hfy96tw5wludmi60
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#u8f7hfy96tw5wludmi60 {
  background: url(/files/db_09_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1250px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#u8f7hfy96tw5wludmi60 .text_box {
  width: 620px;
  margin: 610px auto 0 180px;
}

/* DB>豊洲で仕入れた新鮮なネタにひと手間加えた逸品を
#hd2d0zpbzvm6mwex3r4t
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#hd2d0zpbzvm6mwex3r4t {
  background: url(/files/db_10_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1200px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#hd2d0zpbzvm6mwex3r4t .text_box {
  width: 620px;
  margin: 730px 0 0 auto;
}

/* DB>鮨屋仕込みの貝類をまるで鮨屋のようなカウンターで
#ts8jlurfcantc3vf9hl2
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#ts8jlurfcantc3vf9hl2 {
  background: url(/files/db_11_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1250px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#ts8jlurfcantc3vf9hl2 .text_box {
  width: 650px;
  margin: 630px 150px 0 auto;
}

/* DB>からだ想いのナチュールワインが貝類を引き立てます
#r13zydu1hh8oj8gqvecd
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#r13zydu1hh8oj8gqvecd {
  background: url(/files/db_12_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1170px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#r13zydu1hh8oj8gqvecd .text_box {
  width: 725px;
  margin: 685px 0 0 auto;
}

/* DB>幻の地鶏『天草大王』の熟成焼鳥を
#ct9tzz6agu3zp5q0zdk4
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#ct9tzz6agu3zp5q0zdk4 {
  background: url(/files/db_13_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1260px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#ct9tzz6agu3zp5q0zdk4 .text_box {
  width: 560px;
  margin: 665px auto 0 0;
}

/* DB>鮨屋のような銀杏木のコの字カウンターが特徴
#j2horhddltqmbtwwdq9o
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#j2horhddltqmbtwwdq9o {
  background: url(/files/db_14_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1200px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#j2horhddltqmbtwwdq9o .text_box {
  width: 510px;
  margin: 690px auto 0 490px;
}

/* DB>未来の仲間へのメッセージ
#rex9efs6mf1tw0hqzc7q
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#rex9efs6mf1tw0hqzc7q {
  background: url(/files/db_15_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 2100px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#rex9efs6mf1tw0hqzc7q .entry_post_1485 .text_box {
  width: 475px;
  margin: 640px auto 0 0;
}

#rex9efs6mf1tw0hqzc7q .entry_post_1598 .text_box {
  width: 495px;
  margin: 450px 0 0 auto;
}

/* DB>“人間力”スタッフを大切にします
#uawh6ghglsmqhflu4vv1
--------------------------------------- */
/*背景画像　レスポなし、高さ固定値*/
#uawh6ghglsmqhflu4vv1 {
  background: url(/files/db_16_bg.jpg) no-repeat center top;
  /*背景画像の高さ*/
  height: 1250px;
  position: relative;
}

#uawh6ghglsmqhflu4vv1 .text_box {
  width: 570px;
  margin: 720px auto 0 0;
}

/* バナー＞お問い合わせ
#lca5ctxzv504xh1bohi5
--------------------------------------- */
#lca5ctxzv504xh1bohi5 {
  background: url(/files/banner_contact_bg.jpg) no-repeat center top;
  height: 600px;
  position: relative;
}

#lca5ctxzv504xh1bohi5 .easys_content_inner .eyecatch a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#lca5ctxzv504xh1bohi5 .easys_content_inner .eyecatch a::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/files/banner_contact_on.png)no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: ease .5s;
}

#lca5ctxzv504xh1bohi5 .easys_content_inner .eyecatch a:hover:after,
#lca5ctxzv504xh1bohi5 .easys_content_inner .eyecatch a:hover img {
  opacity: 1;
}




/* 以下各ページパララックス 
--------------------------------------- */
/* イメージ画像＿トップ
#af13lp68aksgvski2q1u
--------------------------------------- */
#af13lp68aksgvski2q1u {
  background: url(/files/parara01_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 780px;
  position: relative;
}

#af13lp68aksgvski2q1u:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/files/parara01_front.png) no-repeat bottom center;
  transform: scale(1.01);
}

/* イメージ画像＿けむり
#z510xucbtrpdmrn3lthp
--------------------------------------- */
#z510xucbtrpdmrn3lthp {
  background: url(/files/parara02_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#z510xucbtrpdmrn3lthp:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＿魚きんめ
#e4tl1syjomu5blfx1txf
--------------------------------------- */
#e4tl1syjomu5blfx1txf {
  background: url(/files/parara03_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#e4tl1syjomu5blfx1txf:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＞和食ごしき
#cdkkaqtjig5zms8lsglh
--------------------------------------- */
#cdkkaqtjig5zms8lsglh {
  background: url(/files/parara04_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#cdkkaqtjig5zms8lsglh:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＞鮨かんてら
#lpswe6h3zjqay1ffkizj
--------------------------------------- */
#lpswe6h3zjqay1ffkizj {
  background: url(/files/parara05_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#lpswe6h3zjqay1ffkizj:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＿三茶貝介
#uuipertm3435twy6zegm
--------------------------------------- */
#uuipertm3435twy6zegm {
  background: url(/files/parara06_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#uuipertm3435twy6zegm:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＿代々木鳥松
#fpce6so37b2bl5q7umq7
--------------------------------------- */
#fpce6so37b2bl5q7umq7 {
  background: url(/files/parara07_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 30vw;
  min-height: 390px;
  max-height: 600px;
  position: relative;
}

#fpce6so37b2bl5q7umq7:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}

/* イメージ画像＿採用情報
#ymq225guwx6fqbj2t091
--------------------------------------- */
#ymq225guwx6fqbj2t091 {
  background: url(/files/parara08_bg.jpg) no-repeat center center fixed transparent;
  background-size: cover;
  height: 45vw;
  min-height: 390px;
  max-height: 850px;
  position: relative;
}

#ymq225guwx6fqbj2t091:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
}


/* バナー＞店舗一覧／お問い合わせ
#ck8capl0derv98aa56jk
#lq2rb8g0uka8wwr9nkp3
#mhbiz8ofksvka2cpdwou
#o5lyl229wsrpk1d5p632
#f1m8mqagnbbzsd5zfrba
#pw2f4jy9xgerp8p4c4eq
--------------------------------------- */

#ck8capl0derv98aa56jk,
#mhbiz8ofksvka2cpdwou,
#o5lyl229wsrpk1d5p632,
#f1m8mqagnbbzsd5zfrba,
#pw2f4jy9xgerp8p4c4eq,
#lq2rb8g0uka8wwr9nkp3 {
  position: relative;
  width: 100%;
  height: 22.3vw;
  min-height: 292.5px;
  max-height: 450px;
}

#ck8capl0derv98aa56jk .design_video,
#mhbiz8ofksvka2cpdwou .design_video,
#o5lyl229wsrpk1d5p632 .design_video,
#f1m8mqagnbbzsd5zfrba .design_video,
#pw2f4jy9xgerp8p4c4eq .design_video,
#lq2rb8g0uka8wwr9nkp3 .design_video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#ck8capl0derv98aa56jk .margin-bottom_30,
#mhbiz8ofksvka2cpdwou .margin-bottom_30,
#o5lyl229wsrpk1d5p632 .margin-bottom_30,
#f1m8mqagnbbzsd5zfrba .margin-bottom_30,
#pw2f4jy9xgerp8p4c4eq .margin-bottom_30,
#lq2rb8g0uka8wwr9nkp3 .margin-bottom_30 {
  margin-bottom: 0;
}

#ck8capl0derv98aa56jk .easys_content_inner,
#mhbiz8ofksvka2cpdwou .easys_content_inner,
#o5lyl229wsrpk1d5p632 .easys_content_inner,
#f1m8mqagnbbzsd5zfrba .easys_content_inner,
#pw2f4jy9xgerp8p4c4eq .easys_content_inner,
#lq2rb8g0uka8wwr9nkp3 .easys_content_inner {
  width: 100%;
  padding: 0;
}

#ck8capl0derv98aa56jk .field_2col,
#mhbiz8ofksvka2cpdwou .field_2col,
#o5lyl229wsrpk1d5p632 .field_2col,
#f1m8mqagnbbzsd5zfrba .field_2col,
#pw2f4jy9xgerp8p4c4eq .field_2col,
#lq2rb8g0uka8wwr9nkp3 .field_2col {
  width: 50% !important;
}

#ck8capl0derv98aa56jk .field_2col .eyecatch,
#mhbiz8ofksvka2cpdwou .field_2col .eyecatch,
#o5lyl229wsrpk1d5p632 .field_2col .eyecatch,
#f1m8mqagnbbzsd5zfrba .field_2col .eyecatch,
#pw2f4jy9xgerp8p4c4eq .field_2col .eyecatch,
#lq2rb8g0uka8wwr9nkp3 .field_2col .eyecatch {
  width: 100% !important;
}

#ck8capl0derv98aa56jk .field_2col .eyecatch a,
#mhbiz8ofksvka2cpdwou .field_2col .eyecatch a,
#o5lyl229wsrpk1d5p632 .field_2col .eyecatch a,
#f1m8mqagnbbzsd5zfrba .field_2col .eyecatch a,
#pw2f4jy9xgerp8p4c4eq .field_2col .eyecatch a,
#lq2rb8g0uka8wwr9nkp3 .field_2col .eyecatch a {
  transition: all .7s;
}

#ck8capl0derv98aa56jk .field_2col .eyecatch a:hover,
#mhbiz8ofksvka2cpdwou .field_2col .eyecatch a:hover,
#o5lyl229wsrpk1d5p632 .field_2col .eyecatch a:hover,
#f1m8mqagnbbzsd5zfrba .field_2col .eyecatch a:hover,
#pw2f4jy9xgerp8p4c4eq .field_2col .eyecatch a:hover,
#lq2rb8g0uka8wwr9nkp3 .field_2col .eyecatch a:hover {
  opacity: .85;
}

#ck8capl0derv98aa56jk .float_left,
#ck8capl0derv98aa56jk .float_right,
#mhbiz8ofksvka2cpdwou .float_left,
#mhbiz8ofksvka2cpdwou .float_right,
#o5lyl229wsrpk1d5p632 .float_left,
#o5lyl229wsrpk1d5p632 .float_right,
#f1m8mqagnbbzsd5zfrba .float_left,
#f1m8mqagnbbzsd5zfrba .float_right,
#mhbiz8ofksvka2cpdwou .float_left,
#mhbiz8ofksvka2cpdwou .float_right,
#pw2f4jy9xgerp8p4c4eq .float_left,
#pw2f4jy9xgerp8p4c4eq .float_right {
  position: relative;
}

/*DB>けむり創業ヒストリー
#ohqa7qsid1ywhlnttp6r
----------------------------------------*/
/*背景画像　レスポなし、高さ固定値*/
#ohqa7qsid1ywhlnttp6r {
  background: url(/files/db_01_bg.jpg) no-repeat center top;
  height: 1150px;
  margin-bottom: 70px;
  position: relative;
}

/*テキスト部分の幅、位置はマージン調整*/
#ohqa7qsid1ywhlnttp6r .text_box {
  width: 500px;
  margin: 750px auto 0 0;
}

#ohqa7qsid1ywhlnttp6r .post_margin {
  margin-bottom: 0;
}


/*６連バナー
#j3vom8t2psio5gcohvrd
----------------------------------------*/
#j3vom8t2psio5gcohvrd {
  padding-top: 100px;
}

#j3vom8t2psio5gcohvrd .img_display {
  display: flex;
}

#j3vom8t2psio5gcohvrd .easys_content_inner {
  width: 1260px;
}

#j3vom8t2psio5gcohvrd .eyecatch a:hover img {
  opacity: 1;
}

#j3vom8t2psio5gcohvrd .eyecatch {
  position: relative;
}

#j3vom8t2psio5gcohvrd .eyecatch::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/files/banner_5ren_on.png) no-repeat center top;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
}

#j3vom8t2psio5gcohvrd .eyecatch:hover::before {
  opacity: 1;
}

#j3vom8t2psio5gcohvrd .margin-bottom_50 {
  margin: 0;
}

/*荻窪　焼鳥　七転八起ページ追加
----------------------------------------------------------------------*/
#zs9r352td8mwq8lj2j6g {
    background: url(/files/db_18_bg.jpg) no-repeat center top;
    height: 1060px;
    position: relative;
}

#zs9r352td8mwq8lj2j6g .text_box {
    width: 450px;
    margin: 585px auto 0 90px;
}

#arxf7puhe4opiq794dwl {
    background: url(/files/db_19_bg.jpg) no-repeat center top;
    height: 1200px;
    position: relative;
}

#arxf7puhe4opiq794dwl .text_box {
    width: 485px;
    margin: 590px auto 0 630px;
}

#yafvwtdckfwk1k0rol8s .eyecatch.margin-bottom_10.img_size_small.float_left {
    width: 500px;
}

#yafvwtdckfwk1k0rol8s img {
    width: 500px;
}


#yafvwtdckfwk1k0rol8s .text_box.text.text_size_large.float_right {
    width: 400px;
}

#yafvwtdckfwk1k0rol8s h2.headline_title.title_1885.type-A {
    margin-bottom: 50px;
}

#r3p34zm7i7xg9otods1i .eyecatch.margin-bottom_10.img_size_small.float_right {
    width: 500px;
    margin-top: 50px;
    margin-right: 50px;
}

#r3p34zm7i7xg9otods1i .text_box.text.text_size_large.float_left {
    width: 300px;
    margin-left: 50px;
}

#s8gj1qijfz91au5or5k6 .eyecatch.margin-bottom_10.img_size_small.float_left {
    width: 500px;
}


#s8gj1qijfz91au5or5k6 .post_data.margin-bottom_15 {
    width: 430px;
}

#s8gj1qijfz91au5or5k6 .text_box.text.text_size_large.float_right {
    width: 430px;
}

#s8gj1qijfz91au5or5k6 .entry_title.title_1895.type-B {
    margin-bottom: 10px;
}

#s8gj1qijfz91au5or5k6 .entry_post.post_margin.entry_post_1895 {
    margin-bottom: 100px;
}


#yjdxwrf1ea9n7krqyv8q {
    background: url(/files/parara09_bg.jpg) no-repeat center center fixed transparent;
    background-size: cover;
    height: 30vw;
    min-height: 390px;
    max-height: 600px;
    position: relative;
}


#yjdxwrf1ea9n7krqyv8q:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: none;
}

.entry_post post_margin entry_post_1910 .post_data.margin-bottom_15 {
    width: 570px;
}

div#dqrjsgj9ies8lflysx04 {
    margin-bottom: 50px;
}

.post_data.margin-bottom_15 {
    width: 500px;
}

/*トップナビ
---------------------------------------------------------*/
div#access .gnavi11 a,
div#access .gnavi11 a:hover {
  background-position: right top;
}

div#access .gnavi23 a,
div#access .gnavi23 a:hover {
  background-position: right -50px top;
}

div#access .gnavi12 a,
div#access .gnavi12 a:hover {
  background-position: right -100px top;
}

div#access .gnavi13 a,
div#access .gnavi13 a:hover {
  background-position: right -150px top;
}

div#access .gnavi14 a,
div#access .gnavi14 a:hover {
  background-position: right -200px top;
}

div#access .gnavi15 a,
div#access .gnavi15 a:hover {
  background-position: right -250px top;
}

div#access .gnavi16 a,
div#access .gnavi16 a:hover {
  background-position: right -300px top;
}

div#access .gnavi17 a,
div#access .gnavi17 a:hover {
  background-position: right -350px top;
}

div#access .gnavi18 a,
div#access .gnavi18 a:hover {
  background-position: right -400px top;
}

div#access .gnavi19 a,
div#access .gnavi19 a:hover {
  background-position: right -450px top;
}

div#access .gnavi20 a,
div#access .gnavi20 a:hover {
  background-position: right -500px top;
}

div#access .gnavi21 a,
div#access .gnavi21 a:hover {
  background-position: right -550px top;
}

div#access .gnavi22 a,
div#access .gnavi22 a:hover {
  background-position: left top;
}

div#access .gnavi23 a:hover::after {
  height: 75px;
}