@charset "UTF-8";
/* ==========================================================
Name:
    old.css

Description:
    旧サイトのcss

========================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
.main-body {
    font-family: Verdana, "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    -webkit-font-smoothing: auto;
    padding-top: 200px !important;
    padding-bottom: 100px !important;
}

    /*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/
    /*引用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/
    /*1カラムレイアウト*/
    /*2カラムレイアウト*/
    /*2カラムレイアウト（リバース）*/
    /*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
    /*ヘッダーロゴ*/
    /*ヘッダー右側の要素*/
    /*ヘッダー右側の要素*/
    /*ヘッダーの全画面表示*/
    /*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
    /*グローバルナビの開閉用ボタン*/
    /* 開閉メニュー消す */
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/
    /*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/
    /*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
    /*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
    /*1カラムレイアウト*/
    /*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
    /*サブコンテンツ用メニューのデザイン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
    /*フッターナビ*/
    /*Retina（高解像度）ディスプレイ用*/
    /*プライバシポリシー*/
    /*コピーライト*/
    /*ページトップボタン*/
    /*--------------------------------------------------------
見出し
--------------------------------------------------------*/
    /*画像を使う場合などに見出しのデザインを解除*/
    /*コンテンツの外にある見出し*/
    /*記事タイトルや基本単位毎の最初の見出し*/
    /*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/
    /*最新情報*/
    /*記述リスト 横並び*/
    /*記述リスト 縦並び*/
    /*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
    /*カテゴリー*/
    /*Retina（高解像度）ディスプレイ用*/
    /*タグクラウド*/
    /*Retina（高解像度）ディスプレイ用*/
    /*カレンダー*/
    /*段組*/
    /*バナーエリア*/
    /*引用元へのリンク*/
    /*動画などのレスポンシブ対応*/
    /*ボタン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*検索ボックス*/
    /*ソーシャルボタン*/
    /*アイキャッチ*/
    /*登場人物紹介１*/
    /*Retina（高解像度）ディスプレイ用*/
    /*登場人物紹介２*/
    /*吹き出し*/
    /*吹き出しの微調整*/
    /*吹き出し 会話者が複数人の場合*/
    /*吹き出し背景色：青（HTML版のみ）*/
    /*吹き出し背景色：緑（HTML版のみ）*/
    /*吹き出し背景色：黄（HTML版のみ）*/
    /*吹き出し背景色：オレンジ（HTML版のみ）*/
    /*吹き出し背景色：ピンク（HTML版のみ）*/
    /*吹き出し背景色：赤（HTML版のみ）*/
    /*吹き出し背景色：黒（HTML版のみ）*/
    /*ランキング*/
    /*ランキング用の王冠アイコンのリスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ランキング用のメダルアイコンのリスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ランキング用のシンプルなリスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*画像＋ランキング番号のリスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*画像＋テキストのリスト（ランキング用）*/
    /*Retina（高解像度）ディスプレイ用*/
    /*背景画像＋テキストのリスト（ランキング用）*/
    /*Retina（高解像度）ディスプレイ用*/
    /*順位の無しのリスト*/
    /*画像＋テキストのリスト*/
    /*背景画像＋テキストのリスト*/
    /*情報比較リスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*情報比較用の王冠アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ランキング用のアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*文章中の間*/
    /*チェックリスト*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Q&A*/
    /*Retina（高解像度）ディスプレイ用*/
    /*フロー図*/
    /*Retina（高解像度）ディスプレイ用*/
    /*予告エリア*/
    /*関連記事*/
    /*目次*/
    /*お客様の声*/
    /*画像とテキストの組み合わせ*/
    /*ページ送り*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
    /*関連記事*/
    /*Retina（高解像度）ディスプレイ用*/
    /*目次*/
    /*コメント*/
    /*コメント一覧*/
    /*ウィジェット*/
    /*Retina（高解像度）ディスプレイ用*/
    /*カレンダー*/
    /*ページ分割*/
    /*キャプション*/
    /*ギャラリー*/
    /*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/
    /*注記*/
    /*必須項目・警告・エラーの文字色*/
    /*傍点*/
    /*装飾
※IE8等古いブラウザを除く*/
    /*画像のサイズ調整*/
    /*円
※IE8等古いブラウザを除く*/
    /*角丸
※IE8等古いブラウザを除く*/
    /*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
    /*透明パネル ※IE8等古いブラウザを除く*/
    /*回り込み
※モバイル時にも解除されない*/
    /*回り込み
※モバイル時には回り込み解除*/
    /*文字の横位置*/
    /*文字の縦位置*/
    /*上寄せ*/
    /*中央寄せ*/
    /*下寄せ*/
    /*周りのブロックからの距離（margin）*/
    /*周りからのmarginを0に*/
    /*上からのmarginを0に*/
    /*右からのmarginを0に*/
    /*下からのmarginを0に*/
    /*左からのmarginを0に*/
    /*周りのブロックからの距離（padding）*/
    /*フォントの装飾*/
    /*太字*/
    /*太字を解除*/
    /*フォントサイズの設定*/
    /*フォントの色設定*/
    /*赤*/
    /*青*/
    /*緑*/
    /*黄*/
    /*紺*/
    /*橙*/
    /*ピンク*/
    /*紫*/
    /*オリーブ*/
    /*黄緑*/
    /*水色*/
    /*黒*/
    /*灰*/
    /*灰*/
    /*白*/
    /*茶*/
    /*赤*/
    /*赤下線*/
    /*マーカー表示（背景に着色）*/
    /*黄*/
    /*橙*/
    /*ピンク*/
    /*黄緑*/
    /*灰*/
    /*行間の設定*/
    /*横幅を指定*/
    /*下線や取消線の設定*/
    /*枠線を無くす*/
    /*重なりの優先度*/
    /*横並びリスト*/
    /*マーカー無しのリスト*/
    /*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/
    /*ポイントアイコンアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*注意アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*NEWアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*初心者アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*別ウインドウアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*矢印上アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*矢印右アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*矢印下アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*矢印左アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ダウンロード用PDアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*PDFアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Zipアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*メールアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ショッピングカートアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*虫めがねアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ホームアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*フォルダアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*時計アイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*カレンダーアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*RSSアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*ビルアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*マップアイコン*/
    /*Retina（高解像度）ディスプレイ用*/
    /*Retina（高解像度）ディスプレイ用*/
    /*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
    /*--------------------------------------------------------
タブテスト
--------------------------------------------------------*/
    /*---------------------------------------------------------------------
  generated by Keni Template Maker Ver.7.0 on 2016-04-18 12:09:11
----------------------------------------------------------------------*/
    /*---------------------------------------------------------------------
  form
----------------------------------------------------------------------*/
    /*---------------------------------------------------------------------
  top_news_line
----------------------------------------------------------------------*/
    /*---------------------------------------------------------------------
  アレルギー情報
----------------------------------------------------------------------*/
    /*タブ切り替え全体のスタイル*/
    /*タブのスタイル*/
    /*ラジオボタンを全て消す*/
    /*タブ切り替えの中身のスタイル*/
    /*選択されているタブのコンテンツのみを表示*/
    /*選択されているタブのスタイルを変える*/
    /*contact form 7 add confirm*/
    /*確認ボタン、送信ボタンのスタイル*/
    /*確認ボタン、送信ボタンにホバーした時のスタイル*/
    /* ==========================================================
*
*   module
*
========================================================== */
    /* ==========================================================
*
*   module
*
========================================================== */
    /*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
    /*解像度1200px以下*/
    /*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
    /*解像度737px以上950px以下*/
    /*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
    /*解像度736px以下*/
    /*解像度737px以上*/
    /*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
    /*解像度480px以下*/
    /*---------------------------------------------------------------------
    generated by Keni Template Maker Ver.7.0 on 2016-05-16 15:41:05
    ----------------------------------------------------------------------*/
    /* ---------------------------------------------
*   footer
--------------------------------------------- */
    /* ---------------------------------------------
*   contact-form7
--------------------------------------------- */
    /* ---------------------------------------------
*   contact-red-txt
--------------------------------------------- */
    /* ---------------------------------------------
*   menu
--------------------------------------------- */
    /* ---------------------------------------------
*   下層
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-kv
--------------------------------------------- */
    /* ---------------------------------------------
*   mod-btn
--------------------------------------------- */
    /* ---------------------------------------------
*   anchor-target
--------------------------------------------- */
    /* ---------------------------------------------
*   txt-red-box
--------------------------------------------- */
    /* ---------------------------------------------
*   shere on us
--------------------------------------------- */
    /* ---------------------------------------------
*   fix-banner
--------------------------------------------- */
    /* ---------------------------------------------
*   store
--------------------------------------------- */
    /*  area-block
--------------------------------------------- */
    /*  store-block
--------------------------------------------- */
    /* ---------------------------------------------
*   top
--------------------------------------------- */
    /* ---------------------------------------------
*   top-link
--------------------------------------------- */
    /* ---------------------------------------------
*   top-news
--------------------------------------------- */
    /* ---------------------------------------------
*   banner-link
--------------------------------------------- */
    /* ---------------------------------------------
*   page-menu
--------------------------------------------- */
    /* ---------------------------------------------
*   store-new
--------------------------------------------- */
    /*  store-new
--------------------------------------------- */
    /*  first-guide
--------------------------------------------- */
    /*  note-contents
--------------------------------------------- */
    /* ---------------------------------------------
*   menuページ
--------------------------------------------- */
    /* ---------------------------------------------
*   coffee-menu
--------------------------------------------- */
    /*  menu-inner
--------------------------------------------- */
    /*  menu-list
--------------------------------------------- */
    /*  drink
--------------------------------------------- */
    /*  order-img
--------------------------------------------- */
    /*  img_sweet
--------------------------------------------- */
    /*  allergy
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-txt-list
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-single
--------------------------------------------- */
    /* ---------------------------------------------
*   bottom-note
--------------------------------------------- */
    /* ---------------------------------------------
*   side-menu
--------------------------------------------- */
    /* ---------------------------------------------
*   system-alert
--------------------------------------------- */
    /* ---------------------------------------------
*   red-btn
--------------------------------------------- */
    /* ---------------------------------------------
*   hot-menu
--------------------------------------------- */
    /* ---------------------------------------------
*   new-menu
--------------------------------------------- */
    /* ---------------------------------------------
*   new-tea
--------------------------------------------- */
    /* ---------------------------------------------
*   other
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-deli-link
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-left
--------------------------------------------- */
    /* ---------------------------------------------
*   menu-detail
--------------------------------------------- */
    /* ---------------------------------------------
*   drink-menu
--------------------------------------------- */
    /*  menu-note
--------------------------------------------- */
    /*  fvineger
--------------------------------------------- */
    /*  egray
--------------------------------------------- */
    /*  jtea
--------------------------------------------- */
    /*  shindan
--------------------------------------------- */

@media (max-width: 750px) {
    .main-body {
        font-size: 16px;
        padding-top: 0 !important;
        padding-bottom: 10vw !important;
    }
}

.main-body article,
.main-body aside,
.main-body details,
.main-body figcaption,
.main-body figure,
.main-body footer,
.main-body header,
.main-body hgroup,
.main-body main,
.main-body menu,
.main-body nav,
.main-body section,
.main-body summary {
    display: block;
}

.main-body .menu {
    display: block;
}

.main-body #menu2 {
    position: fixed;
    top: 0;
    z-index: 9999;
    display: none;
}

.main-body .smptopbg {
    display: none;
}

.main-body audio,
.main-body canvas,
.main-body progress,
.main-body video {
    display: inline-block;
    vertical-align: baseline;
}

.main-body audio:not([controls]) {
    display: none;
    height: 0;
}

.main-body [hidden],
.main-body template {
    display: none;
}

.main-body a {
    background-color: transparent;
}

.main-body a:active,
.main-body a:hover {
    outline: 0;
}

.main-body abbr[title] {
    border-bottom: 1px dotted;
}

.main-body b,
.main-body strong {
    font-weight: bold;
}

.main-body dfn {
    font-style: italic;
}

.main-body h1 {
    margin: 0;
    font-size: 2em;
}

.main-body mark {
    background: #ff0;
    color: #000;
}

.main-body small {
    font-size: 80%;
}

.main-body sub,
.main-body sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

.main-body sup {
    top: -0.5em;
}

.main-body sub {
    bottom: -0.25em;
}

.main-body img {
    border: 0;
}

.main-body svg:not(:root) {
    overflow: hidden;
}

.main-body figure {
    margin: 1em 40px;
}

.main-body hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    border-color: #CC003D;
}

.main-body pre {
    overflow: auto;
}

.main-body code,
.main-body kbd,
.main-body pre,
.main-body samp {
    font-size: 1em;
    font-family: monospace, monospace;
}

.main-body button,
.main-body input,
.main-body optgroup,
.main-body select,
.main-body textarea {
    margin: 0;
    color: inherit;
    font: inherit;
}

.main-body button {
    overflow: visible;
}

.main-body button,
.main-body select {
    text-transform: none;
}

.main-body button,
.main-body html input[type="button"],
.main-body input[type="reset"],
.main-body input[type="submit"] {
    cursor: pointer;

    -webkit-appearance: button;
}

.main-body button[disabled],
.main-body html input[disabled] {
    cursor: default;
}

.main-body button::-moz-focus-inner,
.main-body input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.main-body input {
    border: 1px solid #E9E8E7;
    border-radius: 0;
    line-height: 2em;
}

.main-body textarea {
    border: 1px solid #E9E8E7;
    -webkit-border-radius: 0;
    border-radius: 0;

    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.main-body input[type="checkbox"],
.main-body input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.main-body input[type="number"]::-webkit-inner-spin-button,
.main-body input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

.main-body input[type="search"] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    -webkit-appearance: textfield;
}

.main-body input[type="search"]::-webkit-search-cancel-button,
.main-body input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.main-body fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

.main-body legend {
    padding: 0;
    border: 0;
}

.main-body textarea {
    overflow: auto;
}

.main-body optgroup {
    font-weight: bold;
}

.main-body table {
    border-spacing: 0;
    border-collapse: collapse;
}

.main-body td,
.main-body th {
    padding: 0;
}

.main-body html {
    overflow-y: scroll;
}

.main-body body {
    font-family: Verdana, "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.main-body a {
    color: #392F2C;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body a:hover,
.main-body a:active,
.main-body a:focus {
    color: #392F2C;
}

.main-body address,
.main-body caption,
.main-body cite,
.main-body code,
.main-body dfn,
.main-body var,
.main-body h1,
.main-body h2,
.main-body h3,
.main-body h4,
.main-body h5,
.main-body h6 {
    font-weight: normal;
    font-style: normal;
}

.main-body q {
    quotes: none;
}

.main-body q:before, .main-body q:after {
    content: '';
    content: none;
}

.main-body img {
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}

.main-body div {
    word-wrap: break-word;
}

.main-body pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.main-body form {
    margin: 0;
}

.main-body button,
.main-body input,
.main-body select,
.main-body textarea,
.main-body optgroup,
.main-body option {
    vertical-align: baseline;
}

.main-body textarea {
    min-height: 100px;
    vertical-align: top;
}

.main-body button::-moz-focus-inner,
.main-body input::-moz-focus-inner {
    margin: 0;
}

.main-body table {
    width: 100%;
    border-spacing: 0;
    word-wrap: break-word;
    word-break: break-all;
}

.main-body caption {
    text-align: left;
}

.main-body img {
    max-width: 100%;
    height: auto;
}

.main-body img {
    max-width: none\9;
    /*IE8への対応*/
}

.main-body html:not(:target) img {
    max-width: 100%;
    /*IE9以上への対応*/
}

.main-body p {
    margin: 0 0 1em;
    color: #392F2C;
}

.main-body ul,
.main-body ol {
    margin-left: 0;
    padding-left: 0;
}

.main-body li {
    margin-bottom: 0.5em;
    list-style-type: none;
}

.main-body blockquote {
    position: relative;
    margin: 2em 0;
    padding: 115px 45px 80px;
    background: #eeeeee;
}

.main-body blockquote p:last-child {
    margin-bottom: 0;
}

.main-body blockquote:before {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 58px;
    height: 45px;
    content: url(../images/icon/icon-laquo.png);
}

.main-body blockquote:after {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 58px;
    height: 45px;
    content: url(../images/icon/icon-raquo.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body blockquote:before {
        display: inline-block;
        width: 58px;
        height: 45px;
        background: url(../images/icon/icon-laquo@2x.png);
        background-size: 58px 45px;
        content: " ";
        vertical-align: middle;
    }
    .main-body blockquote:after {
        display: inline-block;
        width: 58px;
        height: 45px;
        background: url(../images/icon/icon-raquo@2x.png);
        background-size: 58px 45px;
        content: " ";
        vertical-align: middle;
    }
}

.main-body blockquote a {
    color: #15a5e6;
}

.main-body blockquote a:hover,
.main-body blockquote a:active,
.main-body blockquote a:focus {
    color: #f60;
}

.main-body q {
    background: #ccc;
}

.main-body table {
    margin: 1em 0;
    padding: 0;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

.main-body th,
.main-body td {
    padding: 1.25em 1em;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.main-body th {
    background-color: #e9e9e9;
    text-align: left;
    font-weight: bold;
}

.main-body thead th {
    background-color: #909090;
    color: #fff;
    text-align: center;
}

.main-body dd {
    margin-left: 0;
    padding-left: 1em;
}

.main-body figure {
    margin: 1em 0;
}

.main-body .container {
    position: relative;
    background-color: #EAE9E8;
}

.main-body .site-header-in,
.main-body .main-image-in,
.main-body .main-image-in-text,
.main-body .main-image-in-text-cont,
.main-body .main-body-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*サイトの横幅。これより小さければレスポンシブ*/
    margin: auto;
    width: 1200px;
    background-color: #fff;
}

.main-body .site-header-in {
    height: 115px;
    border-bottom: 35px  solid #BC1A29;
}

.main-body .global-nav-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*サイトの横幅。これより小さければレスポンシブ*/
    margin: auto;
    max-width: 750px;
}

.main-body .site-footer,
.main-body .site-footer-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 900px;
    /*サイトの横幅。これより小さければレスポンシブ*/
    width: 100%;
}

.main-body .main-image-in img {
    width: 100%;
}

.main-body .main-image-in.wide,
.main-body .main-image-in-text.wide {
    width: 100%;
}

.main-body .col1 .main-body-in {
    width: 100%;
}

.main-body .col1 .breadcrumbs {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.main-body .col2 .main-conts {
    float: left;
    width: 65%;
}

.main-body .col2 .sub-conts {
    float: right;
    width: 30%;
}

.main-body .col2r .main-conts {
    float: right;
    width: 65%;
}

.main-body .col2r .sub-conts {
    float: left;
    width: 30%;
}

.main-body .site-header-conts {
    display: table;
    padding: 30px 0 0 0;
    width: 100%;
}

.main-body .site-title {
    display: table-cell;
    margin: 0;
    padding: 0;
    min-width: 195px;
    vertical-align: top;
}

.main-body .site-title a {
    color: #333;
    text-decoration: none;
}

.main-body .site-title a:hover,
.main-body .site-title a:active,
.main-body .site-title a:focus {
    text-decoration: underline;
}

.main-body .normal-screen .site-title {
    font-size: 3em;
}

.main-body .normal-screen .lp-catch {
    font-size: 1.5em;
}

.main-body .header-box {
    display: table-cell;
    text-align: right;
}

.main-body .header-box2 {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.main-body .full-screen {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.main-body .full-screen .site-header-in {
    display: table;
}

.main-body .full-screen .site-header-conts {
    display: table-cell;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    text-shadow: 1px 1px 8px #666;
}

.main-body .full-screen .site-title {
    display: block;
}

.main-body .contact-btn {
    margin-bottom: 0;
}

.main-body .full-screen .site-header-conts h1 {
    margin: 0;
    width: auto;
}

.main-body .full-screen .site-header-conts p {
    font-size: 2em;
}

.main-body .full-screen .site-header-conts p a {
    color: #fff;
    text-decoration: none;
}

.main-body .global-nav-panel {
    display: none;
    font-size: 12px;
}

@media (min-width: 751px) {
    .main-body .slicknav_menu {
        display: none;
    }
}

.main-body ul.topnav ul {
    margin-left: 0;
}

.main-body .global-nav-panel span {
    display: block;
    min-height: 20px;
    line-height: 20px;
}

.main-body .icon-gn-menu {
    padding-left: 25px;
    background: url(../images/icon/icon-gn-menu.png) left center no-repeat;
}

.main-body .icon-gn-close {
    padding-left: 25px;
    background: url(../images/icon/icon-gn-menu.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-gn-menu {
        background: url(../images/icon/icon-gn-menu@2x.png) left center no-repeat;
        background-size: 20px 20px;
    }
    .main-body .icon-gn-close {
        background: url(../images/icon/icon-gn-close@2x.png) left center no-repeat;
        background-size: 20px 20px;
    }
}

.main-body .global-nav .show-menu,
.main-body .global-nav .show-menu li ul {
    display: block !important;
}

.main-body ul.topnav {
    position: relative;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 736px;
    list-style: none;
    font-size: 1.2em;
}

.main-body ul.topnav li {
    float: left;
    margin: 0;
    padding: 0;
}

.main-body ul.topnav li a {
    display: block;
    padding: 10px 15px;
    color: #444;
    text-decoration: none;
}

.main-body ul.topnav > li > a {
    height: 55px;
}

.main-body ul.topnav li:hover {
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
}

.main-body ul.topnav li ul {
    position: absolute;
    top: 53px;
    left: 0;
    display: none;
    float: left;
    padding: 0;
    width: 900px;
    color: #fff;
    list-style-type: none;
}

.main-body ul.topnav li:hover > ul {
    position: absolute;
    top: 53px;
    left: 0;
    z-index: 999;
    display: block !important;
    padding: 0;
    color: #fff;
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
}

.main-body ul.topnav li:hover > ul li a {
    padding: 10px 15px;
}

.main-body ul.topnav li > ul a {
    display: inline;
    padding: 10px 15px;
    color: #fff;
}

.main-body ul.topnav li > ul a:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
}

.main-body ul.topnav li.current-menu-item ul {
    display: block;
    color: #fff;
}

.main-body ul.topnav:hover li.current-menu-item ul {
    display: none;
    color: #fff;
}

.main-body ul.topnav li.current-menu-parent ul {
    display: block;
    color: #fff;
}

.main-body ul.topnav:hover li.current-menu-parent ul {
    display: none;
    color: #fff;
}

.main-body .home ul.topnav li ul {
    display: none;
    color: #fff;
}

.main-body .main-image {
    margin: 0;
}

.main-body .main-image-in-text {
    background-size: cover;
    background-repeat: no-repeat;
}

.main-body .main-image-in-text-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em;
}

.main-body .main-image-in-text.wide .main-image-in-text-cont {
    width: 1200px;
}

.main-body .main-image-in-text p:last-child {
    margin-bottom: 0;
}

.main-body .main-copy {
    margin-bottom: 20px;
    text-align: center;
    font-size: 3em;
}

.main-body .sub-copy {
    text-align: center;
    font-size: 1.5em;
}

.main-body {
    margin: 0 auto 0;
    padding-bottom: 30px;
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
}

.no-gn .main-body {
    margin-top: 0;
}

.lp.no-gn .main-body {
    margin-top: 2em;
}

.main-body .breadcrumbs-in {
    margin: 2em 0;
    padding: 0;
    color: #999;
}

.main-body .no-gn .breadcrumbs-in {
    margin-top: 0;
}

.main-body .breadcrumbs-in a {
    color: #999;
}

.main-body .breadcrumbs-in a:hover,
.main-body .breadcrumbs-in a:active,
.main-body .breadcrumbs-in a:focus {
    color: #f60;
}

.main-body .breadcrumbs-in li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    background: url(../images/icon/icon-brc.gif) right center no-repeat;
    list-style: none;
}

.main-body .breadcrumbs-in li:before {
    content: url(../images/icon/icon-folder-brc.png);
}

.main-body .breadcrumbs-in li.bcl-first:before {
    content: url(../images/icon/icon-home-brc.png);
}

.main-body .breadcrumbs-in li.bcl-last {
    background: none;
}

.main-body .breadcrumbs-in li.bcl-last:before {
    content: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .breadcrumbs-in li {
        background: url(../images/icon/icon-brc@2x.gif) right center no-repeat;
        background-size: 5px 9px;
    }
    .main-body .breadcrumbs-in li:before {
        width: 12px;
        height: 12px;
        background: url(../images/icon/icon-folder-brc@2x.png);
    }
    .main-body .breadcrumbs-in li.bcl-first:before {
        width: 12px;
        height: 12px;
        background: url(../images/icon/icon-home-brc@2x.png);
    }
    .main-body .breadcrumbs-in li:before,
    .main-body .breadcrumbs-in li.bcl-first:before {
        display: inline-block;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
    .main-body .breadcrumbs-in li.bcl-last:before {
        width: 0;
        height: 0;
        background: none;
        content: none;
    }
}

.main-body .main-conts {
    line-height: 1.8;
}

.main-body .col1 .main-conts {
    margin-bottom: 0px;
}

.main-body .section-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 40px;
}

.main-body .section-wrap.wide {
    border-right: 0;
    border-left: 0;
}

.main-body .section-wrap .section-in,
.main-body .float-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-body .float-area {
    margin-bottom: 10px;
}

.main-body .col1 .section-wrap,
.main-body .col1 .float-area {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.main-body .col1 .section-wrap {
    padding: 0 0 20px 0;
}

.main-body .col1 .section-wrap.wide {
    padding: 40px 0;
    width: 100%;
}

.main-body .col1 .section-wrap.wide .section-in {
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0;
    width: 100%;
}

.main-body .sub-conts .section-wrap {
    margin: 0 auto;
    padding: 0;
    border: none;
}

.main-body .sub-conts .section-wrap .section-in {
    padding: 0 20px 30px;
}

.main-body .col1 .sub-conts .section-wrap .section-in {
    padding: 0 80px 30px;
}

.main-body .sub-conts .link-menu {
    margin-left: 0;
    padding-left: 0;
}

.main-body .sub-conts .link-menu li {
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(../images/icon/icon-list-arw.png) left 6px no-repeat;
    list-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .sub-conts .link-menu li {
        background: url(../images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        background-size: 7px 10px;
    }
}

.main-body .sub-conts .link-menu ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0;
}

.main-body .sub-conts .link-menu-image {
    margin-right: 0;
    margin-left: 0;
}

.main-body .sub-conts .link-menu-image li {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    list-style: none;
}

.main-body .sub-conts .link-menu-image li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.main-body .link-menu-image-thumb {
    float: left;
    margin-right: 1em;
}

.main-body .sub-conts .link-menu-image .post-title {
    overflow: hidden;
    margin-bottom: 0;
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: normal;
}

.main-body .w1200f {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    /*サイトの横幅。これより小さければレスポンシブ*/
    width: 100%;
    background-color: #fff;
}

.main-body .f_sns {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 1200px;
    /*サイトの横幅。これより小さければレスポンシブ*/
    width: 100%;
    background-color: #fff;
}

.main-body .site-footer {
    border-top: 1px solid #ccc;
    background-color: #fff;
    color: #38281D;
    font-size: 12pt;
}

.main-body .site-footer-in a {
    color: #38281D;
}

.main-body .site-footer-in a:hover,
.main-body .site-footer-in a:active,
.main-body .site-footer-in a:focus {
    color: #38281D;
}

.main-body .site-footer-nav {
    margin: 30px 20px 0;
    padding: 1em 0;
    text-align: left;
    font-size: 80%;
}

.main-body .site-footer-nav li {
    display: inline;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-arw-next02.png) left center no-repeat;
    list-style: none;
    white-space: nowrap;
    line-height: 2em;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .site-footer-nav li {
        background: url(../images/icon/icon-arw-next02@2x.png) left center no-repeat;
        background-size: 7px 10px;
    }
}

.main-body .site-footer-nav li:first-child {
    margin-left: 0;
}

.main-body .site-footer-conts-area {
    padding: 1em 0;
}

.main-body .pra {
    margin: 30px 10px 0 0;
    padding: 0;
    background: #fff;
    color: #B5AEAA;
    text-align: right;
    font-size: 70%;
}

.main-body .pra a {
    color: #B5AEAA;
}

.main-body .pra p {
    margin: 0 0 0.5em;
}

.main-body .copyright {
    margin: 0 10px 0 0;
    padding: 0;
    background: #fff;
    color: #B5AEAA;
    text-align: right;
}

.main-body .copyright small {
    font-size: 70%;
}

.main-body .page-top {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 99;
    display: none;
    margin-bottom: 0;
    line-height: 1.2;
}

.main-body .section-in > h1:first-child,
.main-body .section-in > h2:first-child,
.main-body .section-in > h3:first-child,
.main-body .section-in > h4:first-child,
.main-body .section-in > h5:first-child,
.main-body .section-in > h6:first-child {
    margin-top: 0;
}

.main-body h1 {
    margin: 0;
    padding: 0;
    background: #909090;
    color: #fff;
    font-size: 1.75em;
}

.main-body h2 {
    margin: 68px 0 40px;
    padding: 0;
    color: #392F2C;
    font-size: 1em;
}

.main-body h2.txt {
    margin: 68px 0 20px;
    padding: 0;
    color: #392F2C;
    letter-spacing: 0.15em;
    font-size: 1.6em;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body h2.txt2 {
    margin: 40px 0 20px;
    padding: 0;
    color: #392F2C;
    letter-spacing: 0.15em;
    font-size: 1.6em;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body .txt {
    margin: 68px 0 20px;
    padding: 0;
    color: #392F2C;
    letter-spacing: 0.15em;
    font-size: 1.6em;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body .txt a {
    color: #392F2C;
}

.main-body .txt2 {
    margin: 40px 0 20px;
    padding: 0;
    color: #392F2C;
    letter-spacing: 0.15em;
    font-size: 1.6em;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #392F2C;
    font-size: 14pt;
}

.main-body h4 {
    margin: 20px 0 5px;
    padding: 0;
    color: #392F2C;
    font-weight: bold;
    font-size: 11pt;
}

.main-body h5 {
    margin: 55px 0 25px;
    padding: 0 0 0 9px;
    border-left: 6px solid #909090;
    font-weight: bold;
    font-size: 1.2em;
}

.main-body h6 {
    margin: 55px 0 25px;
    font-weight: bold;
    font-size: 1.125em;
}

.main-body .img-title {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    font-size: 1.0em;
}

.main-body h1 a,
.main-body h2 a {
    color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus {
    color: #f60;
}

.main-body .archive-title {
    margin: 0 0 30px;
}

.main-body .col1 .main-body .archive-title {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

.main-body .section-wrap .section-title {
    margin: 0 0 1em;
    padding: 0;
    border: none;
    background: transparent;
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5;
}

.main-body .section-title a {
    color: #333;
    text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus {
    color: #f60;
    text-decoration: underline;
}

.main-body .sub-conts .section-wrap .section-in .section-title,
.main-body .sub-conts .section-wrap .article-header .section-title {
    margin: 0 -20px 30px;
    padding: 0 0 11px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    font-size: 1.125em;
}

.main-body .news .news-date {
    margin-right: 1em;
}

.main-body .news-item {
    padding: 1em;
    border-bottom: 1px dotted #ccc;
}

.main-body .news-item:first-child {
    padding-top: 0;
}

.main-body .news-item:last-child {
    border-bottom: 0;
}

.main-body .news .news-thumb {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.main-body .news-title {
    margin-top: 20px;
    padding: 0;
    border: none;
    background: none;
    font-weight: normal;
    font-size: 1.5em;
}

.main-body .news-item:first-child .news-title {
    margin-top: 0;
}

.main-body .news .news-date,
.main-body .news .news-cat,
.main-body .post-cat {
    display: inline-block;
    margin-bottom: 10px;
}

.main-body .cat {
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 5px;
    padding: 0.1em 0.5em;
    border-bottom: none;
    border-radius: 3px;
    color: #fff;
    word-break: break-all;
    font-size: 0.875em;
}

.main-body .cat a {
    display: inline-block;
    margin: -0.1em -0.5em;
    padding: 0.1em 0.5em;
    color: #fff;
    text-decoration: none;
}

.main-body .cat001 {
    background: #4fc3f7;
}

.main-body .cat002 {
    background: #ff8a65;
}

.main-body .cat003 {
    background: #4db6ac;
}

.main-body .cat004 {
    background: #ba68c8;
}

.main-body .cat005 {
    background: #90a4ae;
}

.main-body .news .news-cont {
    margin-bottom: 0.5em;
}

.main-body .dl-style01 dt,
.main-body .dl-style01 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.main-body .dl-style01 dt {
    display: block;
    float: left;
    clear: both;
    width: 15%;
    font-weight: bold;
}

.main-body .dl-style01 dd {
    padding-left: 20%;
}

.main-body .dl-style02 dt,
.main-body .dl-style02 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

.main-body .dl-style02 dt {
    display: block;
    background: #909090;
    color: #fff;
}

.main-body .dl-style02 dd {
    background: #e9e9e9;
}

.main-body .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.main-body .table-comparison {
    margin: 3em 0;
    border-top: 0;
}

.main-body .table-comparison th,
.main-body .table-comparison td {
    padding: 10px;
    text-align: center;
}

.main-body .table-comparison thead .highlight span {
    display: block;
    margin: -11px;
    margin-top: -25px;
    padding: 11px;
    padding-top: 25px;
    border: 1px solid #cfcfcf;
    border-radius: 8px 8px 0 0;
}

.main-body .table-comparison th.highlight,
.main-body .table-comparison th.highlight span {
    background: #ffcc80;
}

.main-body .table-comparison tfoot td,
.main-body .table-comparison tfoot td span {
    background: #f2f2f2;
}

.main-body .category-list,
.main-body .sub-conts .widget_categories ul {
    margin-left: 0;
    padding-left: 0;
}

.main-body .category-list li,
.main-body .sub-conts .widget_categories li {
    margin-bottom: 1em;
    padding-left: 15px;
    background: url(../images/icon/icon-tag.png) left 6px no-repeat;
    list-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .category-list li,
    .main-body .sub-conts .widget_categories li {
        background: url(../images/icon/icon-tag@2x.png) left 6px no-repeat;
        background-size: 12px 12px;
    }
}

.main-body .category-list ul,
.main-body .sub-conts .widget_categories ul ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0;
}

.main-body .tagcloud a {
    margin-right: 10px;
    padding-left: 15px;
    background: url(../images/icon/icon-tag.png) left bottom no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .tagcloud a {
        background: url(../images/icon/icon-tag@2x.png) left bottom no-repeat;
        background-size: 12px 12px;
    }
}

.main-body .calendar {
    background: #fff;
    font-size: 0.875em;
}

.main-body .calendar caption {
    font-weight: bold;
}

.main-body .calendar th,
.main-body .calendar td {
    padding: 10px 0;
    text-align: center;
}

.main-body .calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left;
}

.main-body .calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right;
}

.main-body .calendar td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0;
}

.main-body .col4-wrap,
.main-body .col3-wrap,
.main-body .col2-wrap {
    margin: 0 0 1em;
}

.main-body .w1200f .col2-wrap {
    margin: 0 0 0;
}

.main-body .col4-wrap .col,
.main-body .col4-wrap .col_2of4,
.main-body .col4-wrap .col_3of4,
.main-body .col3-wrap .col,
.main-body .col3-wrap .col_2of3,
.main-body .col2-wrap .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1%;
}

.main-body .tt .col2-wrap .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-left: 0.5%;
}

.main-body .col4-wrap .col:first-child,
.main-body .col4-wrap .col_2of4:first-child,
.main-body .col4-wrap .col_3of4:first-child,
.main-body .col3-wrap .col:first-child,
.main-body .col3-wrap .col_2of3:first-child,
.main-body .col2-wrap .col:first-child {
    margin-left: 0;
}

.main-body .col4-wrap .col {
    width: 23.5%;
}

.main-body .tt .col4-wrap .col {
    width: 23.5%;
}

.main-body .col4-wrap .col_2of4 {
    width: 49%;
}

.main-body .col4-wrap .col_3of4 {
    width: 74.5%;
}

.main-body .col3-wrap .col {
    width: 32.5%;
}

.main-body .tt .col3-wrap .col {
    width: 32.6%;
}

.main-body .col3-wrap .col_2of3 {
    width: 66%;
}

.main-body .col2-wrap .col {
    width: 49.5%;
}

.main-body .tt .col2-wrap .col {
    width: 49.75%;
}

.main-body .col-link {
    border: 1px solid #ccc;
}

.main-body .col-link a {
    display: block;
    color: #333;
    text-decoration: none;
}

.main-body .col-link a:hover,
.main-body .col-link a:active,
.main-body .col-link a:focus {
    background: #eee;
}

.main-body .banner-list {
    margin-left: 0;
}

.main-body .banner-list li {
    list-style: none;
}

.main-body .col1 .banner-list {
    text-align: center;
}

.main-body .col1 .banner-list li,
.main-body .main-conts .banner-list li {
    display: inline-block;
    margin-bottom: 1em;
    margin-left: 1em;
}

.main-body .col1 .banner-list li:first-child,
.main-body .main-conts .banner-list li:first-child {
    margin-left: 0;
}

.main-body .link-ref {
    text-align: right;
}

.main-body embed, .main-body iframe, .main-body object, .main-body video {
    max-width: 100%;
}

.main-body .btn {
    display: inline-block;
    padding: 1em;
    border: 0;
    border-radius: 8px;
    background: #ccc;
    -webkit-box-shadow: 4px 4px 0px #e9e9e9;
    box-shadow: 4px 4px 0px #e9e9e9;
    color: #fff;
    text-decoration: none;
}

.main-body .btn:hover,
.main-body .btn:active,
.main-body .btn:focus {
    background: #eee;
    -webkit-box-shadow: 4px 4px 0px #d0d0d0;
    box-shadow: 4px 4px 0px #d0d0d0;
    color: #333;
    cursor: pointer;
}

.main-body .btn span {
    padding-left: 18px;
    background: url(../images/icon/icon-btn-arw.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn span {
        padding-left: 18px;
        background: url(../images/icon/icon-btn-arw@2x.png) left center no-repeat;
        background-size: 10px 14px;
    }
}

.main-body .btn-green {
    padding: 25px 50px;
    background: #75c53b;
    -webkit-box-shadow: 4px 4px 0px #58942c;
    box-shadow: 4px 4px 0px #58942c;
    font-size: 1.25em;
}

.main-body .btn-green:hover,
.main-body .btn-green:active,
.main-body .btn-green:focus {
    background: #bae29d;
    -webkit-box-shadow: 4px 4px 0px #acca96;
    box-shadow: 4px 4px 0px #acca96;
    cursor: pointer;
}

.main-body .btn-blue {
    padding: 25px 50px;
    background: #1f8ae5;
    -webkit-box-shadow: 4px 4px 0px #1767ac;
    box-shadow: 4px 4px 0px #1767ac;
    font-size: 1.25em;
}

.main-body .btn-blue:hover,
.main-body .btn-blue:active,
.main-body .btn-blue:focus {
    background: #8fc5f2;
    -webkit-box-shadow: 4px 4px 0px #8bb3d6;
    box-shadow: 4px 4px 0px #8bb3d6;
    cursor: pointer;
}

.main-body .btn-orange {
    padding: 25px 50px;
    background: #f59e38;
    -webkit-box-shadow: 4px 4px 0px #b8762a;
    box-shadow: 4px 4px 0px #b8762a;
    font-size: 1.25em;
}

.main-body .btn-orange:hover,
.main-body .btn-orange:active,
.main-body .btn-orange:focus {
    background: #facf9c;
    -webkit-box-shadow: 4px 4px 0px #dcbb95;
    box-shadow: 4px 4px 0px #dcbb95;
    cursor: pointer;
}

.main-body .btn-red {
    padding: 25px 50px;
    background: #fe4e25;
    -webkit-box-shadow: 4px 4px 0px #be3a1c;
    box-shadow: 4px 4px 0px #be3a1c;
    font-size: 1.25em;
}

.main-body .btn-red:hover,
.main-body .btn-red:active,
.main-body .btn-red:focus {
    background: #ffa792;
    -webkit-box-shadow: 4px 4px 0px #df9d8e;
    box-shadow: 4px 4px 0px #df9d8e;
    cursor: pointer;
}

.main-body .btn-green span,
.main-body .btn-blue span,
.main-body .btn-orange span,
.main-body .btn-red span {
    padding-left: 20px;
    background: url(../images/icon/icon-btn-arw01.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn-green span,
    .main-body .btn-blue span,
    .main-body .btn-orange span,
    .main-body .btn-red span {
        background: url(../images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        background-size: 10px 14px;
    }
}

.main-body .btn-form01 {
    padding: 25px 50px;
    background: #909090;
    font-size: 1.25em;
}

.main-body .btn-form01 span {
    padding-left: 20px;
    background: url(../images/icon/icon-btn-arw01.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn-form01 span {
        background: url(../images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        background-size: 10px 14px;
    }
}

.main-body .btn-form02 {
    padding: 20px 30px;
    background: #c9c9c9;
    color: #666666;
    font-size: 1.125em;
}

.main-body .btn-form02 span {
    padding-left: 18px;
    background: url(../images/icon/icon-btn-arw02.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn-mail span {
        background: url(../images/icon/icon-btn-arw02@2x.png) left center no-repeat;
        background-size: 10px 14px;
    }
}

.main-body .btn-mail {
    padding: 12px 32px;
    background: #909090;
}

.main-body .btn-mail span {
    padding-left: 30px;
    background: url(../images/icon/icon-btn-mail.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn-mail span {
        background: url(../images/icon/icon-btn-mail@2x.png) left center no-repeat;
        background-size: 24px 18px;
    }
}

.main-body .btn-detail {
    background: #909090;
}

.main-body .btn-detail span {
    padding-left: 20px;
    background: url(../images/icon/icon-btn-arw01.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .btn-detail span {
        background: url(../images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        background-size: 10px 14px;
    }
}

.main-body .search-box input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4px;
    padding-left: 4px;
    width: 75%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 1px 3px 2px #eee;
    box-shadow: inset 1px 3px 2px #eee;
}

.main-body .btn-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    height: 30px;
    border: 0;
    border-radius: 0;
    background: #8f8f8f;
    vertical-align: top;
    cursor: pointer;
}

.main-body .btn-search img {
    width: 21px;
    height: 20px;
    vertical-align: top;
}

.main-body .sns-list ul {
    margin: 0 0 1em;
    padding: 0;
}

.main-body .sns-list li {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
    line-height: 1.0;
}

.main-body .sns-list li iframe {
    margin: 0;
    max-width: none;
}

.main-body .sns-list li:first-child {
    margin-left: 0;
}

.main-body .eye-catch {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.main-body .post-date,
.main-body .post-pv {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.main-body .cast-box {
    padding: 30px 20px;
    background: url(../images/common/bg-cast-box.png) #eeeeee;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .cast-box {
        background: url(../images/common/bg-cast-box@2x.png) #eeeeee;
        background-size: 18px 18px;
    }
}

.main-body .cast-box .cast {
    position: relative;
    margin-top: 0;
    padding-left: 115px;
    min-height: 100px;
}

.main-body .cast-box .cast-name {
    font-weight: bold;
    font-size: 1.25em;
}

.main-body .cast-box .cast .cast-headshot,
.main-body .cast-box .cast .cast-profile {
    margin-bottom: 40px;
    margin-left: 0;
    padding-left: 0;
}

.main-body .cast-box .cast:last-child,
.main-body .cast-box .cast:last-child .cast-headshot,
.main-body .cast-box .cast:last-child .cast-profile {
    margin-bottom: 0;
}

.main-body .cast-box .cast .cast-headshot {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .cast-box02 .cast {
    position: relative;
    margin-bottom: 40px;
    padding-top: 210px;
}

.main-body .cast-box02 .cast dd {
    padding-left: 0;
}

.main-body .cast-box02 .cast-name {
    font-weight: bold;
}

.main-body .cast-box02 .cast .cast-headshot {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}

.main-body .col1 .cast-box02 .cast {
    padding-top: 0;
    min-height: 210px;
}

.main-body .col1 .cast-box02 .cast-name,
.main-body .col1 .cast-box02 .cast-profile {
    padding-left: 210px;
}

.main-body .col1 .cast-box02 .cast .cast-headshot {
    width: auto;
}

.main-body .chat-l,
.main-body .chat-r {
    position: relative;
    overflow: hidden;
    margin: 0 0 2em;
}

.main-body .bubble {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
    padding: 1em;
    min-height: 60px;
    width: 80%;
    border: 1px solid #ccc;
    background: #fff;
}

.main-body .bubble .bubble-in {
    border-color: #fff;
}

.main-body .talker {
    display: block;
    width: 15%;
    height: auto;
    text-align: center;
}

.main-body .talker b {
    font-weight: normal;
}

.main-body .talker img {
    display: block;
    /*IE8への対応*/
    margin: auto;
    max-width: 100%;
    max-width: none\9;
    width: 100px;
}

.main-body html:not(:target) .talker img {
    max-width: 100%;
    /*IE9以上への対応*/
}

.main-body .chat-l .talker {
    float: left;
    margin-right: 2%;
}

.main-body .chat-r .talker {
    float: right;
    margin-left: 2%;
}

.main-body .chat-l .bubble {
    float: right;
}

.main-body .chat-r .bubble {
    float: left;
}

.main-body .bubble .bubble-in:after,
.main-body .bubble .bubble-in:before {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: "";
}

.main-body .bubble .b-arw20:after,
.main-body .bubble .b-arw20:before {
    top: 20%;
}

.main-body .bubble .b-arw30:after,
.main-body .bubble .b-arw30:before {
    top: 30%;
}

.main-body .bubble .b-arw40:after,
.main-body .bubble .b-arw40:before {
    top: 40%;
}

.main-body .bubble .b-arw60:after,
.main-body .bubble .b-arw60:before {
    top: 60%;
}

.main-body .bubble .b-arw70:after,
.main-body .bubble .b-arw70:before {
    top: 70%;
}

.main-body .bubble .b-arw80:after,
.main-body .bubble .b-arw80:before {
    top: 80%;
}

.main-body .chat-l .bubble .bubble-in:after,
.main-body .chat-l .bubble .bubble-in:before {
    right: 100%;
}

.main-body .chat-r .bubble div:after,
.main-body .chat-r .bubble div:before {
    left: 100%;
}

.main-body .chat-l .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-right-color: inherit;
}

.main-body .chat-l .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-right-color: #ccc;
}

.main-body .chat-r .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-left-color: inherit;
}

.main-body .chat-r .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-left-color: #ccc;
}

.main-body .bubble p:first-child {
    margin-top: 0;
}

.main-body .together .talker,
.main-body .together .bubble {
    width: 100%;
}

.main-body .together .talker b {
    display: inline-block;
    text-align: center;
}

.main-body .together.chat-l .talker,
.main-body .together.chat-r .talker {
    float: none;
    margin: 0 0 20px;
}

.main-body .together.chat-l .talker {
    text-align: left;
}

.main-body .together.chat-r .talker {
    text-align: right;
}

.main-body .together.chat-l .bubble,
.main-body .together.chat-r .bubble {
    float: none;
}

.main-body .together .bubble .bubble-in:after,
.main-body .together .bubble .bubble-in:before {
    top: auto;
    bottom: 100%;
}

.main-body .together.chat-l .bubble .bubble-in:after,
.main-body .together.chat-l .bubble .bubble-in:before {
    right: auto;
    left: 10%;
}

.main-body .together.chat-r .bubble .bubble-in:after,
.main-body .together.chat-r .bubble .bubble-in:before {
    right: 10%;
    left: auto;
}

.main-body .together.chat-l .bubble .bubble-in:after {
    margin-top: -20px;
    margin-left: -8px;
    border-width: 20px 8px;
    border-color: transparent;
    border-bottom-color: inherit;
}

.main-body .together.chat-l .bubble .bubble-in:before {
    margin-top: -21px;
    margin-left: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc;
}

.main-body .together.chat-r .bubble .bubble-in:after {
    margin-top: -20px;
    margin-right: -8px;
    border-width: 20px 8px;
    border-color: transparent;
    border-bottom-color: inherit;
}

.main-body .together.chat-r .bubble .bubble-in:before {
    margin-top: -21px;
    margin-right: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc;
}

.main-body .bubble-in p:last-child {
    margin-bottom: 0;
}

.main-body .bubble-blue {
    border: 1px solid #e1f5fe;
    background: #e1f5fe;
}

.main-body .chat-l .bubble-blue .bubble-in:after,
.main-body .chat-l .bubble-blue .bubble-in:before {
    border-right-color: #e1f5fe;
}

.main-body .chat-r .bubble-blue .bubble-in:after,
.main-body .chat-r .bubble-blue .bubble-in:before {
    border-left-color: #e1f5fe;
}

.main-body .together.chat-l .bubble-blue .bubble-in:after,
.main-body .together.chat-l .bubble-blue .bubble-in:before,
.main-body .together.chat-r .bubble-blue .bubble-in:after,
.main-body .together.chat-r .bubble-blue .bubble-in:before {
    border-bottom-color: #e1f5fe;
}

.main-body .bubble-green {
    border: 1px solid #e8f5e9;
    background: #e8f5e9;
}

.main-body .chat-l .bubble-green .bubble-in:after,
.main-body .chat-l .bubble-green .bubble-in:before {
    border-right-color: #e8f5e9;
}

.main-body .chat-r .bubble-green .bubble-in:after,
.main-body .chat-r .bubble-green .bubble-in:before {
    border-left-color: #e8f5e9;
}

.main-body .together.chat-l .bubble-green .bubble-in:after,
.main-body .together.chat-l .bubble-green .bubble-in:before,
.main-body .together.chat-r .bubble-green .bubble-in:after,
.main-body .together.chat-r .bubble-green .bubble-in:before {
    border-bottom-color: #e8f5e9;
}

.main-body .bubble-yellow {
    border: 1px solid #fff59d;
    background: #fff59d;
}

.main-body .chat-l .bubble-yellow .bubble-in:after,
.main-body .chat-l .bubble-yellow .bubble-in:before {
    border-right-color: #fff59d;
}

.main-body .chat-r .bubble-yellow .bubble-in:after,
.main-body .chat-r .bubble-yellow .bubble-in:before {
    border-left-color: #fff59d;
}

.main-body .together.chat-l .bubble-yellow .bubble-in:after,
.main-body .together.chat-l .bubble-yellow .bubble-in:before,
.main-body .together.chat-r .bubble-yellow .bubble-in:after,
.main-body .together.chat-r .bubble-yellow .bubble-in:before {
    border-bottom-color: #fff59d;
}

.main-body .bubble-orange {
    border: 1px solid #ffcc80;
    background: #ffcc80;
}

.main-body .chat-l .bubble-orange .bubble-in:after,
.main-body .chat-l .bubble-orange .bubble-in:before {
    border-right-color: #ffcc80;
}

.main-body .chat-r .bubble-orange .bubble-in:after,
.main-body .chat-r .bubble-orange .bubble-in:before {
    border-left-color: #ffcc80;
}

.main-body .together.chat-l .bubble-orange .bubble-in:after,
.main-body .together.chat-l .bubble-orange .bubble-in:before,
.main-body .together.chat-r .bubble-orange .bubble-in:after,
.main-body .together.chat-r .bubble-orange .bubble-in:before {
    border-bottom-color: #ffcc80;
}

.main-body .bubble-pink {
    border: 1px solid #fbe9e7;
    background: #fbe9e7;
}

.main-body .chat-l .bubble-pink .bubble-in:after,
.main-body .chat-l .bubble-pink .bubble-in:before {
    border-right-color: #fbe9e7;
}

.main-body .chat-r .bubble-pink .bubble-in:after,
.main-body .chat-r .bubble-pink .bubble-in:before {
    border-left-color: #fbe9e7;
}

.main-body .together.chat-l .bubble-pink .bubble-in:after,
.main-body .together.chat-l .bubble-pink .bubble-in:before,
.main-body .together.chat-r .bubble-pink .bubble-in:after,
.main-body .together.chat-r .bubble-pink .bubble-in:before {
    border-bottom-color: #fbe9e7;
}

.main-body .bubble-red {
    border: 1px solid #ef5350;
    background: #ef5350;
    color: #fff;
}

.main-body .chat-l .bubble-red .bubble-in:after,
.main-body .chat-l .bubble-red .bubble-in:before {
    border-right-color: #ef5350;
}

.main-body .chat-r .bubble-red .bubble-in:after,
.main-body .chat-r .bubble-red .bubble-in:before {
    border-left-color: #ef5350;
}

.main-body .together.chat-l .bubble-red .bubble-in:after,
.main-body .together.chat-l .bubble-red .bubble-in:before,
.main-body .together.chat-r .bubble-red .bubble-in:after,
.main-body .together.chat-r .bubble-red .bubble-in:before {
    border-bottom-color: #ef5350;
}

.main-body .bubble-black {
    border: 1px solid #555555;
    background: #555555;
    color: #fff;
}

.main-body .chat-l .bubble-black .bubble-in:after,
.main-body .chat-l .bubble-black .bubble-in:before {
    border-right-color: #555555;
}

.main-body .chat-r .bubble-black .bubble-in:after,
.main-body .chat-r .bubble-black .bubble-in:before {
    border-left-color: #555555;
}

.main-body .together.chat-l .bubble-black .bubble-in:after,
.main-body .together.chat-l .bubble-black .bubble-in:before,
.main-body .together.chat-r .bubble-black .bubble-in:after,
.main-body .together.chat-r .bubble-black .bubble-in:before {
    border-bottom-color: #555555;
}

.main-body .ranking-list {
    margin-right: 0;
    margin-left: 0;
}

.main-body .ranking-list li {
    overflow: hidden;
    margin-bottom: 40px;
    list-style: none;
}

.main-body .rank-title {
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: normal;
    font-size: 1.5em;
}

.main-body .rank-title {
    margin-top: 0;
}

.main-body .rank-thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.main-body .sub-conts .ranking-list03 .rank-thumb img {
    width: 100px;
    height: auto;
}

.main-body .col2 .sub-conts .ranking-list01 .rank-thumb,
.main-body .col2 .sub-conts .ranking-list02 .rank-thumb,
.main-body .col2r .sub-conts .ranking-list01 .rank-thumb,
.main-body .col2r .sub-conts .ranking-list02 .rank-thumb {
    float: none;
    text-align: center;
}

.main-body .rank-desc {
    overflow: hidden;
}

.main-body .ranking-list01 > li .rank-title {
    padding-left: 60px;
}

.main-body .ranking-list01 .rank01 .rank-title {
    background: url(../images/icon/icon-rank01-01.png) left top no-repeat;
}

.main-body .ranking-list01 .rank02 .rank-title {
    background: url(../images/icon/icon-rank01-02.png) left top no-repeat;
}

.main-body .ranking-list01 .rank03 .rank-title {
    background: url(../images/icon/icon-rank01-03.png) left top no-repeat;
}

.main-body .ranking-list01 .rank04 .rank-title {
    background: url(../images/icon/icon-rank01-04.png) left top no-repeat;
}

.main-body .ranking-list01 .rank05 .rank-title {
    background: url(../images/icon/icon-rank01-05.png) left top no-repeat;
}

.main-body .ranking-list01 .rank06 .rank-title {
    background: url(../images/icon/icon-rank01-06.png) left top no-repeat;
}

.main-body .ranking-list01 .rank07 .rank-title {
    background: url(../images/icon/icon-rank01-07.png) left top no-repeat;
}

.main-body .ranking-list01 .rank08 .rank-title {
    background: url(../images/icon/icon-rank01-08.png) left top no-repeat;
}

.main-body .ranking-list01 .rank09 .rank-title {
    background: url(../images/icon/icon-rank01-09.png) left top no-repeat;
}

.main-body .ranking-list01 .rank10 .rank-title {
    background: url(../images/icon/icon-rank01-10.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list01 .rank01 .rank-title {
        background: url(../images/icon/icon-rank01-01@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank02 .rank-title {
        background: url(../images/icon/icon-rank01-02@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank03 .rank-title {
        background: url(../images/icon/icon-rank01-03@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank04 .rank-title {
        background: url(../images/icon/icon-rank01-04@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank05 .rank-title {
        background: url(../images/icon/icon-rank01-05@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank06 .rank-title {
        background: url(../images/icon/icon-rank01-06@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank07 .rank-title {
        background: url(../images/icon/icon-rank01-07@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank08 .rank-title {
        background: url(../images/icon/icon-rank01-08@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank09 .rank-title {
        background: url(../images/icon/icon-rank01-09@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank10 .rank-title {
        background: url(../images/icon/icon-rank01-10@2x.png) left top no-repeat;
    }
    .main-body .ranking-list01 .rank01 .rank-title,
    .main-body .ranking-list01 .rank02 .rank-title,
    .main-body .ranking-list01 .rank03 .rank-title,
    .main-body .ranking-list01 .rank04 .rank-title,
    .main-body .ranking-list01 .rank05 .rank-title,
    .main-body .ranking-list01 .rank06 .rank-title,
    .main-body .ranking-list01 .rank07 .rank-title,
    .main-body .ranking-list01 .rank08 .rank-title,
    .main-body .ranking-list01 .rank09 .rank-title,
    .main-body .ranking-list01 .rank10 .rank-title {
        background-size: 48px 40px;
    }
}

.main-body .ranking-list02 > li .rank-title {
    padding-bottom: 10px;
    padding-left: 60px;
}

.main-body .ranking-list02 .rank01 .rank-title {
    background: url(../images/icon/icon-rank02-01.png) left top no-repeat;
}

.main-body .ranking-list02 .rank02 .rank-title {
    background: url(../images/icon/icon-rank02-02.png) left top no-repeat;
}

.main-body .ranking-list02 .rank03 .rank-title {
    background: url(../images/icon/icon-rank02-03.png) left top no-repeat;
}

.main-body .ranking-list02 .rank04 .rank-title {
    background: url(../images/icon/icon-rank02-04.png) left top no-repeat;
}

.main-body .ranking-list02 .rank05 .rank-title {
    background: url(../images/icon/icon-rank02-05.png) left top no-repeat;
}

.main-body .ranking-list02 .rank06 .rank-title {
    background: url(../images/icon/icon-rank02-06.png) left top no-repeat;
}

.main-body .ranking-list02 .rank07 .rank-title {
    background: url(../images/icon/icon-rank02-07.png) left top no-repeat;
}

.main-body .ranking-list02 .rank08 .rank-title {
    background: url(../images/icon/icon-rank02-08.png) left top no-repeat;
}

.main-body .ranking-list02 .rank09 .rank-title {
    background: url(../images/icon/icon-rank02-09.png) left top no-repeat;
}

.main-body .ranking-list02 .rank10 .rank-title {
    background: url(../images/icon/icon-rank02-10.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list02 .rank01 .rank-title {
        background: url(../images/icon/icon-rank02-01@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank02 .rank-title {
        background: url(../images/icon/icon-rank02-02@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank03 .rank-title {
        background: url(../images/icon/icon-rank02-03@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank04 .rank-title {
        background: url(../images/icon/icon-rank02-04@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank05 .rank-title {
        background: url(../images/icon/icon-rank02-05@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank06 .rank-title {
        background: url(../images/icon/icon-rank02-06@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank07 .rank-title {
        background: url(../images/icon/icon-rank02-07@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank08 .rank-title {
        background: url(../images/icon/icon-rank02-08@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank09 .rank-title {
        background: url(../images/icon/icon-rank02-09@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank10 .rank-title {
        background: url(../images/icon/icon-rank02-10@2x.png) left top no-repeat;
    }
    .main-body .ranking-list02 .rank01 .rank-title,
    .main-body .ranking-list02 .rank02 .rank-title,
    .main-body .ranking-list02 .rank03 .rank-title,
    .main-body .ranking-list02 .rank04 .rank-title,
    .main-body .ranking-list02 .rank05 .rank-title,
    .main-body .ranking-list02 .rank06 .rank-title,
    .main-body .ranking-list02 .rank07 .rank-title,
    .main-body .ranking-list02 .rank08 .rank-title,
    .main-body .ranking-list02 .rank09 .rank-title,
    .main-body .ranking-list02 .rank10 .rank-title {
        background-size: 40px 48px;
    }
}

.main-body .ranking-list03 > li .rank-title {
    padding: 5px 0;
    padding-left: 58px;
    font-size: 1.25em;
}

.main-body .sub-conts .ranking-list03 > li .rank-title {
    padding: 0 0 5px 40px;
    min-height: 25px;
    font-size: 1.25em;
}

.main-body .sub-conts .ranking-list03 > li .rank-title a {
    text-decoration: none;
}

.main-body .ranking-list03 li .rank-title {
    border-bottom: 1px solid #909090;
}

.main-body .ranking-list03 .rank01 .rank-title {
    background: url(../images/icon/icon-rank03-01.png) left top no-repeat;
}

.main-body .ranking-list03 .rank02 .rank-title {
    background: url(../images/icon/icon-rank03-02.png) left top no-repeat;
}

.main-body .ranking-list03 .rank03 .rank-title {
    background: url(../images/icon/icon-rank03-03.png) left top no-repeat;
}

.main-body .ranking-list03 .rank04 .rank-title {
    background: url(../images/icon/icon-rank03-04.png) left top no-repeat;
}

.main-body .ranking-list03 .rank05 .rank-title {
    background: url(../images/icon/icon-rank03-05.png) left top no-repeat;
}

.main-body .ranking-list03 .rank06 .rank-title {
    background: url(../images/icon/icon-rank03-06.png) left top no-repeat;
}

.main-body .ranking-list03 .rank07 .rank-title {
    background: url(../images/icon/icon-rank03-07.png) left top no-repeat;
}

.main-body .ranking-list03 .rank08 .rank-title {
    background: url(../images/icon/icon-rank03-08.png) left top no-repeat;
}

.main-body .ranking-list03 .rank09 .rank-title {
    background: url(../images/icon/icon-rank03-09.png) left top no-repeat;
}

.main-body .ranking-list03 .rank10 .rank-title {
    background: url(../images/icon/icon-rank03-10.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank01 .rank-title {
    background: url(../images/icon/icon-rank04-01.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank02 .rank-title {
    background: url(../images/icon/icon-rank04-02.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank03 .rank-title {
    background: url(../images/icon/icon-rank04-03.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank04 .rank-title {
    background: url(../images/icon/icon-rank04-04.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank05 .rank-title {
    background: url(../images/icon/icon-rank04-05.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank06 .rank-title {
    background: url(../images/icon/icon-rank04-06.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank07 .rank-title {
    background: url(../images/icon/icon-rank04-07.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank08 .rank-title {
    background: url(../images/icon/icon-rank04-08.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank09 .rank-title {
    background: url(../images/icon/icon-rank04-09.png) left top no-repeat;
}

.main-body .sub-conts .ranking-list03 .rank10 .rank-title {
    background: url(../images/icon/icon-rank04-10.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list03 .rank01 .rank-title {
        background: url(../images/icon/icon-rank03-01@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank02 .rank-title {
        background: url(../images/icon/icon-rank03-02@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank03 .rank-title {
        background: url(../images/icon/icon-rank03-03@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank04 .rank-title {
        background: url(../images/icon/icon-rank03-04@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank05 .rank-title {
        background: url(../images/icon/icon-rank03-05@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank06 .rank-title {
        background: url(../images/icon/icon-rank03-06@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank07 .rank-title {
        background: url(../images/icon/icon-rank03-07@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank08 .rank-title {
        background: url(../images/icon/icon-rank03-08@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank09 .rank-title {
        background: url(../images/icon/icon-rank03-09@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank10 .rank-title {
        background: url(../images/icon/icon-rank03-10@2x.png) left top no-repeat;
    }
    .main-body .ranking-list03 .rank01 .rank-title,
    .main-body .ranking-list03 .rank02 .rank-title,
    .main-body .ranking-list03 .rank03 .rank-title,
    .main-body .ranking-list03 .rank04 .rank-title,
    .main-body .ranking-list03 .rank05 .rank-title,
    .main-body .ranking-list03 .rank06 .rank-title,
    .main-body .ranking-list03 .rank07 .rank-title,
    .main-body .ranking-list03 .rank08 .rank-title,
    .main-body .ranking-list03 .rank09 .rank-title,
    .main-body .ranking-list03 .rank10 .rank-title {
        background-size: 40px 48px;
    }
    .main-body .sub-conts .ranking-list03 .rank01 .rank-title {
        background: url(../images/icon/icon-rank04-01@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank02 .rank-title {
        background: url(../images/icon/icon-rank04-02@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank03 .rank-title {
        background: url(../images/icon/icon-rank04-03@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank04 .rank-title {
        background: url(../images/icon/icon-rank04-04@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank05 .rank-title {
        background: url(../images/icon/icon-rank04-05@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank06 .rank-title {
        background: url(../images/icon/icon-rank04-06@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank07 .rank-title {
        background: url(../images/icon/icon-rank04-07@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank08 .rank-title {
        background: url(../images/icon/icon-rank04-08@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank09 .rank-title {
        background: url(../images/icon/icon-rank04-09@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank10 .rank-title {
        background: url(../images/icon/icon-rank04-10@2x.png) left top no-repeat;
    }
    .main-body .sub-conts .ranking-list03 .rank01 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank02 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank03 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank04 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank05 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank06 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank07 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank08 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank09 .rank-title,
    .main-body .sub-conts .ranking-list03 .rank10 .rank-title {
        background-size: 30px 30px;
    }
}

.main-body .ranking-list .on-image .rank-title {
    padding: 0 !important;
    border: 0;
    background: none !important;
    font-size: 1.25em;
}

.main-body .ranking-list .on-image .rank-thumb {
    position: relative;
}

.main-body .ranking-list .on-image .rank-thumb:before,
.main-body .ranking-list .on-image .rank-thumb:before,
.main-body .ranking-list .on-image .rank-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .ranking-list03 > .rank01.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-01.png);
}

.main-body .ranking-list03 > .rank02.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-02.png);
}

.main-body .ranking-list03 > .rank03.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-03.png);
}

.main-body .ranking-list03 > .rank04.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-04.png);
}

.main-body .ranking-list03 > .rank05.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-05.png);
}

.main-body .ranking-list03 > .rank06.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-06.png);
}

.main-body .ranking-list03 > .rank07.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-07.png);
}

.main-body .ranking-list03 > .rank08.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-08.png);
}

.main-body .ranking-list03 > .rank09.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-09.png);
}

.main-body .ranking-list03 > .rank10.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank03-10.png);
}

.main-body .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-01.png);
}

.main-body .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-02.png);
}

.main-body .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-03.png);
}

.main-body .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-04.png);
}

.main-body .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-05.png);
}

.main-body .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-06.png);
}

.main-body .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-07.png);
}

.main-body .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-08.png);
}

.main-body .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-09.png);
}

.main-body .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank04-10.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list03 > .rank01.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-01@2x.png);
    }
    .main-body .ranking-list03 > .rank02.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-02@2x.png);
    }
    .main-body .ranking-list03 > .rank03.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-03@2x.png);
    }
    .main-body .ranking-list03 > .rank04.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-04@2x.png);
    }
    .main-body .ranking-list03 > .rank05.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-05@2x.png);
    }
    .main-body .ranking-list03 > .rank06.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-06@2x.png);
    }
    .main-body .ranking-list03 > .rank07.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-07@2x.png);
    }
    .main-body .ranking-list03 > .rank08.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-08@2x.png);
    }
    .main-body .ranking-list03 > .rank09.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-09@2x.png);
    }
    .main-body .ranking-list03 > .rank10.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank03-10@2x.png);
    }
    .main-body .ranking-list03 > .rank01.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank02.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank03.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank04.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank05.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank06.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank07.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank08.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank09.on-image .rank-thumb:before,
    .main-body .ranking-list03 > .rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
    .main-body .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-01@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-02@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-03@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-04@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-05@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-06@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-07@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-08@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-09@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank04-10@2x.png);
    }
    .main-body .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
    .main-body .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
}

.main-body .ranking-list04 .rank-box {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 320px;
}

.main-body .col1 .ranking-list04 li {
    display: inline-block;
    margin-right: 20px;
}

.main-body .ranking-list04 .rank-box img {
    width: 100%;
}

.main-body .ranking-list04 .on-image .rank-box:before,
.main-body .ranking-list04 .on-image .rank-box:before,
.main-body .ranking-list04 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .ranking-list04 .on-image .rank-box .rank-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .ranking-list04 .on-image .rank-box .rank-text {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .ranking-list04 .on-image .rank-box a {
    color: #fff;
}

.main-body .ranking-list04 .on-image .rank-box a:hover,
.main-body .ranking-list04 .on-image .rank-box a:active,
.main-body .ranking-list04 .on-image .rank-box a:focus {
    color: #f60;
}

.main-body .ranking-list04 > .rank01.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-01.png);
}

.main-body .ranking-list04 > .rank02.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-02.png);
}

.main-body .ranking-list04 > .rank03.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-03.png);
}

.main-body .ranking-list04 > .rank04.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-04.png);
}

.main-body .ranking-list04 > .rank05.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-05.png);
}

.main-body .ranking-list04 > .rank06.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-06.png);
}

.main-body .ranking-list04 > .rank07.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-07.png);
}

.main-body .ranking-list04 > .rank08.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-08.png);
}

.main-body .ranking-list04 > .rank09.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-09.png);
}

.main-body .ranking-list04 > .rank10.on-image .rank-box:before {
    content: url(../images/icon/icon-rank03-10.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list04 > .rank01.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-01@2x.png);
    }
    .main-body .ranking-list04 > .rank02.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-02@2x.png);
    }
    .main-body .ranking-list04 > .rank03.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-03@2x.png);
    }
    .main-body .ranking-list04 > .rank04.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-04@2x.png);
    }
    .main-body .ranking-list04 > .rank05.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-05@2x.png);
    }
    .main-body .ranking-list04 > .rank06.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-06@2x.png);
    }
    .main-body .ranking-list04 > .rank07.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-07@2x.png);
    }
    .main-body .ranking-list04 > .rank08.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-08@2x.png);
    }
    .main-body .ranking-list04 > .rank09.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-09@2x.png);
    }
    .main-body .ranking-list04 > .rank10.on-image .rank-box:before {
        background: url(../images/icon/icon-rank03-10@2x.png);
    }
    .main-body .ranking-list04 > .rank01.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank02.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank03.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank04.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank05.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank06.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank07.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank08.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank09.on-image .rank-box:before,
    .main-body .ranking-list04 > .rank10.on-image .rank-box:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
}

.main-body .ranking-list05 .rank-box {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 320px;
    background-position: center center;
    background-size: cover;
}

.main-body .col1 .ranking-list05 li {
    display: inline-block;
    margin-right: 20px;
}

.main-body .ranking-list05 .rank-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em 1em 1em;
    height: 180px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .ranking-list05 .rank-box a {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .ranking-list05 .rank-box a:hover,
.main-body .ranking-list05 .rank-box a:active,
.main-body .ranking-list05 .rank-box a:focus {
    color: #f60;
}

.main-body .ranking-list05 .on-image .rank-box:before,
.main-body .ranking-list05 .on-image .rank-box:before,
.main-body .ranking-list05 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .ranking-list05 > .rank01.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-01.png);
}

.main-body .ranking-list05 > .rank02.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-02.png);
}

.main-body .ranking-list05 > .rank03.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-03.png);
}

.main-body .ranking-list05 > .rank04.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-04.png);
}

.main-body .ranking-list05 > .rank05.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-05.png);
}

.main-body .ranking-list05 > .rank06.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-06.png);
}

.main-body .ranking-list05 > .rank07.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-07.png);
}

.main-body .ranking-list05 > .rank08.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-08.png);
}

.main-body .ranking-list05 > .rank09.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-09.png);
}

.main-body .ranking-list05 > .rank10.on-image .rank-box:before {
    content: url(../images/icon/icon-rank04-10.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .ranking-list05 > .rank01.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-01@2x.png);
    }
    .main-body .ranking-list05 > .rank02.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-02@2x.png);
    }
    .main-body .ranking-list05 > .rank03.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-03@2x.png);
    }
    .main-body .ranking-list05 > .rank04.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-04@2x.png);
    }
    .main-body .ranking-list05 > .rank05.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-05@2x.png);
    }
    .main-body .ranking-list05 > .rank06.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-06@2x.png);
    }
    .main-body .ranking-list05 > .rank07.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-07@2x.png);
    }
    .main-body .ranking-list05 > .rank08.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-08@2x.png);
    }
    .main-body .ranking-list05 > .rank09.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-09@2x.png);
    }
    .main-body .ranking-list05 > .rank10.on-image .rank-box:before {
        background: url(../images/icon/icon-rank04-10@2x.png);
    }
    .main-body .ranking-list05 > .rank01.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank02.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank03.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank04.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank05.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank06.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank07.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank08.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank09.on-image .rank-box:before,
    .main-body .ranking-list05 > .rank10.on-image .rank-box:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
}

.main-body .post-list01,
.main-body .post-list02 {
    margin-right: 0;
    margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li {
    overflow: hidden;
    margin-bottom: 40px;
    list-style: none;
}

.main-body .post-list01 .post-box {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 320px;
}

.main-body .col1 .post-list01 li {
    display: inline-block;
    margin-right: 20px;
}

.main-body .post-list01 .post-box img {
    width: 100%;
}

.main-body .post-list01 .on-image .post-box:before,
.main-body .post-list01 .on-image .post-box:before,
.main-body .post-list01 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .post-list01 .on-image .post-box .post-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .post-list01 .on-image .post-box .post-text {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .post-list01 .on-image .post-box a {
    color: #fff;
}

.main-body .post-list01 .on-image .post-box a:hover,
.main-body .post-list01 .on-image .post-box a:active,
.main-body .post-list01 .on-image .post-box a:focus {
    color: #f60;
}

.main-body .post-list02 .post-box {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 320px;
    background-position: center center;
    background-size: cover;
}

.main-body .col1 .post-list02 li {
    display: inline-block;
    margin-right: 20px;
}

.main-body .post-list02 .post-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    height: 180px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .post-list02 .post-box a {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .post-list02 .post-box a:hover,
.main-body .post-list02 .post-box a:active,
.main-body .post-list02 .post-box a:focus {
    color: #f60;
}

.main-body .post-list02 .on-image .post-box:before,
.main-body .post-list02 .on-image .post-box:before,
.main-body .post-list02 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0;
}

.main-body .review-table {
    margin-top: 0;
    width: auto;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.main-body .rank-thumb .review-table {
    margin-bottom: 0;
    width: 100%;
}

.main-body .review-table th,
.main-body .review-table td {
    padding: 0.5em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #e9e9e9;
    line-height: 1.0;
}

.main-body .review-table th {
    font-weight: normal;
}

.main-body .star00,
.main-body .star05,
.main-body .star10,
.main-body .star15,
.main-body .star20,
.main-body .star25,
.main-body .star30,
.main-body .star35,
.main-body .star40,
.main-body .star45,
.main-body .star50 {
    padding-left: 105px;
    white-space: nowrap;
}

.main-body .star00 {
    background: url(../images/icon/icon-star00.png) left center no-repeat;
}

.main-body .star05 {
    background: url(../images/icon/icon-star05.png) left center no-repeat;
}

.main-body .star10 {
    background: url(../images/icon/icon-star10.png) left center no-repeat;
}

.main-body .star15 {
    background: url(../images/icon/icon-star15.png) left center no-repeat;
}

.main-body .star20 {
    background: url(../images/icon/icon-star20.png) left center no-repeat;
}

.main-body .star25 {
    background: url(../images/icon/icon-star25.png) left center no-repeat;
}

.main-body .star30 {
    background: url(../images/icon/icon-star30.png) left center no-repeat;
}

.main-body .star35 {
    background: url(../images/icon/icon-star35.png) left center no-repeat;
}

.main-body .star40 {
    background: url(../images/icon/icon-star40.png) left center no-repeat;
}

.main-body .star45 {
    background: url(../images/icon/icon-star45.png) left center no-repeat;
}

.main-body .star50 {
    background: url(../images/icon/icon-star50.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .star00 {
        background: url(../images/icon/icon-star00@2x.png) left center no-repeat;
    }
    .main-body .star05 {
        background: url(../images/icon/icon-star05@2x.png) left center no-repeat;
    }
    .main-body .star10 {
        background: url(../images/icon/icon-star10@2x.png) left center no-repeat;
    }
    .main-body .star15 {
        background: url(../images/icon/icon-star15@2x.png) left center no-repeat;
    }
    .main-body .star20 {
        background: url(../images/icon/icon-star20@2x.png) left center no-repeat;
    }
    .main-body .star25 {
        background: url(../images/icon/icon-star25@2x.png) left center no-repeat;
    }
    .main-body .star30 {
        background: url(../images/icon/icon-star30@2x.png) left center no-repeat;
    }
    .main-body .star35 {
        background: url(../images/icon/icon-star35@2x.png) left center no-repeat;
    }
    .main-body .star40 {
        background: url(../images/icon/icon-star40@2x.png) left center no-repeat;
    }
    .main-body .star45 {
        background: url(../images/icon/icon-star45@2x.png) left center no-repeat;
    }
    .main-body .star50 {
        background: url(../images/icon/icon-star50@2x.png) left center no-repeat;
    }
    .main-body .star00,
    .main-body .star05,
    .main-body .star10,
    .main-body .star15,
    .main-body .star20,
    .main-body .star25,
    .main-body .star30,
    .main-body .star35,
    .main-body .star40,
    .main-body .star45,
    .main-body .star50 {
        background-size: 97px 17px;
    }
}

.main-body .item-data {
    margin-bottom: 1em;
}

.main-body .item-data dl,
.main-body .item-data dt,
.main-body .item-data dd {
    margin: 0;
}

.main-body .item-data dt,
.main-body .item-data dd {
    display: inline-block;
}

.main-body .item-data dd {
    padding-left: 0;
}

.main-body .comparative-list01 .rank-desc,
.main-body .comparative-list02 .rank-desc {
    overflow: visible;
}

.main-body .review-desc-title {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0 0 0 14px;
    border: none;
    border-left: 4px solid #fb8e2d;
    background: none;
    font-weight: normal;
    font-size: 1.125em;
}

.main-body .comparative-list01 > li .rank-title {
    padding-left: 60px;
}

.main-body .comparative-list01 .rank01 .rank-title {
    background: url(../images/icon/icon-rank01-01.png) left top no-repeat;
}

.main-body .comparative-list01 .rank02 .rank-title {
    background: url(../images/icon/icon-rank01-02.png) left top no-repeat;
}

.main-body .comparative-list01 .rank03 .rank-title {
    background: url(../images/icon/icon-rank01-03.png) left top no-repeat;
}

.main-body .comparative-list01 .rank04 .rank-title {
    background: url(../images/icon/icon-rank01-04.png) left top no-repeat;
}

.main-body .comparative-list01 .rank05 .rank-title {
    background: url(../images/icon/icon-rank01-05.png) left top no-repeat;
}

.main-body .comparative-list01 .rank06 .rank-title {
    background: url(../images/icon/icon-rank01-06.png) left top no-repeat;
}

.main-body .comparative-list01 .rank07 .rank-title {
    background: url(../images/icon/icon-rank01-07.png) left top no-repeat;
}

.main-body .comparative-list01 .rank08 .rank-title {
    background: url(../images/icon/icon-rank01-08.png) left top no-repeat;
}

.main-body .comparative-list01 .rank09 .rank-title {
    background: url(../images/icon/icon-rank01-09.png) left top no-repeat;
}

.main-body .comparative-list01 .rank10 .rank-title {
    background: url(../images/icon/icon-rank01-10.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .comparative-list01 .rank01 .rank-title {
        background: url(../images/icon/icon-rank01-01@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank02 .rank-title {
        background: url(../images/icon/icon-rank01-02@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank03 .rank-title {
        background: url(../images/icon/icon-rank01-03@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank04 .rank-title {
        background: url(../images/icon/icon-rank01-04@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank05 .rank-title {
        background: url(../images/icon/icon-rank01-05@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank06 .rank-title {
        background: url(../images/icon/icon-rank01-06@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank07 .rank-title {
        background: url(../images/icon/icon-rank01-07@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank08 .rank-title {
        background: url(../images/icon/icon-rank01-08@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank09 .rank-title {
        background: url(../images/icon/icon-rank01-09@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank10 .rank-title {
        background: url(../images/icon/icon-rank01-10@2x.png) left top no-repeat;
    }
    .main-body .comparative-list01 .rank01 .rank-title,
    .main-body .comparative-list01 .rank02 .rank-title,
    .main-body .comparative-list01 .rank03 .rank-title,
    .main-body .comparative-list01 .rank04 .rank-title,
    .main-body .comparative-list01 .rank05 .rank-title,
    .main-body .comparative-list01 .rank06 .rank-title,
    .main-body .comparative-list01 .rank07 .rank-title,
    .main-body .comparative-list01 .rank08 .rank-title,
    .main-body .comparative-list01 .rank09 .rank-title,
    .main-body .comparative-list01 .rank10 .rank-title {
        background-size: 48px 40px;
    }
}

.main-body .comparative-list02 > .rank01.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-01.png);
}

.main-body .comparative-list02 > .rank02.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-02.png);
}

.main-body .comparative-list02 > .rank03.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-03.png);
}

.main-body .comparative-list02 > .rank04.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-04.png);
}

.main-body .comparative-list02 > .rank05.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-05.png);
}

.main-body .comparative-list02 > .rank06.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-06.png);
}

.main-body .comparative-list02 > .rank07.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-07.png);
}

.main-body .comparative-list02 > .rank08.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-08.png);
}

.main-body .comparative-list02 > .rank09.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-09.png);
}

.main-body .comparative-list02 > .rank10.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank05-10.png);
}

.main-body .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-01.png);
}

.main-body .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-02.png);
}

.main-body .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-03.png);
}

.main-body .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-04.png);
}

.main-body .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-05.png);
}

.main-body .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-06.png);
}

.main-body .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-07.png);
}

.main-body .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-08.png);
}

.main-body .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-09.png);
}

.main-body .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
    content: url(../images/icon/icon-rank06-10.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .comparative-list02 > .rank01.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-01@2x.png);
    }
    .main-body .comparative-list02 > .rank02.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-02@2x.png);
    }
    .main-body .comparative-list02 > .rank03.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-03@2x.png);
    }
    .main-body .comparative-list02 > .rank04.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-04@2x.png);
    }
    .main-body .comparative-list02 > .rank05.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-05@2x.png);
    }
    .main-body .comparative-list02 > .rank06.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-06@2x.png);
    }
    .main-body .comparative-list02 > .rank07.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-07@2x.png);
    }
    .main-body .comparative-list02 > .rank08.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-08@2x.png);
    }
    .main-body .comparative-list02 > .rank09.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-09@2x.png);
    }
    .main-body .comparative-list02 > .rank10.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank05-10@2x.png);
    }
    .main-body .comparative-list02 > .rank01.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank02.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank03.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank04.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank05.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank06.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank07.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank08.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank09.on-image .rank-thumb:before,
    .main-body .comparative-list02 > .rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
    .main-body .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-01@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-02@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-03@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-04@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-05@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-06@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-07@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-08@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-09@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
        background: url(../images/icon/icon-rank06-10@2x.png);
    }
    .main-body .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
    .main-body .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-size: contain;
        content: " ";
        vertical-align: middle;
    }
}

.main-body .interval img {
    display: block;
    margin: 60px auto;
}

.main-body .check-list,
.main-body .check-list-l {
    margin-left: 0;
}

.main-body .check-list li,
.main-body .check-list-l li {
    list-style: none;
}

.main-body .check-list li {
    margin-bottom: 1em;
    padding-left: 32px;
    background: url(../images/icon/icon-check-list.png) left 3px no-repeat;
}

.main-body .check-list-l li {
    margin-bottom: 2em;
    padding: 10px 0 10px 55px;
    background: url(../images/icon/icon-check-list-l.png) left 3px no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .check-list li {
        background: url(../images/icon/icon-check-list@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .check-list-l li {
        background: url(../images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .qa-list dt {
    display: block;
    margin-bottom: 30px;
    padding: 10px 0 10px 65px;
    background: url(../images/icon/icon-q.png) left 3px no-repeat;
    font-size: 1.25em;
}

.main-body .qa-list dd {
    margin-bottom: 70px;
    margin-left: 0;
    padding: 10px 0 10px 65px;
    background: url(../images/icon/icon-a.png) left 3px no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .qa-list dt {
        background: url(../images/icon/icon-q@2x.png) left 3px no-repeat;
        background-size: 48px 48px;
    }
    .main-body .qa-list dd {
        background: url(../images/icon/icon-a@2x.png) left 3px no-repeat;
        background-size: 48px 49px;
    }
}

.main-body .flow-chart {
    margin-left: 0;
}

.main-body .flow-chart li {
    margin-bottom: 20px;
    padding-bottom: 60px;
    background: url(../images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
    list-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .flow-chart li {
        background: url(../images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
        background-size: 161px 40px;
    }
}

.main-body .flow-chart li.end,
.main-body .flow-chart li:last-child {
    padding-bottom: 0;
    background: none;
}

.main-body .flow-chart .process-box {
    padding: 30px;
    background-color: #a3a3a3;
    color: #fff;
}

.main-body .info-box {
    padding: 30px 20px;
    background: url(../images/common/bg-cast-box.png) #eeeeee;
}

.main-body .trailer-text {
    font-weight: bold;
    font-size: 1.25em;
}

.main-body .trailer-text-l {
    font-weight: bold;
    font-size: 1.5em;
}

.main-body .related-thumb {
    overflow: hidden;
    width: 100%;
    border: 1px solid #ccc;
}

.main-body .related-thumb img {
    display: block;
    margin: auto;
    max-width: none;
}

.main-body .related-articles-thumbs01 ul {
    margin-left: 0;
}

.main-body .related-articles-thumbs01 li {
    list-style: none;
}

.main-body .related-articles-thumbs01 img {
    max-height: 100px;
    width: auto;
}

.main-body .related-articles-thumbs01 .related-thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 100px;
}

.main-body .related-articles-thumbs02 ul {
    overflow: hidden;
    margin-left: 0;
}

.main-body .related-articles-thumbs02 li {
    float: left;
    margin-left: 5%;
    width: 30%;
    list-style: none;
}

.main-body .related-articles-thumbs02 li:first-child {
    margin-left: 0;
}

.main-body .related-articles-thumbs02 img {
    max-height: 160px;
    width: auto;
}

.main-body #keni_toc {
    display: block;
    margin: auto;
    margin-bottom: 3em;
    padding: 25px;
    width: 80%;
    border: 2px solid #ccc;
    font-size: 0.875em;
}

.main-body .keni-toc-title {
    font-size: 1.286em;
}

.main-body #keni_toc ol {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
}

.main-body #keni_toc ol ol {
    margin-top: 0.5em;
}

.main-body #keni_toc ol ol li {
    list-style-type: circle;
}

.main-body .voice-box {
    padding: 30px;
    background: #eee;
}

.main-body .voice-content {
    overflow: hidden;
}

.main-body .col-onimage > .col {
    position: relative;
    overflow: hidden;
}

.main-body .col-onimage > .col .text-onimage {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .col-onimage > .col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .col-onimage02 > .col {
    background-position: center center;
    background-size: cover;
}

.main-body .col-onimage02 > .col .text-onimage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    /*IE8への対応*/
    color: #fff;
}

.main-body html:not(:target) .col-onimage02 > .col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5);
    /*IE9以上への対応*/
}

.main-body .col-onimage > .col .text-onimage a,
.main-body .col-onimage02 > .col a {
    color: #fff;
}

.main-body .col-onimage > .col .text-onimage a:hover,
.main-body .col-onimage > .col .text-onimage a:active,
.main-body .col-onimage > .col .text-onimage a:focus,
.main-body .col-onimage02 > .col a:hover,
.main-body .col-onimage02 > .col a:active,
.main-body .col-onimage02 > .col a:focus {
    color: #f60;
}

.main-body .link-next {
    text-align: right;
}

.main-body .link-next a {
    padding-left: 13px;
    background: url(../images/icon/icon-arw-next.png) left 6px no-repeat;
}

.main-body .link-back a {
    padding-left: 13px;
    background: url(../images/icon/icon-arw-prev.png) left 6px no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .link-next a {
        background: url(../images/icon/icon-arw-next@2x.png) left 6px no-repeat;
        background-size: 7px 10px;
    }
    .main-body .link-back a {
        background: url(../images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
        background-size: 7px 10px;
    }
}

.main-body .page-nav ol {
    margin-left: 0;
    text-align: center;
}

.main-body .page-nav li {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 8px;
    border: 1px solid #c1c1c1;
}

.main-body .page-nav li:last-child {
    margin-right: 0;
}

.main-body .page-nav li a {
    display: block;
    margin: -4px -8px;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
}

.main-body .current,
.main-body .page-nav li a:hover,
.main-body .page-nav li a:active,
.main-body .page-nav li a:focus {
    background: #c1c1c1;
    color: #fff;
}

.main-body .page-nav-bf ul {
    margin-left: 0;
}

.main-body .page-nav-bf li {
    list-style: none;
}

.main-body .page-nav-next {
    float: right;
    padding-right: 13px;
    background: url(../images/icon/icon-arw-next.png) right center no-repeat;
}

.main-body .page-nav-prev {
    float: left;
    padding-left: 13px;
    background: url(../images/icon/icon-arw-prev.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .page-nav-next {
        background: url(../images/icon/icon-arw-next@2x.png) right center no-repeat;
        background-size: 7px 10px;
    }
    .main-body .page-nav-prev {
        background: url(../images/icon/icon-arw-prev@2x.png) left center no-repeat;
        background-size: 7px 10px;
    }
}

.main-body .single .article-body,
.main-body .page .article-body {
    margin-bottom: 0px;
}

.main-body .keni-relatedposts-list li p {
    overflow: hidden;
}

.main-body .keni-relatedposts-list li p a[target="_blank"] {
    padding: 3px;
    padding-right: 15px;
    background: url(../images/icon/icon-outbound-link.png) right center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .keni-relatedposts-list li p a[target="_blank"] {
        background: url(../images/icon/icon-outbound-link@2x.png) right center no-repeat;
        background-size: 12px 13px;
    }
}

.main-body .cont-nav {
    padding-top: 40px;
    border-top: 1px solid #ccc;
}

.main-body .post-toc {
    margin-bottom: 40px;
    padding: 30px 20px;
    background: url(../images/common/bg-cast-box.png) #eeeeee;
}

.main-body .comment-form-author,
.main-body .comment-form-mail,
.main-body .comment-form-url {
    margin-bottom: 2em;
}

.main-body .comment-form-author p,
.main-body .comment-form-mail p,
.main-body .comment-form-url p {
    margin-bottom: 0;
}

.main-body .alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.main-body .alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.main-body .aligncenter {
    display: block;
    float: none;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
}

.main-body .post-tag a {
    word-break: break-all;
}

.main-body .commentlist,
.main-body .commentlist .children {
    margin-left: 0;
}

.main-body .commentlist {
    border-bottom: 1px solid #ccc;
}

.main-body .commentlist li {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc;
    list-style: none;
}

.main-body .commentlist li:last-child,
.main-body .commentlist ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.main-body .reply a {
    padding-left: 13px;
    background: url(../images/icon/icon-arw-next.png) left 6px no-repeat;
}

.main-body .commentlist .children {
    margin-top: 1em;
    padding-top: 1em;
    padding-left: 40px;
    border-top: 1px solid #ccc;
}

.main-body .rsswidget img {
    vertical-align: baseline;
}

.main-body .sub-conts .widget_recent_entries ul,
.main-body .sub-conts .widget_rss ul,
.main-body .sub-conts .widget_archive ul,
.main-body .sub-conts .widget_recent_comments ul,
.main-body .sub-conts .widget_nav_menu ul {
    margin-left: 0;
    padding-left: 0;
}

.main-body .sub-conts .widget_recent_entries li,
.main-body .sub-conts .widget_rss li,
.main-body .sub-conts .widget_archive li,
.main-body .sub-conts .widget_recent_comments li,
.main-body .sub-conts .widget_nav_menu li {
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(../images/icon/icon-list-arw.png) left 6px no-repeat;
    list-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .sub-conts .widget_recent_entries li,
    .main-body .sub-conts .widget_rss li,
    .main-body .sub-conts .widget_archive li,
    .main-body .sub-conts .widget_recent_comments li,
    .main-body .sub-conts .widget_nav_menu li {
        background: url(../images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        background-size: 7px 10px;
    }
}

.main-body .sub-conts .widget_recent_entries ul ul,
.main-body .sub-conts .widget_rss ul ul,
.main-body .sub-conts .widget_archive ul ul,
.main-body .sub-conts .widget_recent_comments ul ul,
.main-body .sub-conts .widget_nav_menu ul ul {
    margin-top: 1em;
    margin-left: 10px;
}

.main-body .num-pv {
    font-size: 0.8em;
}

.main-body .calendar,
.main-body .calendar_wrap table {
    background: #fff;
    font-size: 0.875em;
}

.main-body .calendar caption,
.main-body .widget_calendar caption {
    font-weight: bold;
}

.main-body .calendar th,
.main-body .calendar td,
.main-body .widget_calendar th,
.main-body .widget_calendar td {
    padding: 10px 0;
    text-align: center;
}

.main-body .calendar tfoot td,
.main-body .widget_calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left;
}

.main-body .calendar tfoot td:last-child,
.main-body .widget_calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right;
}

.main-body .calendar td a,
.main-body .widget_calendar tfoot td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0;
}

.main-body .link-pages {
    margin-top: 2em;
    text-align: center;
    line-height: 1.2;
}

.main-body .link-pages span {
    display: inline-block;
    margin-left: 0;
}

.main-body .link-pages a,
.main-body .link-pages span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0.5em;
    padding: 4px 8px;
    border: 1px solid #c1c1c1;
    text-decoration: none;
}

.main-body .link-pages span,
.main-body .link-pages a:hover,
.main-body .link-pages a:active,
.main-body .link-pages a:focus {
    background: #c1c1c1;
    color: #fff;
}

.main-body .link-pages a span {
    display: inline;
    margin-right: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.main-body .link-pages .link-pages-cap {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.main-body .wp-caption {
    max-width: 100%;
}

.main-body .gallery,
.main-body .gallery-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-body .gallery {
    margin-bottom: 1em;
}

.main-body .gallery-item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

.main-body .gallery-columns-2 .gallery-item,
.main-body .gallery-columns-3 .gallery-item,
.main-body .gallery-columns-4 .gallery-item,
.main-body .gallery-columns-5 .gallery-item,
.main-body .gallery-columns-6 .gallery-item,
.main-body .gallery-columns-7 .gallery-item,
.main-body .gallery-columns-8 .gallery-item,
.main-body .gallery-columns-9 .gallery-item {
    margin: 1%;
}

.main-body .gallery-columns-2 .gallery-item {
    max-width: 48%;
}

.main-body .gallery-columns-3 .gallery-item {
    max-width: 31.3%;
}

.main-body .gallery-columns-4 .gallery-item {
    max-width: 23%;
}

.main-body .gallery-columns-5 .gallery-item {
    max-width: 18%;
}

.main-body .gallery-columns-6 .gallery-item {
    max-width: 14.6%;
}

.main-body .gallery-columns-7 .gallery-item {
    max-width: 12.2%;
}

.main-body .gallery-columns-8 .gallery-item {
    max-width: 10.5%;
}

.main-body .gallery-columns-9 .gallery-item {
    max-width: 9.1%;
}

.main-body .gallery-icon img {
    margin: 0 auto;
}

.main-body .gallery-caption {
    display: block;
    font-size: 0.875em;
}

.main-body .note {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.main-body .note2 {
    display: block;
    padding-left: 2em;
    text-indent: -2em;
}

.main-body .warning,
.main-body .error {
    color: #e53935 !important;
}

.main-body .required {
    display: inline-block;
    color: #e53935 !important;
}

.main-body .dot {
    position: relative;
    padding-top: 5px;
}

.main-body .dot:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.1em;
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    background: #333;
    content: "";
}

.main-body .shadow {
    -webkit-box-shadow: 4px 4px 0px #e9e9e9;
    box-shadow: 4px 4px 0px #e9e9e9;
}

.main-body .shadow02 {
    -webkit-box-shadow: 0px 0px 4px #666;
    box-shadow: 0px 0px 4px #666;
}

.main-body .outline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.main-body .frame {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    max-width: 95%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px #666;
    box-shadow: 0px 0px 8px #666;
}

.main-body .border {
    border: 1px solid #ccc;
}

.main-body img.resize10,
.main-body html:not(:target) img.resize10 {
    max-width: 10%;
    height: auto;
}

.main-body img.resize20,
.main-body html:not(:target) img.resize20 {
    max-width: 20%;
    height: auto;
}

.main-body img.resize30,
.main-body html:not(:target) img.resize30 {
    max-width: 30%;
    height: auto;
}

.main-body img.resize40,
.main-body html:not(:target) img.resize40 {
    max-width: 40%;
    height: auto;
}

.main-body img.resize50,
.main-body html:not(:target) img.resize50 {
    max-width: 50%;
    height: auto;
}

.main-body img.resize60,
.main-body html:not(:target) img.resize60 {
    max-width: 60%;
    height: auto;
}

.main-body img.resize70,
.main-body html:not(:target) img.resize70 {
    max-width: 70%;
    height: auto;
}

.main-body img.resize80,
.main-body html:not(:target) img.resize80 {
    max-width: 80%;
    height: auto;
}

.main-body img.resize90,
.main-body html:not(:target) img.resize90 {
    max-width: 90%;
    height: auto;
}

.main-body .circle {
    border-radius: 50%;
}

.main-body .rc4 {
    border-radius: 4px;
}

.main-body .rc4-tl {
    border-top-left-radius: 4px;
}

.main-body .rc4-tr {
    border-top-right-radius: 4px;
}

.main-body .rc4-bl {
    border-bottom-left-radius: 4px;
}

.main-body .rc4-br {
    border-bottom-right-radius: 4px;
}

.main-body .rc8 {
    border-radius: 8px;
}

.main-body .rc8-tl {
    border-top-left-radius: 8px;
}

.main-body .rc8-tr {
    border-top-right-radius: 8px;
}

.main-body .rc8-bl {
    border-bottom-left-radius: 8px;
}

.main-body .rc8-br {
    border-bottom-right-radius: 8px;
}

.main-body .rc12 {
    border-radius: 12px;
}

.main-body .rc12-tl {
    border-top-left-radius: 12px;
}

.main-body .rc12-tr {
    border-top-right-radius: 12px;
}

.main-body .rc12-bl {
    border-bottom-left-radius: 12px;
}

.main-body .rc12-br {
    border-bottom-right-radius: 12px;
}

.main-body .rc50 {
    border-radius: 50px;
}

.main-body .transparent-panel-wrap {
    padding: 1em;
    background: url(../images/sample09.jpg) center center;
    background-size: cover;
}

.main-body .transparent-panel {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    background-color: #ffffff\9;
    /*IE8への対応*/
}

.main-body html:not(:target) .transparent-panel {
    background-color: rgba(255, 255, 255, 0.7);
    /*IE9以上への対応*/
}

.main-body .fl-l {
    float: left;
    margin: 0 1em 1em 0;
}

.main-body .fl-r {
    float: right;
    margin: 0 0 1em 1em;
}

.main-body .fl-c {
    clear: both;
}

.main-body .left {
    float: left;
    margin: 0 2em 1em 0;
}

.main-body .right {
    float: right;
    margin: 0 0 1em 2em;
}

.main-body .al-l {
    text-align: left;
}

.main-body .al-r {
    text-align: right;
}

.main-body .al-c {
    text-align: center;
}

.main-body .vl-t {
    vertical-align: top !important;
}

.main-body .vl-m {
    vertical-align: middle !important;
}

.main-body .vl-b {
    vertical-align: bottom !important;
}

.main-body .m0 {
    margin: 0 !important;
}

.main-body .m0-t {
    margin-top: 0 !important;
}

.main-body .m0-r {
    margin-right: 0 !important;
}

.main-body .m0-b {
    margin-bottom: 0 !important;
}

.main-body .m0-l {
    margin-left: 0 !important;
}

.main-body .m5 {
    margin: 5px !important;
}

.main-body .m5-t {
    margin-top: 5px !important;
}

.main-body .m5-r {
    margin-right: 5px !important;
}

.main-body .m5-b {
    margin-bottom: 5px !important;
}

.main-body .m5-l {
    margin-left: 5px !important;
}

.main-body .m10 {
    margin: 10px !important;
}

.main-body .m10-t {
    margin-top: 10px !important;
}

.main-body .m10-r {
    margin-right: 10px !important;
}

.main-body .m10-b {
    margin-bottom: 10px !important;
}

.main-body .m10-l {
    margin-left: 10px !important;
}

.main-body .m15 {
    margin: 15px !important;
}

.main-body .m15-t {
    margin-top: 15px !important;
}

.main-body .m15-r {
    margin-right: 15px !important;
}

.main-body .m15-b {
    margin-bottom: 15px !important;
}

.main-body .m15-l {
    margin-left: 15px !important;
}

.main-body .m20 {
    margin: 20px !important;
}

.main-body .m20-t {
    margin-top: 20px !important;
}

.main-body .m20-r {
    margin-right: 20px !important;
}

.main-body .m20-b {
    margin-bottom: 20px !important;
}

.main-body .m20-l {
    margin-left: 20px !important;
}

.main-body .m25 {
    margin: 25px !important;
}

.main-body .m25-t {
    margin-top: 25px !important;
}

.main-body .m25-r {
    margin-right: 25px !important;
}

.main-body .m25-b {
    margin-bottom: 25px !important;
}

.main-body .m25-l {
    margin-left: 25px !important;
}

.main-body .m30 {
    margin: 30px !important;
}

.main-body .m30-t {
    margin-top: 30px !important;
}

.main-body .m30-r {
    margin-right: 30px !important;
}

.main-body .m30-b {
    margin-bottom: 30px !important;
}

.main-body .m30-l {
    margin-left: 30px !important;
}

.main-body .m40 {
    margin: 40px !important;
}

.main-body .m40-t {
    margin-top: 40px !important;
}

.main-body .m40-r {
    margin-right: 40px !important;
}

.main-body .m40-b {
    margin-bottom: 40px !important;
}

.main-body .m40-l {
    margin-left: 40px !important;
}

.main-body .m50 {
    margin: 50px !important;
}

.main-body .m50-t {
    margin-top: 50px !important;
}

.main-body .m50-r {
    margin-right: 50px !important;
}

.main-body .m50-b {
    margin-bottom: 50px !important;
}

.main-body .m50-l {
    margin-left: 50px !important;
}

.main-body .m60 {
    margin: 60px !important;
}

.main-body .m60-t {
    margin-top: 60px !important;
}

.main-body .m60-r {
    margin-right: 60px !important;
}

.main-body .m60-b {
    margin-bottom: 60px !important;
}

.main-body .m60-l {
    margin-left: 60px !important;
}

.main-body .m68-t {
    margin-top: 68px !important;
}

.main-body .m70 {
    margin: 70px !important;
}

.main-body .m70-t {
    margin-top: 70px !important;
}

.main-body .m70-r {
    margin-right: 70px !important;
}

.main-body .m70-b {
    margin-bottom: 70px !important;
}

.main-body .m70-l {
    margin-left: 70px !important;
}

.main-body .m80 {
    margin: 80px !important;
}

.main-body .m80-t {
    margin-top: 80px !important;
}

.main-body .m80-r {
    margin-right: 80px !important;
}

.main-body .m80-b {
    margin-bottom: 80px !important;
}

.main-body .m80-l {
    margin-left: 80px !important;
}

.main-body .m90 {
    margin: 90px !important;
}

.main-body .m90-t {
    margin-top: 90px !important;
}

.main-body .m90-r {
    margin-right: 90px !important;
}

.main-body .m90-b {
    margin-bottom: 90px !important;
}

.main-body .m90-l {
    margin-left: 90px !important;
}

.main-body .m100 {
    margin: 100px !important;
}

.main-body .m100-t {
    margin-top: 100px !important;
}

.main-body .m100-r {
    margin-right: 100px !important;
}

.main-body .m100-b {
    margin-bottom: 100px !important;
}

.main-body .m100-l {
    margin-left: 100px !important;
}

.main-body .m120 {
    margin: 120px !important;
}

.main-body .m120-t {
    margin-top: 120px !important;
}

.main-body .m120-r {
    margin-right: 120px !important;
}

.main-body .m120-b {
    margin-bottom: 120px !important;
}

.main-body .m120-l {
    margin-left: 120px !important;
}

.main-body .m150 {
    margin: 150px !important;
}

.main-body .m150-t {
    margin-top: 150px !important;
}

.main-body .m150-r {
    margin-right: 150px !important;
}

.main-body .m150-b {
    margin-bottom: 150px !important;
}

.main-body .m150-l {
    margin-left: 150px !important;
}

.main-body .m200 {
    margin: 200px !important;
}

.main-body .m200-t {
    margin-top: 200px !important;
}

.main-body .m200-r {
    margin-right: 200px !important;
}

.main-body .m200-b {
    margin-bottom: 200px !important;
}

.main-body .m200-l {
    margin-left: 200px !important;
}

.main-body .m300 {
    margin: 300px !important;
}

.main-body .m300-t {
    margin-top: 300px !important;
}

.main-body .m300-r {
    margin-right: 300px !important;
}

.main-body .m300-b {
    margin-bottom: 300px !important;
}

.main-body .m300-l {
    margin-left: 300px !important;
}

.main-body .pcm20-l {
    padding-left: 20px !important;
}

.main-body .pcp10-r {
    padding-right: 10px !important;
}

.main-body .pcp10-l {
    padding-left: 10px !important;
}

.main-body .p0 {
    padding: 0 !important;
}

.main-body .p0-t {
    padding-top: 0 !important;
}

.main-body .p0-r {
    padding-right: 0 !important;
}

.main-body .p0-b {
    padding-bottom: 0 !important;
}

.main-body .p0-l {
    padding-left: 0 !important;
}

.main-body .p5 {
    padding: 5px !important;
}

.main-body .p5-t {
    padding-top: 5px !important;
}

.main-body .p5-r {
    padding-right: 5px !important;
}

.main-body .p5-b {
    padding-bottom: 5px !important;
}

.main-body .p5-l {
    padding-left: 5px !important;
}

.main-body .p10 {
    padding: 10px !important;
}

.main-body .p10-t {
    padding-top: 10px !important;
}

.main-body .p10-r {
    padding-right: 10px !important;
}

.main-body .p10-b {
    padding-bottom: 10px !important;
}

.main-body .p10-l {
    padding-left: 10px !important;
}

.main-body .p15 {
    padding: 15px !important;
}

.main-body .p15-t {
    padding-top: 15px !important;
}

.main-body .p15-r {
    padding-right: 15px !important;
}

.main-body .p15-b {
    padding-bottom: 15px !important;
}

.main-body .p15-l {
    padding-left: 15px !important;
}

.main-body .p20 {
    padding: 20px !important;
}

.main-body .p20-t {
    padding-top: 20px !important;
}

.main-body .p20-r {
    padding-right: 20px !important;
}

.main-body .p20-b {
    padding-bottom: 20px !important;
}

.main-body .p20-l {
    padding-left: 20px !important;
}

.main-body .p25 {
    padding: 25px !important;
}

.main-body .p25-t {
    padding-top: 25px !important;
}

.main-body .p25-r {
    padding-right: 25px !important;
}

.main-body .p25-b {
    padding-bottom: 25px !important;
}

.main-body .p25-l {
    padding-left: 25px !important;
}

.main-body .p30 {
    padding: 30px !important;
}

.main-body .p30-t {
    padding-top: 30px !important;
}

.main-body .p30-r {
    padding-right: 30px !important;
}

.main-body .p30-b {
    padding-bottom: 30px !important;
}

.main-body .p30-l {
    padding-left: 30px !important;
}

.main-body .p40 {
    padding: 40px !important;
}

.main-body .p40-t {
    padding-top: 40px !important;
}

.main-body .p40-r {
    padding-right: 40px !important;
}

.main-body .p40-b {
    padding-bottom: 40px !important;
}

.main-body .p40-l {
    padding-left: 40px !important;
}

.main-body .p50 {
    padding: 50px !important;
}

.main-body .p50-t {
    padding-top: 50px !important;
}

.main-body .p50-r {
    padding-right: 50px !important;
}

.main-body .p50-b {
    padding-bottom: 50px !important;
}

.main-body .p50-l {
    padding-left: 50px !important;
}

.main-body .franchise .p50-l {
    padding-left: 0px !important;
}

.main-body .franchise .p50-r {
    padding-right: 0px !important;
}

.main-body .p60 {
    padding: 60px !important;
}

.main-body .p60-t {
    padding-top: 60px !important;
}

.main-body .p60-r {
    padding-right: 60px !important;
}

.main-body .p60-b {
    padding-bottom: 60px !important;
}

.main-body .p60-l {
    padding-left: 60px !important;
}

.main-body .p70 {
    padding: 70px !important;
}

.main-body .p70-t {
    padding-top: 70px !important;
}

.main-body .p70-r {
    padding-right: 70px !important;
}

.main-body .p70-b {
    padding-bottom: 70px !important;
}

.main-body .p70-l {
    padding-left: 70px !important;
}

.main-body .p80 {
    padding: 80px !important;
}

.main-body .p80-t {
    padding-top: 80px !important;
}

.main-body .p80-r {
    padding-right: 80px !important;
}

.main-body .p80-b {
    padding-bottom: 80px !important;
}

.main-body .p80-l {
    padding-left: 80px !important;
}

.main-body .p90 {
    padding: 90px !important;
}

.main-body .p90-t {
    padding-top: 90px !important;
}

.main-body .p90-r {
    padding-right: 90px !important;
}

.main-body .p90-b {
    padding-bottom: 90px !important;
}

.main-body .p90-l {
    padding-left: 90px !important;
}

.main-body .p100 {
    padding: 100px !important;
}

.main-body .p100-t {
    padding-top: 100px !important;
}

.main-body .p100-r {
    padding-right: 100px !important;
}

.main-body .p100-b {
    padding-bottom: 100px !important;
}

.main-body .p100-l {
    padding-left: 100px !important;
}

.main-body .p150 {
    padding: 150px !important;
}

.main-body .p150-t {
    padding-top: 150px !important;
}

.main-body .p150-r {
    padding-right: 150px !important;
}

.main-body .p150-b {
    padding-bottom: 150px !important;
}

.main-body .p150-l {
    padding-left: 150px !important;
}

.main-body .b {
    font-weight: bold !important;
}

.main-body .normal {
    font-weight: normal !important;
}

.main-body .big {
    font-size: 1.2em !important;
}

.main-body .big2 {
    font-size: 1.5em !important;
}

.main-body .big3 {
    font-size: 1.8em !important;
}

.main-body .small {
    font-size: 0.8em !important;
}

.main-body .f08em {
    font-size: 0.8em;
}

.main-body .f09em {
    font-size: 0.9em;
}

.main-body .f10em {
    font-size: 1.0em;
}

.main-body .f11em {
    font-size: 1.1em;
}

.main-body .f12em {
    font-size: 1.2em;
}

.main-body .f13em {
    font-size: 1.3em;
}

.main-body .f14em {
    font-size: 1.4em;
}

.main-body .f15em {
    font-size: 1.5em;
}

.main-body .f16em {
    font-size: 1.6em;
}

.main-body .f17em {
    font-size: 1.7em;
}

.main-body .f18em {
    font-size: 1.8em;
}

.main-body .f19em {
    font-size: 1.9em;
}

.main-body .f20em {
    font-size: 2.0em;
}

.main-body .f21em {
    font-size: 2.1em;
}

.main-body .f22em {
    font-size: 2.2em;
}

.main-body .f23em {
    font-size: 2.3em;
}

.main-body .f24em {
    font-size: 2.4em;
}

.main-body .f25em {
    font-size: 2.5em;
}

.main-body .f26em {
    font-size: 2.6em;
}

.main-body .f27em {
    font-size: 2.7em;
}

.main-body .f28em {
    font-size: 2.8em;
}

.main-body .f29em {
    font-size: 2.9em;
}

.main-body .f30em {
    font-size: 3.0em;
}

.main-body .f8pt {
    font-size: 8.5pt;
}

.main-body .f9pt {
    font-size: 9.0pt;
}

.main-body .f10pt {
    font-size: 10pt;
}

.main-body .f105pt {
    font-size: 10.5pt;
}

.main-body .f11pt {
    font-size: 11pt;
}

.main-body .f12pt {
    font-size: 12pt;
}

.main-body .f13pt {
    font-size: 13pt;
}

.main-body .f14pt {
    font-size: 14pt;
}

.main-body .f15pt {
    font-size: 15pt;
}

.main-body .f16pt {
    font-size: 16pt;
}

.main-body .f17pt {
    font-size: 17pt;
}

.main-body .f18pt {
    font-size: 18pt;
}

.main-body .f19pt {
    font-size: 19pt;
}

.main-body .f20pt {
    font-size: 20pt;
}

.main-body .f21pt {
    font-size: 21pt;
}

.main-body .f22pt {
    font-size: 22pt;
}

.main-body .f23pt {
    font-size: 23pt;
}

.main-body .f24pt {
    font-size: 24pt;
}

.main-body .ftitle {
    font-size: 2.125em;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.main-body .red {
    color: #e53935 !important;
}

.main-body .blue {
    color: #0000dd !important;
}

.main-body .green {
    color: #4caf50 !important;
}

.main-body .yellow {
    color: #ffff00 !important;
}

.main-body .navy {
    color: #3f51b5 !important;
}

.main-body .orange {
    color: #ff9800 !important;
}

.main-body .pink {
    color: #ec407a !important;
}

.main-body .purple {
    color: #9c27b0 !important;
}

.main-body .olive {
    color: #808000 !important;
}

.main-body .lime {
    color: #00ff00 !important;
}

.main-body .aqua {
    color: #00bcd4 !important;
}

.main-body .black {
    color: #000 !important;
}

.main-body .gray {
    color: #ccc !important;
}

.main-body .gray2 {
    color: #392F2C !important;
}

.main-body .white {
    color: #fff !important;
}

.main-body .brown {
    color: #6d4c33 !important;
}

.main-body .red2 {
    color: #C3002F !important;
}

.main-body .red3 {
    color: #C3002F !important;
    text-decoration: underline !important;
}

.main-body .box-yellow,
.main-body .box-orange,
.main-body .box-pink,
.main-body .box-lime,
.main-body .box-gray {
    padding: 2px;
}

.main-body .box-yellow {
    background-color: #ff6;
}

.main-body .box-orange {
    background-color: #f90;
}

.main-body .box-pink {
    background-color: #ffccff;
}

.main-body .box-lime {
    background-color: #9f9;
}

.main-body .box-gray {
    background-color: #E9E8E7;
}

.main-body .lh5 {
    line-height: 0.5 !important;
}

.main-body .lh10 {
    line-height: 1 !important;
}

.main-body .lh11 {
    line-height: 1.1 !important;
}

.main-body .lh12 {
    line-height: 1.2 !important;
}

.main-body .lh13 {
    line-height: 1.3 !important;
}

.main-body .lh14 {
    line-height: 1.4 !important;
}

.main-body .lh15 {
    line-height: 1.5 !important;
}

.main-body .lh16 {
    line-height: 1.6 !important;
}

.main-body .lh17 {
    line-height: 1.7 !important;
}

.main-body .lh18 {
    line-height: 1.8 !important;
}

.main-body .lh19 {
    line-height: 1.9 !important;
}

.main-body .lh20 {
    line-height: 2 !important;
}

.main-body .w05 {
    width: 5%;
}

.main-body .w10 {
    width: 10%;
}

.main-body .w15 {
    width: 15%;
}

.main-body .w20 {
    width: 20%;
}

.main-body .w25 {
    width: 25%;
}

.main-body .w30 {
    width: 30%;
}

.main-body .w35 {
    width: 35%;
}

.main-body .w40 {
    width: 40%;
}

.main-body .w45 {
    width: 45%;
}

.main-body .w50 {
    width: 50%;
}

.main-body .w55 {
    width: 55%;
}

.main-body .w60 {
    width: 60%;
}

.main-body .w65 {
    width: 65%;
}

.main-body .w70 {
    width: 70%;
}

.main-body .w75 {
    width: 75%;
}

.main-body .w80 {
    width: 80%;
}

.main-body .w85 {
    width: 85%;
}

.main-body .w90 {
    width: 90%;
}

.main-body .w95 {
    width: 95%;
}

.main-body .w100 {
    width: 100%;
}

.main-body .underline {
    text-decoration: underline !important;
}

.main-body .del {
    text-decoration: line-through;
}

.main-body .noborder {
    border: 0 !important;
}

.main-body .z1 {
    z-index: 1 !important;
}

.main-body .z2 {
    z-index: 2 !important;
}

.main-body .z3 {
    z-index: 3 !important;
}

.main-body .z4 {
    z-index: 4 !important;
}

.main-body .z5 {
    z-index: 5 !important;
}

.main-body .z10 {
    z-index: 10 !important;
}

.main-body .z20 {
    z-index: 20 !important;
}

.main-body .z30 {
    z-index: 30 !important;
}

.main-body .z40 {
    z-index: 40 !important;
}

.main-body .z50 {
    z-index: 50 !important;
}

.main-body .inline {
    margin: 1em 0;
    padding: 0;
}

.main-body .inline li {
    display: inline;
    list-style-type: none;
}

.main-body .none {
    margin: 1em 0;
    padding: 0;
}

.main-body .none li {
    list-style-type: none;
}

.main-body .icon-point {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-point.png) left 3px no-repeat;
}

.main-body .icon-point-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-point-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-point {
        background: url(../images/icon/icon-point@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-point-l {
        background: url(../images/icon/icon-point-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-caution {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-caution.png) left 3px no-repeat;
}

.main-body .icon-caution-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-caution-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-caution {
        background: url(../images/icon/icon-caution@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-caution-l {
        background: url(../images/icon/icon-caution-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-new {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-new.png) left 3px no-repeat;
}

.main-body .icon-new-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-new-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-new {
        background: url(../images/icon/icon-new@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-new-l {
        background: url(../images/icon/icon-new-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-wakaba {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-wakaba.png) left 3px no-repeat;
}

.main-body .icon-wakaba-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-wakaba-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-wakaba {
        background: url(../images/icon/icon-wakaba@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-wakaba-l {
        background: url(../images/icon/icon-wakaba-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-blank {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-blank.png) left 3px no-repeat;
}

.main-body .icon-blank-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-blank-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-blank {
        background: url(../images/icon/icon-blank@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-blank-l {
        background: url(../images/icon/icon-blank-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-arrow-t {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-arrow-t.png) left 3px no-repeat;
}

.main-body .icon-arrow-t-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-arrow-t-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-arrow-t {
        background: url(../images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-arrow-t-l {
        background: url(../images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-arrow-r {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-arrow-r.png) left 3px no-repeat;
}

.main-body .icon-arrow-r-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-arrow-r-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-arrow-r {
        background: url(../images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-arrow-r-l {
        background: url(../images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-arrow-b {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-arrow-b.png) left 3px no-repeat;
}

.main-body .icon-arrow-b-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-arrow-b-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-arrow-b {
        background: url(../images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-arrow-b-l {
        background: url(../images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-arrow-l {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-arrow-l.png) left 3px no-repeat;
}

.main-body .icon-arrow-l-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-arrow-l-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-arrow-l {
        background: url(../images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-arrow-l-l {
        background: url(../images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-dl {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-dl.png) left 3px no-repeat;
}

.main-body .icon-dl-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-dl-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-dl {
        background: url(../images/icon/icon-dl@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-dl-l {
        background: url(../images/icon/icon-dl-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-pdf {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-pdf.png) left 3px no-repeat;
}

.main-body .icon-pdf-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-pdf-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-pdf {
        background: url(../images/icon/icon-pdf@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-pdf-l {
        background: url(../images/icon/icon-pdf-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-zip {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-zip.png) left 3px no-repeat;
}

.main-body .icon-zip-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-zip-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-zip {
        background: url(../images/icon/icon-zip@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-zip-l {
        background: url(../images/icon/icon-zip-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-mail {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-mail.png) left 3px no-repeat;
}

.main-body .icon-mail-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-mail-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-mail {
        background: url(../images/icon/icon-mail@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-mail-l {
        background: url(../images/icon/icon-mail-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-cart {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-cart.png) left 3px no-repeat;
}

.main-body .icon-cart-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-cart-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-cart {
        background: url(../images/icon/icon-cart@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-cart-l {
        background: url(../images/icon/icon-cart-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-search {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-search.png) left 3px no-repeat;
}

.main-body .icon-search-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-search-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-search {
        background: url(../images/icon/icon-search@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-search-l {
        background: url(../images/icon/icon-search-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-home {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-home.png) left 3px no-repeat;
}

.main-body .icon-home-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-home-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-home {
        background: url(../images/icon/icon-home@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-home-l {
        background: url(../images/icon/icon-home-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-folder {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-folder.png) left 3px no-repeat;
}

.main-body .icon-folder-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-folder-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-folder {
        background: url(../images/icon/icon-folder@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-folder-l {
        background: url(../images/icon/icon-folder-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-time {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-time.png) left 3px no-repeat;
}

.main-body .icon-time-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-time-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-time {
        background: url(../images/icon/icon-time@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-time-l {
        background: url(../images/icon/icon-time-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-calendar {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-calendar.png) left 3px no-repeat;
}

.main-body .icon-calendar-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-calendar-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-calendar {
        background: url(../images/icon/icon-calendar@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-calendar-l {
        background: url(../images/icon/icon-calendar-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-rss {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-rss.png) left 3px no-repeat;
}

.main-body .icon-rss-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-rss-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-rss {
        background: url(../images/icon/icon-rss@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-rss-l {
        background: url(../images/icon/icon-rss-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-building {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-building.png) left 3px no-repeat;
}

.main-body .icon-building-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-building-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-building {
        background: url(../images/icon/icon-building@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-building-l {
        background: url(../images/icon/icon-building-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .icon-map {
    padding: 0 0 0 30px;
    background: url(../images/icon/icon-map.png) left 3px no-repeat;
}

.main-body .icon-map-l {
    padding: 10px 0 10px 60px;
    background: url(../images/icon/icon-map-l.png) left top no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .icon-map {
        background: url(../images/icon/icon-map@2x.png) left 3px no-repeat;
        background-size: 24px 24px;
    }
    .main-body .icon-map-l {
        background: url(../images/icon/icon-map-l@2x.png) left top no-repeat;
        background-size: 48px 48px;
    }
}

.main-body .outbound {
    padding: 3px;
    padding-left: 15px;
    background: url(../images/icon/icon-outbound-link.png) left center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .main-body .outbound {
        background: url(../images/icon/icon-outbound-link@2x.png) left center no-repeat;
        background-size: 12px 13px;
    }
}

.main-body ul.pr-list a {
    color: #392F2C !important;
    text-decoration: underline;
}

.main-body .site-header-conts:after,
.main-body .main-body-in:after,
.main-body .article-body:after,
.main-body .section-in:after,
.main-body .col4-wrap:after,
.main-body .col3-wrap:after,
.main-body .col2-wrap:after,
.main-body .news-item:after,
.main-body .related-articles-thumbs01 li:after,
.main-body .btn-area:after,
.main-body .page-nav-bf:after,
.main-body .navigation:after,
.main-body .clearfix:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}

.main-body .main_pop {
    position: fixed;
    right: 1%;
    bottom: 1%;
    z-index: 100;
    display: none;
    width: 380px;
    height: 300px;
    background: #fff no-repeat top;
}

.main-body *,
.main-body *:after,
.main-body *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.main-body .main_pop .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 20px;
    width: 20px;
    height: 20px;
}

.main-body a:link {
    text-decoration: none;
}

.main-body .main_pop .pop_top {
    padding-bottom: 10px;
}

.main-body .main_pop .btn_cookie {
    position: absolute;
    right: 10px;
    bottom: 7px;
    display: block;
    color: #fff;
    font-size: 16px;
}

.main-body a:link {
    text-decoration: none;
}

@media only screen and (min-width: 751px) {
    .main-body .spmenu {
        display: none;
    }
}

.main-body .menu_tenpo {
    margin: 0 auto;
    width: 80%;
}

.main-body .menu_tenpo_box {
    display: inline-block;
    margin: 0;
    padding: 0.2em 0.5em;
    background: #382E2B;
    color: #fff;
    /*背景色*/
    font-size: 0.8em;
}

.main-body .menu_tenpo_box p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 0.8em;
}

@media only screen and (max-width: 1000px) {
    .main-body .menu_tenpo {
        width: 90%;
    }
}

.main-body span.wpcf7-list-item {
    display: block;
    margin-left: 0.5em;
}

.main-body .wpcf7-select {
    padding: 5px;
    border: 1px solid #E9E8E7;
    font-size: 12pt;
    line-height: 2em;
}

.main-body input[type="checkbox"], .main-body input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #E9E8E7;
}

.main-body .wpcf7-form-control-wrap {
    position: inherit;
}

.main-body form.sent p {
    display: none;
}

.main-body form.sent input[type="image"] {
    display: none;
}

.main-body .page-id-27 .col3-wrap {
    margin: 0;
}

.main-body ul.tenpo_nav li {
    display: inline-block;
    margin-bottom: 0.1em;
    padding: 0 1em 0 0;
}

.main-body .top_line {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.main-body .allergy {
    margin: 0 0 0 15px;
}

.main-body ul.allergy li {
    list-style: square;
}

.main-body .menu_allergy {
    margin: 0;
    width: 100%;
    text-align: center;
}

.main-body .menu_allergy_box {
    display: inline-block;
    margin: 0;
    padding: 0.2em 0.5em;
    background: #BC1A29;
    color: #fff;
    font-size: 0.8em;
}

.main-body .menu_allergy_box p {
    margin: 0;
    padding: 0;
    color: #fff;
}

.main-body ul.allergy a {
    color: #C3002F !important;
    text-decoration: underline;
}

.main-body .tabs {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
}

.main-body .tab_item {
    display: block;
    float: left;
    width: calc(100%/2);
    height: 40px;
    background-color: #eeedec;
    color: #565656;
    text-align: center;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.main-body .tab_item:hover {
    opacity: 0.75;
}

.main-body input[name="tab_item"] {
    display: none;
}

.main-body .tab_content {
    display: none;
    clear: both;
    overflow: hidden;
    padding: 40px 0 0;
}

.main-body #all:checked ~ #all_content,
.main-body #programming:checked ~ #programming_content,
.main-body #design:checked ~ #design_content {
    display: block;
}

.main-body .tabs input:checked + .tab_item {
    background-color: #BC1A29;
    color: #fff;
}

.main-body .sent .general {
    display: none;
}

.main-body input.wpcf7c-btn-confirm,
.main-body input.wpcf7c-btn-back,
.main-body input.wpcf7-submit {
    padding: 0.3em 5em;
    background: #eeeeec;
    color: #565656;
    text-decoration: none;
    font-weight: bold;
}

.main-body input.wpcf7c-btn-confirm:hover,
.main-body input.wpcf7c-btn-back:hover,
.main-body input.wpcf7-submit:hover {
    padding: 0.3em 5em;
    background: #BC1A29;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.main-body input[name="text-762"],
.main-body input[name="text-763"],
.main-body input[name="text-764"],
.main-body input[name="text-795"] {
    width: 200px !important;
}

@media only screen and (max-width: 764px) {
    .main-body .tabs {
        width: 100%;
    }
}

.main-body .txt-s {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 0.8em;
    line-height: 1.3;
}

@media only screen and (max-width: 1200px) {
    .main-body {
        /*ヘッダー右側の要素*/
        /*吹き出し*/
    }
    .main-body body:not(.home) .site-header-in,
    .main-body body:not(.home) .main-body-in,
    .main-body body:not(.home) .site-footer-in {
        margin: auto;
        width: 100%;
    }
    .main-body body:not(.home) .global-nav-in {
        float: right;
        margin: auto;
        max-width: 100%;
    }
    .main-body body:not(.home) .main-image-in,
    .main-body body:not(.home) .main-image-in-text,
    .main-body body:not(.home) .main-image-in-text .main-image-in-text-cont,
    .main-body body:not(.home) .main-image-in-text.wide .main-image-in-text-cont {
        width: 100%;
    }
    .main-body .site-header-in,
    .main-body .main-body-in,
    .main-body .site-footer-in {
        margin: auto;
        width: 100%;
    }
    .main-body .header-box2 {
        position: absolute;
        top: 30px;
        right: 0;
        display: table-cell;
        vertical-align: top;
        text-align: right;
    }
    .main-body .header-box2 img {
        max-height: 35px;
    }
    .main-body .global-nav-in {
        float: left;
        margin: auto;
        max-width: 100%;
        width: 100%;
    }
    .main-body .global-nav-in ul {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }
    .main-body ul.topnav {
        position: relative;
        float: left;
        margin-bottom: 0;
        padding: 0;
        max-width: 100%;
        list-style: none;
        font-size: 1.2em;
    }
    .main-body ul.topnav li {
        float: left;
        margin: 0;
        padding: 0;
    }
    .main-body ul.topnav li a {
        display: block;
        padding: 10px 15px;
        color: #444;
        text-decoration: none;
    }
    .main-body ul.topnav > li > a {
        height: 55px;
    }
    .main-body ul.topnav li:hover {
        -webkit-transition-delay: 3s;
        transition-delay: 3s;
    }
    .main-body ul.topnav li ul {
        position: absolute;
        top: 53px;
        left: 0;
        display: none;
        float: left;
        padding: 0;
        max-width: 100%;
        color: #fff;
        list-style-type: none;
    }
    .main-body ul.topnav li:hover > ul {
        position: absolute;
        top: 53px;
        left: 0;
        z-index: 999;
        display: block !important;
        padding: 0;
        color: #fff;
        -webkit-transition-delay: 3s;
        transition-delay: 3s;
    }
    .main-body ul.topnav li:hover > ul li a {
        padding: 10px 15px;
    }
    .main-body ul.topnav li > ul a {
        display: inline;
        padding: 10px 15px;
        color: #fff;
    }
    .main-body ul.topnav li > ul a:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition-delay: 3s;
        transition-delay: 3s;
    }
    .main-body ul.topnav li.current-menu-item ul {
        display: block;
        color: #fff;
    }
    .main-body ul.topnav:hover li.current-menu-item ul {
        display: none;
        color: #fff;
    }
    .main-body ul.topnav li.current-menu-parent ul {
        display: block;
        color: #fff;
    }
    .main-body ul.topnav:hover li.current-menu-parent ul {
        display: none;
        color: #fff;
    }
    .main-body .home ul.topnav li ul {
        display: none;
        color: #fff;
    }
    .main-body .main-image-in,
    .main-body .main-image-in-text,
    .main-body .main-image-in-text .main-image-in-text-cont,
    .main-body .main-image-in-text.wide .main-image-in-text-cont {
        width: 100%;
    }
    .main-body .col1 .section-wrap,
    .main-body .col1 .breadcrumbs,
    .main-body .col1 .section-wrap.wide .section-in,
    .main-body .col1 .section-wrap.wide {
        width: auto;
    }
    .main-body .col1 .breadcrumbs-in,
    .main-body .col1 .float-area {
        margin-right: auto;
        margin-left: auto;
        width: 96%;
    }
    .main-body .bubble {
        width: 70%;
    }
    .main-body .talker {
        width: 25%;
    }
    .main-body .bubble .bubble-in:after,
    .main-body .bubble .bubble-in:before {
        top: 30px;
    }
    .main-body .together .bubble,
    .main-body .together .talker {
        width: 100%;
    }
    .main-body .together .talker b {
        max-width: 25%;
    }
    .main-body .ranking-list04 .rank-box,
    .main-body .ranking-list05 .rank-box,
    .main-body .post-list01 .post-box,
    .main-body .post-list02 .post-box {
        width: 100%;
    }
    .main-body .col1 .ranking-list05 .rank-box,
    .main-body .col1 .post-list02 .post-box {
        width: 320px;
    }
    .main-body .p150 {
        padding: 150px !important;
    }
    .main-body .p150-t {
        padding-top: 150px !important;
    }
    .main-body .p150-r {
        padding-right: 150px !important;
    }
    .main-body .p150-b {
        padding-bottom: 150px !important;
    }
    .main-body .p150-l {
        padding-left: 150px !important;
    }
}

@media only screen and (max-width: 1060px) {
    .main-body h2.txt {
        margin: 68px 0 20px;
        padding: 0;
        color: #392F2C;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body h2.txt img {
        width: 6%;
    }
    .main-body h2.txt2 {
        margin: 40px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt {
        margin: 68px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt2 {
        margin: 40px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
}

@media (min-width: 751px) and (max-width: 950px) {
    .main-body {
        /*ランキング*/
        /*記述リスト 横並び*/
    }
    .main-body .container {
        position: relative;
        background-color: #fff;
    }
    .main-body .col2 .sub-conts .ranking-list03 .rank-thumb,
    .main-body .col2r .sub-conts .ranking-list03 .rank-thumb,
    .main-body .col2 .comparative-list01 .rank-thumb,
    .main-body .col2 .comparative-list02 .rank-thumb,
    .main-body .col2r .comparative-list01 .rank-thumb,
    .main-body .col2r .comparative-list02 .rank-thumb {
        float: none;
    }
    .main-body .col2 .comparative-list01 .rank-thumb,
    .main-body .col2 .comparative-list02 .rank-thumb,
    .main-body .col2r .comparative-list01 .rank-thumb,
    .main-body .col2r .comparative-list02 .rank-thumb {
        display: inline-block;
    }
    .main-body .col1 .ranking-list04 li,
    .main-body .col1 .ranking-list05 li,
    .main-body .col1 .post-list01 li,
    .main-body .col1 .post-list02 li {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .main-body .col1 .ranking-list04 .rank-box,
    .main-body .col1 .ranking-list05 .rank-box,
    .main-body .col1 .post-list01 .post-box,
    .main-body .col1 .post-list02 .post-box {
        width: 320px;
    }
    .main-body .col1 .banner-list li {
        display: list-item;
        margin-left: 0;
    }
    .main-body .p150 {
        padding: 20px !important;
    }
    .main-body .p150-t {
        padding-top: 20px !important;
    }
    .main-body .p150-r {
        padding-right: 20px !important;
    }
    .main-body .p150-b {
        padding-bottom: 20px !important;
    }
    .main-body .p150-l {
        padding-left: 20px !important;
    }
    .main-body body:not(.home) .global-nav-in {
        float: right;
        margin: auto;
        max-width: 100%;
    }
    .main-body .global-nav-in {
        float: right;
        margin: auto;
        max-width: 100%;
    }
    .main-body .dl-style01 dt,
    .main-body .dl-style01 dd {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
    }
    .main-body .dl-style01 dt {
        display: block;
        float: left;
        clear: both;
        width: 25%;
        font-weight: bold;
    }
    .main-body .dl-style01 dd {
        padding-left: 30%;
    }
    .main-body h2.txt {
        margin: 68px 0 20px;
        padding: 0;
        color: #392F2C;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body h2.txt img {
        width: 6%;
    }
    .main-body h2.txt2 {
        margin: 40px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt2 {
        margin: 40px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .global-nav-in {
        float: left;
        margin: auto;
        width: 100%;
    }
    .main-body ul.topnav {
        position: relative;
        float: left;
        margin-bottom: 0;
        padding: 0;
        width: calc(100% - 10px);
        list-style: none;
        font-size: 0.9em;
    }
    .main-body ul.topnav img {
        max-width: 80%;
        max-height: 80%;
    }
    .main-body ul.topnav li {
        float: left;
        margin: 0;
        padding: 0;
    }
    .main-body ul.topnav li a {
        display: block;
        padding: 10px 0px;
        color: #444;
        text-decoration: none;
    }
    .main-body ul.topnav > li > a {
        height: 55px;
    }
    .main-body ul.topnav li ul {
        position: absolute;
        top: 53px;
        left: 0;
        display: none;
        float: left;
        padding: 0;
        width: 100%;
        color: #fff;
        list-style-type: none;
    }
    .main-body ul.topnav li ul img {
        max-width: 80%;
        max-height: 80%;
    }
    .main-body ul.topnav li:hover > ul li a {
        padding: 0;
    }
    .main-body ul.topnav li > ul a {
        display: inline;
        padding: 0;
        color: #fff;
    }
    .main-body ul.sub-menu {
        list-style-type: none;
    }
}

@media only screen and (max-width: 750px) {
    .main-body {
        /*ヘッダー*/
        /*ヘッダー右側の要素*/
        /*グローバルナビ*/
        /*Retina（高解像度）ディスプレイ用*/
    }
    .main-body html,
    .main-body body,
    .main-body .containr {
        min-width: 0;
    }
    .main-body .container {
        position: relative;
        background-color: #fff;
    }
    .main-body .main-image {
        margin: 0.8em 0 0;
    }
    .main-body #area_hoge2 {
        display: none;
    }
    .main-body html {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .main-body html, .main-body body {
        width: 100%;

        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    .main-body textarea, .main-body input {
        max-width: 95%;
    }
    .main-body input[type="submit"], .main-body input[type="image"],
    .main-body input[type="reset"], .main-body input[type="button"],
    .main-body input[type="file"] {
        max-width: none;
    }
    .main-body blockquote {
        position: relative;
        margin: 2em 0;
        padding: 115px 20px 80px;
        background: #eee;
    }
    .main-body body:not(.home) .site-header-in,
    .main-body body:not(.home) .global-nav-in,
    .main-body body:not(.home) .main-body-in,
    .main-body body:not(.home) .site-footer-in {
        width: 100%;
    }
    .main-body .site-header-in,
    .main-body .main-body-in,
    .main-body .site-footer-in {
        width: 100%;
    }
    .main-body body:not(.home) .global-nav-in {
        width: 100%;
    }
    .main-body .global-nav-in {
        width: 100%;
    }
    .main-body .col2 .main-conts,
    .main-body .col2 .sub-conts,
    .main-body .col2r .main-conts,
    .main-body .col2r .sub-conts {
        float: none;
        width: auto;
    }
    .main-body .site-header-conts,
    .main-body .site-title
.header-splogo,
    .main-body .header-box {
        display: block;
    }
    .main-body .smptopbg {
        position: fixed;
        top: 0;
        z-index: 9999;
        display: block;
        width: 100%;
        height: 60px;
        background-color: #fff;
    }
    .main-body .header-splogo {
        position: fixed;
        top: 0;
        z-index: 9999;
        margin-top: 12px;
        margin-left: 45px;
        padding-top: 0;
        vertical-align: middle;
        text-align: left;
    }
    .main-body .header-splogo img {
        max-width: 158px !important;
        max-height: 34px;
    }
    .main-body .header-box {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        margin-top: 10px;
        padding-top: 0;
        vertical-align: middle;
        text-align: right;
    }
    .main-body .header-box img {
        max-height: 35px;
    }
    .main-body .header-box2 {
        display: none;
    }
    .main-body .spNone {
        display: none;
    }
    .main-body .site-header-conts {
        padding-top: 0;
    }
    .main-body .no-gn .site-header-conts {
        padding-top: 0;
    }
    .main-body .site-header-conts {
        padding-bottom: 10px;
    }
    .main-body .site-title {
        padding: 15px 15px 0;
        font-size: 1.4em;
    }
    .main-body .normal-screen .site-title {
        font-size: 2em;
    }
    .main-body .normal-screen .lp-catch {
        padding: 15px 15px 0;
        font-size: 1em;
    }
    .main-body .site-header-in {
        position: relative;
        padding-bottom: 1em;
        height: 50px;
        border-bottom: none;
    }
    .main-body .global-nav {
        position: absolute;
        top: 0;
        margin: 0;
        width: 100%;
        height: auto;
        border: 0;
    }
    .main-body .global-nav ul {
        position: absolute;
        top: 50px;
        left: 10px;
        z-index: 50;
        display: none;
        width: 80%;
        border: 0;
        background: #BC1A29;
    }
    .main-body .global-nav-panel {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3px;
        background: #fff;
        color: #fff;
        cursor: pointer;
    }
    .main-body #menu2 {
        position: fixed;
        top: 0;
        z-index: 9999;
        display: block;
        width: 100%;
    }
    .main-body body:not(.home) {
        margin-top: 0;
    }
    .main-body .global-nav-in li {
        display: list-item;
        width: auto;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid #fff;
        background: #BC1A29;
        text-align: left;
    }
    .main-body .global-nav-in li a {
        display: list-item;
        width: auto;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid #999;
        background: #BC1A29;
        text-align: left;
    }
    .main-body .global-nav-in li a:hover,
    .main-body .global-nav-in li a:active,
    .main-body .global-nav-in li a:focus,
    .main-body .global-nav-in li:hover > a {
        display: block;
        height: auto;
        background: url(../images/common/bg-menu_on.jpg) left bottom repeat-x;
        background: #BC1A29;
        color: #fff;
    }
    .main-body .global-nav-in li ul {
        position: static;
        margin-left: 1em;
        width: auto;
    }
    .main-body .global-nav-in li ul li {
        width: auto;
        border-bottom: 0;
    }
    .main-body .global-nav-in li a,
    .main-body .global-nav li ul li a {
        padding: 1em;
        padding-right: 2em;
        background: url(../images/icon/icon-gn-arw.png) right center no-repeat;
    }
}

@media only screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 750px) and (min-resolution: 2dppx) {
    .main-body .global-nav-in li a,
    .main-body .global-nav li ul li a {
        background: url(../images/icon/icon-gn-arw@2x.png) right center no-repeat;
        background-size: 27px 18px;
    }
}

@media only screen and (max-width: 750px) {
    .main-body {
        /*--------------------------------------------------------
    メインビジュアル
    --------------------------------------------------------*/
        /*パンくずリスト*/
        /*最新情報*/
        /*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
        /*バナーエリア*/
        /*ボタン*/
        /*ソーシャルボタン*/
        /*登場人物紹介２*/
        /*ランキング*/
        /*関連記事*/
        /*段組*/
        /*段組*/
        /*記述リスト 横並び*/
    }
    .main-body .main-image-in-text-cont {
        padding: 1em;
    }
    .main-body .main-copy {
        margin-bottom: 10px;
        text-align: center;
        font-size: 2em;
    }
    .main-body .sub-copy {
        font-size: 1em;
    }
    .main-body .section-wrap,
    .main-body .col1 .section-wrap.wide {
        padding: 0;
        border: 0;
    }
    .main-body .col1 .section-wrap {
        padding: 0;
    }
    .main-body .section-wrap .section-in,
    .main-body .col1 .section-wrap.wide .section-in,
    .main-body .float-area,
    .main-body .col1 .float-area {
        padding: 0;
    }
    .main-body .col1 .sub-conts .section-wrap .section-in {
        padding: 0 20px 30px;
    }
    .main-body .section-wrap .section-in .section-title,
    .main-body .section-wrap .article-header .section-title {
        margin: -15px -15px 0;
        padding: 15px;
        font-size: 1.2em;
    }
    .main-body .sub-conts .section-wrap .section-in .section-title,
    .main-body .sub-conts .section-wrap .article-header .section-title,
    .main-body .col1 .sub-conts .section-wrap .section-in .section-title,
    .main-body .col1 .sub-conts .section-wrap .article-header .section-title {
        margin: 0 -20px 30px;
        padding: 10px 18px;
    }
    .main-body h1,
    .main-body h2,
    .main-body h3,
    .main-body h4,
    .main-body h5,
    .main-body h6 {
        margin: 0;
    }
    .main-body h1 {
        font-size: 1.5em;
    }
    .main-body h2 {
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0;
    }
    .main-body .breadcrumbs-in {
        margin-bottom: 1em;
        padding: 50px 1em 0  1em;
    }
    .main-body h2.txt {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body h2.txt img {
        width: 12%;
    }
    .main-body h2.txt2 {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt2 {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0.15em;
        font-size: 1.5em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .breadcrumbs-in li:last-child {
        display: none;
    }
    .main-body .col1 .breadcrumbs-in {
        width: auto;
    }
    .main-body .page-top img {
        width: 40px;
    }
    .main-body .news .news-thumb {
        float: none;
        text-align: center;
    }
    .main-body .news-title {
        font-size: 1.25em;
    }
    .main-body .table-block,
    .main-body .table-block thead,
    .main-body .table-block tbody,
    .main-body .table-block tfoot,
    .main-body .table-block tr,
    .main-body .table-block th,
    .main-body .table-block td {
        display: block;
    }
    .main-body .table-block {
        border-bottom: 1px solid #959595;
    }
    .main-body .table-block th,
    .main-body .table-block td {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
    }
    .main-body .table-block:after {
        display: block;
        clear: both;
        height: 0;
        content: '';
    }
    .main-body .table-scroll:before {
        content: "※はみ出ている場合、横にスクロールできます。";
    }
    .main-body .banner-list li {
        text-align: center;
    }
    .main-body .banner-list li,
    .main-body .col1 .banner-list li,
    .main-body .main-conts .banner-list li {
        display: list-item;
        margin-left: 0;
    }
    .main-body .btn-area {
        text-align: center;
    }
    .main-body .btn {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
    .main-body .btn-area .btn {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .main-body .btn-green,
    .main-body .btn-blue,
    .main-body .btn-orange,
    .main-body .btn-red {
        padding: 25px;
    }
    .main-body .btn-form01 {
        padding: 25px 40px;
    }
    .main-body .btn-form02 {
        padding: 25px 20px;
    }
    .main-body .sns-list li {
        margin-right: 1em;
        margin-left: 0;
    }
    .main-body .col1 .cast-box02 .cast {
        padding-top: 210px;
        min-height: 0;
    }
    .main-body .col1 .cast-box02 .cast-name,
    .main-body .col1 .cast-box02 .cast-profile {
        padding-left: 0;
    }
    .main-body .col1 .cast-box02 .cast .cast-headshot {
        width: 100%;
    }
    .main-body .rank-thumb {
        float: none;
    }
    .main-body .sub-conts .ranking-list03 .rank-thumb,
    .main-body .col2 .sub-conts .ranking-list03 .rank-thumb,
    .main-body .col2r .sub-conts .ranking-list03 .rank-thumb {
        float: left;
    }
    .main-body .col1 .ranking-list04 li,
    .main-body .col1 .ranking-list05 li,
    .main-body .col1 .post-list01 li,
    .main-body .col1 .post-list02 li {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .main-body .col2 .link-menu-image-thumb,
    .main-body .col2r .link-menu-image-thumb {
        float: left;
    }
    .main-body .comparative-list01 .rank-thumb,
    .main-body .comparative-list02 .rank-thumb {
        display: inline-block;
        float: none;
    }
    .main-body .ranking-list04 .rank-box,
    .main-body .ranking-list05 .rank-box,
    .main-body .post-list01 .post-box,
    .main-body .post-list02 .post-box {
        width: 320px;
    }
    .main-body .related-articles-thumbs02 li {
        float: none;
        margin-left: 0;
        width: auto;
    }
    .main-body .eye-catch {
        float: none;
        margin: 0 0 1em;
        text-align: center;
    }
    .main-body .p150 {
        padding: 0px !important;
    }
    .main-body .p150-t {
        padding-top: 0px !important;
    }
    .main-body .p150-r {
        padding-right: 0px !important;
    }
    .main-body .p150-b {
        padding-bottom: 0px !important;
    }
    .main-body .p150-l {
        padding-left: 0px !important;
    }
    .main-body .info1 {
        padding: 0 10px 15px 10px;
        background: #f1f1f1 url(../images/top11.png) no-repeat right bottom;
        color: #666;
        list-style: none;
        text-decoration: none;
        font-size: 0.95em;
    }
    .main-body .info1 a {
        display: block;
        padding: 0 10px 15px 10px;
        color: #666;
        list-style: none;
        text-decoration: none;
        font-size: 0.95em;
    }
    .main-body .info1 a:hover {
        color: #fff;
    }
    .main-body .info1:hover {
        padding: 0 10px 15px 10px;
        background: #162c7c url(../images/top11_on.png) no-repeat right bottom;
        color: #fff;
        list-style: none;
        text-decoration: none;
        font-size: 0.95em;
    }
    .main-body .info1:hover a {
        color: #fff;
    }
    .main-body .smp10-rl {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .main-body .smp20-rl {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .main-body .smp60-b {
        padding-bottom: 60px !important;
    }
    .main-body .col4-wrap,
    .main-body .col3-wrap,
    .main-body .col2-wrap {
        margin: 0 0 1em;
    }
    .main-body .col4-wrap .col,
    .main-body .col4-wrap .col_2of4,
    .main-body .col4-wrap .col_3of4,
    .main-body .col3-wrap .col,
    .main-body .col3-wrap .col_2of3,
    .main-body .col2-wrap .col {
        float: none;
        margin-left: 0;
    }
    .main-body .col4-wrap .col,
    .main-body .col4-wrap .col_2of4,
    .main-body .col4-wrap .col_3of4,
    .main-body .col3-wrap .col,
    .main-body .col3-wrap .col_2of3,
    .main-body .col2-wrap .col {
        width: auto;
    }
    .main-body .tt .col2-wrap .col {
        margin-left: 0;
        width: auto;
    }
    .main-body .tt .col3-wrap {
        margin: 0 0 1em;
        width: 100%;
    }
    .main-body .tt .col3-wrap .col {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 1%;
    }
    .main-body .tt .col3-wrap .col:first-child {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .main-body .tt .col3-wrap .col {
        width: 32.6%;
    }
    .main-body .tt .col3-wrap .col:first-child {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .main-body .page-id-27 .col3-wrap p {
        margin: 0;
    }
    .main-body .tt .col4-wrap {
        margin: 0 0 1em;
        width: 100%;
    }
    .main-body .tt .col4-wrap .col {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0.5%;
        width: 24.6%;
    }
    .main-body .tt .col4-wrap .col:first-child {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .main-body .mm .col2-wrap {
        margin: 0 0 1em;
        width: 100%;
    }
    .main-body .mm .col2-wrap .col {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0.5%;
        width: 49.7%;
    }
    .main-body .mm .col2-wrap .col:first-child {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .main-body .pcm20-l {
        padding-left: 0px !important;
    }
    .main-body .pcp10-r {
        padding-right: 0px !important;
    }
    .main-body .pcp10-l {
        padding-left: 0px !important;
    }
    .main-body .p150 {
        padding: 0px !important;
    }
    .main-body .p150-t {
        padding-top: 0px !important;
    }
    .main-body .p150-r {
        padding-right: 0px !important;
    }
    .main-body .p150-b {
        padding-bottom: 0px !important;
    }
    .main-body .p150-l {
        padding-left: 0px !important;
    }
    .main-body .p50-r {
        padding-right: 20px !important;
    }
    .main-body .p50-l {
        padding-left: 20px !important;
    }
    .main-body .pcmenu {
        display: none;
    }
    .main-body .spmenu {
        display: inherit;
    }
    .main-body .home .p30-t {
        padding-top: 10px !important;
    }
    .main-body .tt .m5-b {
        margin-bottom: 0px !important;
    }
    .main-body .m0-b {
        margin-bottom: 0px !important;
    }
    .main-body .m10-b {
        margin-bottom: 5px !important;
    }
    .main-body .m20-b {
        margin-bottom: 20px !important;
    }
    .main-body .m40-b {
        margin-bottom: 30px !important;
    }
    .main-body .m60-b {
        margin-bottom: 30px !important;
    }
    .main-body .m90-b {
        margin-bottom: 45px !important;
    }
    .main-body .m60-t {
        margin-top: 30px !important;
    }
    .main-body .smp5-b {
        margin-bottom: 5px !important;
    }
    .main-body .smp5-t {
        margin-top: 5px !important;
    }
    .main-body .smp10-rl {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .main-body .smp20-rl {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .main-body .tt {
        line-height: 1.0;
    }
    .main-body input.wpcf7-form-control {
        width: 96%;
    }
    .main-body .wpcf7-select {
        width: 100%;
    }
    .main-body .dl-style01 dt,
    .main-body .dl-style01 dd {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
    }
    .main-body .dl-style01 dt {
        display: block;
        float: left;
        clear: both;
        width: 35%;
        font-weight: bold;
    }
    .main-body .dl-style01 dd {
        padding-left: 40%;
    }
    .main-body #seasonal,
    .main-body #t01,
    .main-body #t02,
    .main-body #t03,
    .main-body #t04,
    .main-body #t05,
    .main-body #t06,
    .main-body #t07,
    .main-body #t08,
    .main-body #t09,
    .main-body #t10,
    .main-body #t11,
    .main-body #t12,
    .main-body #t13,
    .main-body #t14,
    .main-body #t15,
    .main-body #t16,
    .main-body #t17,
    .main-body #t18,
    .main-body #t19,
    .main-body #t20,
    .main-body #t11,
    .main-body #t22,
    .main-body #t23,
    .main-body #t24,
    .main-body #t25,
    .main-body #t26,
    .main-body #t27,
    .main-body #t28,
    .main-body #t29,
    .main-body #t30,
    .main-body #t31,
    .main-body #t32,
    .main-body #t33,
    .main-body #t34,
    .main-body #t35,
    .main-body #t36,
    .main-body #t37,
    .main-body #t38,
    .main-body #t39,
    .main-body #t40,
    .main-body #t41,
    .main-body #t42,
    .main-body #t43,
    .main-body #t44,
    .main-body #t45,
    .main-body #t46,
    .main-body #t47,
    .main-body #t48,
    .main-body #t49,
    .main-body #t50,
    .main-body #t001,
    .main-body #t002,
    .main-body #t003,
    .main-body #t004,
    .main-body #t005,
    .main-body #t006,
    .main-body #t007,
    .main-body #t008,
    .main-body #t009,
    .main-body #t010,
    .main-body #t011,
    .main-body #t012,
    .main-body #t013,
    .main-body #t014,
    .main-body #t015,
    .main-body #drink,
    .main-body #japan,
    .main-body #world,
    .main-body #r01,
    .main-body #r02,
    .main-body #r03,
    .main-body #r04,
    .main-body #r05,
    .main-body #r06,
    .main-body #r07,
    .main-body #r08,
    .main-body #r09,
    .main-body #r10,
    .main-body #r11,
    .main-body #r12,
    .main-body #r13,
    .main-body #r14,
    .main-body #r15,
    .main-body #r16,
    .main-body #r17,
    .main-body #r18,
    .main-body #r19,
    .main-body #r20,
    .main-body #r21,
    .main-body #r22,
    .main-body #r23,
    .main-body #r24,
    .main-body #r25,
    .main-body #r26,
    .main-body #r27,
    .main-body #r28,
    .main-body #r29,
    .main-body #r30,
    .main-body #r31,
    .main-body #r32,
    .main-body #r33,
    .main-body #r34,
    .main-body #r35,
    .main-body #r36,
    .main-body #r37,
    .main-body #r38,
    .main-body #r39,
    .main-body #r40,
    .main-body #r41,
    .main-body #r42,
    .main-body #r43,
    .main-body #r44,
    .main-body #r45,
    .main-body #r46,
    .main-body #r47,
    .main-body #r48,
    .main-body #r49,
    .main-body #r50,
    .main-body #f01,
    .main-body #m01,
    .main-body #p01 {
        margin-top: -60px;
        /* 固定ナビの高さ分のネガティブマージン */
        padding-top: 60px;
        /* 打ち消し用のパディング */
    }
    .main-body .width100 {
        width: 100% !important;
    }
    .main-body .sp-hide {
        display: none !important;
    }
}

@media screen and (min-width: 751px) {
    .main-body .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 990px) {
    .main-body .pc-s-hide {
        display: none !important;
    }
}

@media screen and (min-width: 990px) {
    .main-body .pc-l-hide {
        display: none !important;
    }
}

@media only screen and (max-width: 480px) {
    .main-body {
        /*段組*/
    }
    .main-body h1,
    .main-body h2 {
        font-size: 0.8em;
    }
    .main-body .col4-wrap,
    .main-body .col3-wrap,
    .main-body .col2-wrap {
        margin: 0 0 1em;
    }
    .main-body .col4-wrap .col,
    .main-body .col4-wrap .col_2of4,
    .main-body .col4-wrap .col_3of4,
    .main-body .col3-wrap .col,
    .main-body .col3-wrap .col_2of3,
    .main-body .col2-wrap .col {
        float: none;
        margin-left: 0;
    }
    .main-body .col4-wrap .col,
    .main-body .col4-wrap .col_2of4,
    .main-body .col4-wrap .col_3of4,
    .main-body .col3-wrap .col,
    .main-body .col3-wrap .col_2of3,
    .main-body .col2-wrap .col {
        width: auto;
    }
    .main-body .tt .col2-wrap .col {
        width: auto;
    }
    .main-body h2.txt {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0em;
        font-size: 1.1em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body h2.txt img {
        width: 12%;
    }
    .main-body h2.txt2 {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0em;
        font-size: 1.1em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0em;
        font-size: 1.1em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body .txt2 {
        margin: 30px 0 20px;
        padding: 0;
        color: #392F2C;
        letter-spacing: 0em;
        font-size: 1.1em;
        font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    }
    .main-body h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #392F2C;
        font-size: 13pt;
    }
    .main-body .left,
    .main-body .right {
        float: none;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }
    .main-body .alignleft,
    .main-body .alignright {
        float: none;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }
    .main-body .ranking-list04 .rank-box,
    .main-body .ranking-list05 .rank-box,
    .main-body .post-list01 .post-box,
    .main-body .post-list02 .post-box,
    .main-body .col1 .ranking-list05 .rank-box,
    .main-body .col1 .post-list02 .post-box {
        width: 100%;
    }
}

.main-body .tac {
    text-align: center;
}

.main-body .rt-center {
    text-align: center !important;
}

.main-body .link-underline {
    text-decoration: underline !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body .link-underline:hover {
    opacity: 0.8;
}

.main-body .footer {
    background-color: #eae9e8;
}

.main-body .footer-container {
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 100px;
    max-width: 940px;
    border-top: none !important;
    background-color: #eae9e8;
}

@media screen and (max-width: 750px) {
    .main-body .footer-container {
        padding: 0 9.375vw;
        padding-top: 18.75vw;
    }
}

.main-body .footer-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 900px) {
    .main-body .footer-list-wrap {
        display: block;
        padding: 0 20px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .footer-list-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        margin-bottom: 12.5vw;
        padding: 0;

        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.main-body .footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 900px) {
    .main-body .footer-list {
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 750px) {
    .main-body .footer-list {
        display: block;
    }
}

.main-body .footer-list__item {
    margin-right: 60px;
}

@media screen and (max-width: 900px) {
    .main-body .footer-list__item {
        margin-right: 50px;
        margin-bottom: 50px;
        width: 160px;
    }
    .main-body .footer-list--2 .footer-list__item:last-of-type {
        margin-right: 0;
    }
}

.main-body .footer-list--3 .footer-list__item:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 750px) {
    .main-body .footer-list__item {
        margin-top: 4.6875vw;
        margin-right: 0;
        width: auto;
    }
}

.main-body .footer-list__link {
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.main-body .footer-list__link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .footer-list__link {
        font-size: 4.0625vw;
    }
}

.main-body .footer-list-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 900px) {
    .main-body .footer-list-1 {
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.main-body .footer-sub-list {
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    .main-body .footer-sub-list {
        margin-top: 2.34375vw;
    }
}

.main-body .footer-sub-list__item {
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.main-body .footer-sub-list__link {
    font-size: 12px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.main-body .footer-sub-list__link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .footer-sub-list__link {
        font-size: 3.125vw;
    }
}

.main-body .footer-logo {
    margin: 0 auto;
    width: 65px;
}

@media screen and (max-width: 750px) {
    .main-body .footer-logo {
        width: 18.75vw;
    }
}

.main-body .footer-policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-left: 3.33333vw;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .main-body .footer-policy {
        margin-top: 6.25vw;
        margin-bottom: 1.5625vw;
        padding-left: 0;
    }
}

.main-body .footer-policy__item {
    position: relative;
    margin: 0;
    margin-right: 40px;
}

@media screen and (max-width: 750px) {
    .main-body .footer-policy__item {
        margin-right: 6.25vw;
    }
}

.main-body .footer-policy__item:after {
    position: absolute;
    top: 0.2em;
    right: -30px;
    content: "／";
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .footer-policy__item:after {
        top: 0.1em;
        right: -4.6875vw;
        font-size: 3.75vw;
    }
    .main-body .android .footer-policy__item:after {
        top: 0.2em;
    }
}

.main-body .footer-policy__item:last-of-type {
    margin-right: 0;
}

.main-body .footer-policy__item:last-of-type:after {
    content: none;
}

.main-body .footer-policy__link {
    font-size: 12px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.main-body .footer-policy__link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .footer-policy__link {
        font-size: 3.125vw;
    }
}

.main-body .footer-copy {
    padding-top: 10px;
    padding-bottom: 50px;
    border-top: 1px solid;
}

@media screen and (max-width: 750px) {
    .main-body .footer-copy {
        padding-top: 1.5625vw;
        /*padding-bottom: 18.75vw;*/
        padding-bottom: 35vw;
    }
}

.main-body .footer-copy__txt {
    text-align: center;
    font-size: 12px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 750px) {
    .main-body .footer-copy__txt {
        font-size: 3.125vw;
    }
}

.main-body .wpcf7-submit {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .wpcf7-submit {
        margin-top: 5vw;
    }
}

.main-body .form__link {
    text-decoration: underline !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body .form__link:hover {
    opacity: 0.8;
}

.main-body .contact-red-txt {
    margin: 50px 0;
    color: #f00;
}

@media screen and (max-width: 750px) {
    .main-body .contact-red-txt {
        margin: 5vw 0;
    }
}

@media screen and (max-width: 900px) {
    .main-body .site-title {
        min-width: 100px;
        width: 19.16667vw;
    }
    .main-body .site-title img {
        vertical-align: inherit;
    }
}

@media screen and (max-width: 900px) {
    .main-body .topnav {
        margin-left: 10px !important;
    }
    .main-body .menu-item {
        margin-right: 1.25vw !important;
    }
}

.main-body .menu-item a {
    font-weight: bold;
    font-size: 14px;
}

.main-body .sub-menu .menu-item a {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .sub-menu .menu-item a {
        color: #392F2C;
    }
}

@media screen and (max-width: 750px) {
    .main-body .sub-menu .menu-item:first-child {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .main-body .sub-menu {
        top: 57px !important;
    }
}

@media screen and (max-width: 750px) {
    .main-body .sub-menu {
        padding-top: 0;
    }
}

.main-body .menu-item-135 {
    display: block !important;
}

.main-body .js-tel-disabled {
    outline: none;
    cursor: default;
}

.main-body .menu-kv {
    margin-bottom: 5px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-kv {
        margin-bottom: 0.46875vw;
    }
}

.main-body .menu-kv img {
    width: 100%;
}

.main-body .mod-btn {
    display: block;
    margin: 0 auto;
    width: 345px;
    height: 55px;
    border: 1px solid #c32032;
    color: #c32032;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
}

@media screen and (max-width: 750px) {
    .main-body .mod-btn {
        width: 100%;
        height: 15.625vw;
        font-size: 4.0625vw;
        line-height: 15.625vw;
    }
}

.main-body .mod-btn:hover {
    background-color: #c32032;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .main-body .find-btn {
        margin: 10.9375vw 12.5vw;
    }
}

.main-body .anchor-target {
    border: none;
}

@media screen and (max-width: 750px) {
    .main-body .anchor-target {
        margin-top: -60px;
        padding-top: 60px;
    }
}

.main-body .anchor-target-drink {
    border: none;
}

@media screen and (max-width: 750px) {
    .main-body .anchor-target-drink {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

.main-body .txt-red-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px;
    max-width: 820px;
    border: 1px solid #c32032;
}

@media screen and (max-width: 750px) {
    .main-body .txt-red-box {
        padding: 3vw;
    }
}

.main-body .txt-red-box__txt-b {
    margin-bottom: 0 !important;
    color: #c32032;
    font-weight: bold;
    font-size: 17px;
}

@media screen and (max-width: 750px) {
    .main-body .txt-red-box__txt-b {
        font-size: 3.125vw;
    }
}

.main-body .txt-red-box__txt {
    margin-bottom: 0 !important;
    color: #c32032;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .txt-red-box__txt {
        margin-top: 1vw;
        font-size: 2.8125vw;
    }
}

.main-body .ssba.ssba-wrap {
    display: none;
}

.main-body .fix-banner {
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index: 99;
    width: 220px;
    -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@media screen and (max-width: 750px) {
    .main-body .fix-banner {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    .main-body .ie .fix-banner {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.main-body .fix-banner a {
    display: block;
}

@media screen and (max-width: 750px) {
    .main-body .fix-banner a {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.main-body .fix-banner img {
    width: 100%;
}

.main-body .fix-banner.is-fixed {
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateY(0);
    transform: translate3d(0, 0, 0);
}

.main-body .fix-banner:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .main-body .fix-banner {
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .main-body .fix-banner img {
        width: 100%;
    }
}

.main-body .store-container {
    margin: 0 auto;
    padding-top: 50px;
    max-width: 900px;
    font-family: Verdana, "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 900px) {
    .main-body .store-container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5.46875vw;
    }
}

.main-body .store-ttl {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    letter-spacing: 0.1em;
    font-size: 36px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media screen and (max-width: 900px) {
    .main-body .store-ttl {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-ttl {
        margin-top: 0 !important;
        margin-bottom: 6.25vw;
        font-size: 7.8125vw !important;
    }
}

.main-body .store-link {
    float: right;
    padding: 10px 20px;
    background-color: #eae9e7;
    font-weight: bold !important;
    font-size: 12px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body .store-link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .store-link {
        display: block;
        float: none;
        margin-bottom: 15.625vw;
        padding: 2.34375vw 3.125vw;
        width: 100%;
        text-align: center;
        font-size: 3.4375vw;
    }
}

.main-body .store-menu {
    border-bottom: 1px solid #c32032;
}

.main-body .store-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .main-body .store-menu__list {
        padding-bottom: 3.125vw;
    }
}

.main-body .store-menu__item {
    margin-right: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .store-menu__item {
        margin-right: 4.6875vw;
    }
}

.main-body .store-menu__link {
    color: #c32032;
    font-weight: bold !important;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .main-body .store-menu__link {
        font-size: 4.0625vw;
    }
}

.main-body .store-menu__link:active {
    color: #c32032;
}

.main-body .store-menu__link:hover {
    color: #c32032;
    opacity: 0.8;
}

.main-body .store-red-note {
    margin-bottom: 60px;
    padding-top: 15px;
    color: #c32032;
    text-align: right;
    font-weight: bold !important;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .store-red-note {
        margin-bottom: 9.375vw;
        padding-top: 1.5625vw;
        text-align: left;
        font-size: 3.125vw;
    }
}

.main-body .area-block:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 940px) {
    .main-body .area-block {
        margin: 0 auto;
        width: 680px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .area-block {
        margin-top: -60px;
        padding-top: 60px;
        width: 100%;
    }
}

.main-body .area-block__ttl {
    margin-bottom: 70px !important;
    letter-spacing: 0.1em;
    font-size: 36px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media screen and (max-width: 750px) {
    .main-body .area-block__ttl {
        margin-bottom: 6.25vw !important;
        font-size: 7.8125vw;
    }
}

.main-body .area-block__en-ttl {
    margin-left: 1em;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .main-body .area-block__en-ttl {
        font-size: 3.75vw;
    }
}

.main-body .store-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 70px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .store-block {
        display: block;
        margin-bottom: 10.9375vw;
    }
}

.main-body .store-block__left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    width: 250px;
}

@media screen and (max-width: 800px) {
    .main-body .store-block__left {
        width: 200px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-block__left {
        padding-bottom: 1.5625vw;
        width: 100%;
    }
}

.main-body .store-block__center {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    padding-right: 50px;
    padding-left: 30px;
    width: 480px;
    border-left: 1px solid #382b20;
}

@media screen and (max-width: 940px) {
    .main-body .store-block__center {
        width: 430px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-block__center {
        padding: 1.5625vw 0 3.125vw;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        border-top: 1px solid #382b20;
        border-left: none;
    }
}

.main-body .store-block__right {
    width: 170px;
}

@media screen and (max-width: 940px) {
    .main-body .store-block__right {
        margin-top: 20px;
        margin-bottom: 50px;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-block__right {
        width: 100%;
    }
}

.main-body .store-block__right .store-block__red-txt {
    display: block;
    text-align: center;
}

.main-body .store-block__right .store-block__red-txt + p {
    display: none;
}

.main-body .store-block__name {
    margin: 0 !important;
    letter-spacing: 0.1em;
    font-weight: normal !important;
    font-size: 26px !important;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__name {
        position: static;
        font-weight: bold !important;
        font-size: 5vw !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.main-body .store-block__left .store-block__red-txt {
    display: block;
}

.main-body .store-block__left .store-block__red-txt + br:not([class]) {
    display: none;
}

.main-body .store-block__address {
    margin: 0;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__address {
        margin-bottom: 0.78125vw;
        font-size: 3.75vw;
    }
}

.main-body .store-block__red-txt {
    display: block;
    color: #c32032;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 1.3;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .main-body .store-block__red-txt {
        font-size: 3.4375vw;
    }
}

.main-body .store-block__red-txt--2 {
    display: block;
    line-height: 1.2;
}

.main-body .store-block__red-txt-line {
    border-bottom: 1px solid #c32032;
}

.main-body .store-block__red-txt-link {
    color: #c32032 !important;
    font-weight: bold !important;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__red-txt-link {
        font-size: 3.4375vw;
    }
}

.main-body .store-block__red-txt-link:hover {
    color: #c32032 !important;
    opacity: 0.8;
}

.main-body .store-block__red-txt-link:link,
.main-body .store-block__red-txt-link:linked,
.main-body .store-block__red-txt-link:active {
    color: #c32032 !important;
}

.main-body .store-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    margin-bottom: 5px;
    line-height: 1.3;

    -webkit-box-align: baseline;
    align-items: baseline;
}

.main-body .store-block__txt {
    margin: 0;
    margin-right: 2%;
    padding: 0 0.3em;
    width: 15%;
    border-right: 1px solid #382b20;
    border-left: 1px solid #382b20;
    text-align: center;
    font-weight: bold !important;
    font-size: 12px;
    line-height: 1;
}

@media screen and (max-width: 940px) {
    .main-body .store-block__txt {
        width: 18%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-block__txt {
        margin-right: 1.78571%;
        width: 18.75%;
        font-size: 3.4375vw;
    }
}

.main-body .store-block__txt-detail {
    margin: 0;
    width: 85%;
    font-weight: bold !important;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__txt-detail {
        width: 79.46429%;
        font-size: 3.75vw;
    }
}

.main-body .store-block__map-link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 15px;
    padding-left: 1em;
    width: 120px;
    height: 30px;
    background-color: #c32032;
    color: #fff !important;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__map-link {
        margin: 1.5vw 0 4vw;
        width: 39.0625vw;
        height: 8vw;
        background-size: 3.125vw auto;
        font-size: 3.4375vw;
        line-height: 8vw;
    }
}

.main-body .store-block__map-link:hover {
    color: #fff;
    opacity: 0.8;
}

.main-body .store-block__map-pin {
    position: absolute;
    top: 25%;
    left: 10%;
    display: block;
    width: 10px;
    height: auto;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__map-pin {
        top: 25%;
        width: 3.125vw;
    }
}

.main-body .store-block__delivery-txt {
    position: relative;
    margin-left: 0.5em;
    font-weight: bold !important;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .store-block__delivery-txt {
        position: relative;
        font-size: 3.75vw;
    }
}

.main-body .store-block__delivery-txt + p:not([class]) {
    display: none;
}

.main-body .store-block__delivery-list {
    margin-top: 5px;
}

@media screen and (max-width: 940px) {
    .main-body .store-block__delivery-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-block__delivery-list {
        display: block;
        margin-top: 1vw;
    }
}

.main-body .store-block__delivery-item {
    margin-bottom: 0;
}

.main-body .store-block__delivery-item a {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body .store-block__delivery-item a:hover {
    opacity: 0.8;
}

.main-body .store-block__delivery-txt:after {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #c10230;
    border-right: 2px solid #c10230;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media screen and (max-width: 750px) {
    .main-body .store-block__delivery-txt:after {
        right: -5vw;
        display: block;
        width: 3vw;
        height: 3vw;
        border-top: 1px solid #c10230;
        border-right: 1px solid #c10230;
    }
}

.main-body .mod-ttl {
    margin: 0 !important;
    text-align: center;
    font-size: 44px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    line-height: 1.2;
}

@media screen and (max-width: 750px) {
    .main-body .mod-ttl {
        font-size: 8.125vw !important;
        line-height: 1;
    }
}

.main-body .mod-ttl-ja {
    display: block;
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .mod-ttl-ja {
        font-size: 3.4375vw;
    }
}

.main-body .top-topcis {
    padding-top: 70px;
    padding-bottom: 50px;
    background-color: #f5eee6;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis {
        padding-top: 12.5vw;
        padding-bottom: 1.5625vw;
    }
}

.main-body .top-topcis + p:not([class]) {
    display: none;
}

.main-body .top-topcis__container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__container {
        padding: 0 6.25vw;
    }
}

.main-body .top-topcis__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 45px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__inner {
        display: block;
    }
}

.main-body .top-topcis__inner p:not([class]) {
    display: none;
}

.main-body .top-topcis__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-bottom: 40px;
    width: 47.44898%;
    -webkit-transition: 0.3s;
    transition: 0.3s;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__block {
        display: block;
        margin-bottom: 12.5vw;
        width: 100%;
    }
}

.main-body .top-topcis__block:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__block:hover {
        opacity: 1;
    }
}

.main-body .top-topcis__img {
    width: 49.46237%;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__img {
        width: 100%;
    }
    .main-body .top-topcis__img img {
        width: 100%;
    }
}

.main-body .top-topcis__txt-area {
    padding-top: 5px;
    width: 46.23656%;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__txt-area {
        margin-top: 2.34375vw;
        width: 100%;
    }
}

.main-body .top-topcis__date {
    margin-bottom: 0.3em;
    border-bottom: 1px solid rgba(56, 43, 32, 0.5);
    font-size: 16px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__date {
        margin-bottom: 1.5625vw;
        padding-bottom: 0.78125vw;
        font-size: 5vw;
    }
}

.main-body .top-topcis__txt {
    margin-bottom: 0;
    font-size: 14px;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .main-body .top-topcis__txt {
        font-size: 4.375vw;
    }
}

.main-body .top-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px auto 145px;
    padding: 0 20px;
    max-width: 940px;
}

@media screen and (max-width: 750px) {
    .main-body .top-link {
        display: block;
        margin: 12.5vw 6.25vw 21.875vw;
        padding: 0;
    }
}

.main-body .top-link p:not([class]) {
    display: none;
}

.main-body .top-link__img {
    width: 34.09091%;
}

@media screen and (max-width: 750px) {
    .main-body .top-link__img {
        width: 33.92857%;
    }
    .main-body .top-link__img img {
        width: 100%;
    }
}

.main-body .top-link__txt-s {
    margin: 0;
    padding-left: 30px;
    color: #fff;
    font-size: 20px;
}

@media screen and (max-width: 900px) {
    .main-body .top-link__txt-s {
        font-size: 2vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .top-link__txt-s {
        padding-left: 6.375vw;
        text-align: center;
        font-size: 3.90625vw;
    }
}

.main-body .top-link__txt {
    margin: 0;
    padding-left: 75px;
    color: #fff;
    font-size: 24px;
}

@media screen and (max-width: 900px) {
    .main-body .top-link__txt {
        font-size: 2.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .top-link__txt {
        padding-left: 16.40625vw;
        font-size: 4.6875vw;
    }
}

.main-body .top-link__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

.main-body .top-link__block {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 440px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.main-body .top-link__block:hover {
    opacity: 0.8;
}

.main-body .top-link__block:first-of-type {
    margin-right: 20px;
}

@media screen and (max-width: 750px) {
    .main-body .top-link__block:first-of-type {
        margin-right: 0;
        margin-bottom: 6.25vw;
    }
}

@media screen and (max-width: 900px) {
    .main-body .top-link__block {
        padding: 1.66667vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .top-link__block {
        padding: 3.125vw;
        width: 100%;
    }
}

.main-body .top-link__block--red {
    background-color: #c32032;
}

.main-body .top-link__block--brown {
    background-color: #382b20;
}

.main-body .top-news-section__container {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 940px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .top-news-section__container {
        display: block;
        padding: 0;
    }
}

.main-body .top-news {
    padding-bottom: 100px;
    max-width: 430px;
    width: 48%;
}

@media screen and (max-width: 750px) {
    .main-body .top-news {
        margin-bottom: 30vw;
        padding: 0 6.25vw;
        max-width: 100%;
        width: 100%;
    }
}

.main-body .top-news + p:not([class]) {
    display: none;
}

.main-body .top-news__link {
    display: block;
    margin: 0 auto;
    width: 190px;
    height: 50px;
    border: 1px solid #c32032;
    color: #c32032;
    text-align: center;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 50px;
}

@media screen and (max-width: 750px) {
    .main-body .top-news__link {
        width: 100%;
        height: 15.625vw;
        font-size: 5.3125vw;
        line-height: 15.625vw;
    }
}

.main-body .top-news__link:hover {
    background-color: #c32032;
    color: #fff;
}

.main-body .top-news__inner {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .main-body .top-news__inner {
        margin-top: 0;
    }
}

.main-body .pr-list {
    margin-bottom: 100px;
}

@media screen and (max-width: 750px) {
    .main-body .pr-list {
        margin-bottom: 10vw;
    }
}

.main-body .top-news .pr-list {
    margin-bottom: 75px;
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list {
        margin-bottom: 20vw;
    }
}

.main-body .top-news .pr-list + br {
    display: none;
}

.main-body .top-news .pr-list + br + br {
    display: none;
}

.main-body .top-news .pr-list strong {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    width: 155px;
    font-size: 16px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list strong {
        padding: 0;
        padding-left: 6.25vw;
        width: 28.57143%;
        font-size: 3.75vw;
    }
}

.main-body .top-news .pr-list li {
    position: relative;
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list li {
        padding-top: 7.8vw;
        font-size: 3.75vw;
    }
}

.main-body .top-news .pr-list li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #c32032;
    border-right: 1px solid #c32032;
    content: "";
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list li:before {
        top: 10.2vw;
        width: 1.5625vw;
        height: 1.5625vw;
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }
}

.main-body .top-news .pr-list li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 1px;
    border-bottom: 1px solid #c32032;
    content: "";
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list li:after {
        width: 28.57143%;
    }
}

.main-body .top-news .pr-list a {
    display: block;
    padding: 0 0 15px 35px;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    text-decoration: none !important;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.main-body .top-news .pr-list a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    .main-body .top-news .pr-list a {
        padding: 3vw 0;
        padding-left: 0;
        width: 100%;
    }
    .main-body .top-news .pr-list a:hover {
        opacity: 1;
    }
}

.main-body .banner-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 150px;
    max-width: 900px;
    width: calc(100% - 40px);
    height: 120px;
    border: 3px solid #C32032;
    border-radius: 8px;
    color: #C32032;
    font-weight: bold;
    font-size: 27px;
    -webkit-transition: 0.3s;
    transition: 0.3s;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 900px) {
    .main-body .banner-link {
        padding-right: 7%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .banner-link {
        margin-top: 12.5vw;
        padding-right: 9%;
        width: 87.5vw;
        height: 26.5625vw;
        border-radius: 1vw;
        font-size: 4.375vw;
    }
}

.main-body .banner-link:hover {
    color: #C32032;
    opacity: 0.8;
}

.main-body .banner-link:active,
.main-body .banner-link:focus {
    color: #C32032;
}

.main-body .banner-link:after {
    position: absolute;
    top: 50%;
    right: 34px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #C32032;
    border-right: 3px solid #C32032;
    content: "";
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 750px) {
    .main-body .banner-link:after {
        right: 4.375vw;
        width: 2.1875vw;
        height: 2.1875vw;
        border-top: 0.625vw solid #C32032;
        border-right: 0.625vw solid #C32032;
    }
}

.main-body .page-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-pack: center;
    margin: 0 auto;
    margin-top: 60px;
    padding: 0 20px;
    max-width: 900px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .main-body .page-menu {
        display: block;
    }
}

.main-body .page-menu__item {
    margin-right: 20px;
    width: 31.66667%;
    height: 55px;
    border: 1px solid #c32032;
}

@media screen and (max-width: 750px) {
    .main-body .page-menu__item {
        margin-right: 0;
        margin-bottom: 3vw;
        width: 100%;
        height: 15.625vw;
    }
}

.main-body .page-menu__item:last-of-type {
    margin-right: 0;
}

.main-body .page-menu__link {
    display: block;
    width: 100%;
    color: #c32032;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 55px;
}

@media screen and (max-width: 750px) {
    .main-body .page-menu__link {
        font-size: 5.3125vw;
        line-height: 15.625vw;
    }
}

.main-body .page-menu__link:visited, .main-body .page-menu__link:active, .main-body .page-menu__link:focus {
    color: #c32032;
}

.main-body .page-menu__link:hover {
    background-color: #c32032;
    color: #fff;
}

.main-body .js-block__elem + p:not([class]) {
    display: none;
}

.main-body .js-block__elem > br {
    display: none;
}

.main-body .js-block-sub {
    display: none;
}

.main-body .js-block-sub.open {
    display: block;
}

.main-body .store-new-wrap {
    margin-bottom: 140px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-wrap {
        margin-bottom: 18.75vw;
    }
}

.main-body .store-new__ttl-wrap {
    padding: 120px 0 50px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .store-new__ttl-wrap {
        padding: 13.28125vw 0;
    }
}

.main-body .store-new__ttl {
    position: relative;
    display: inline-block;
    margin: 0 !important;
    background: none !important;
    color: inherit !important;
    text-align: center;
    font-size: 69px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    line-height: 1.2;
}

@media screen and (max-width: 750px) {
    .main-body .store-new__ttl {
        font-size: 9.375vw !important;
    }
}

.main-body .store-new__ttl-img {
    position: absolute;
    top: -40px;
    left: 20px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new__ttl-img {
        top: -6.25vw;
        left: 3.125vw;
        width: 31.25vw;
    }
}

.main-body .store-new-contents {
    margin-bottom: 70px;
}

.main-body .store-new-month {
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 20px;
    max-width: 940px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-month {
        margin-bottom: 1.5625vw;
        padding: 0 6.25vw;
    }
}

.main-body .store-new-month p:not([class]) {
    display: none;
}

.main-body .store-new-month + p:not([class]) {
    display: none;
}

.main-body .store-new-month + p + p:not([class]) {
    display: none;
}

.main-body .store-new-month + p + p + p:not([class]) {
    display: none;
}

.main-body .store-new-month + p + p + p + p:not([class]) {
    display: none;
}

.main-body .store-new-month__label {
    position: relative;
    display: block;
    width: 100%;
    background-color: #c32032;
    color: #fff;
    text-align: center;
    font-weight: normal !important;
    font-size: 28px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-month__label {
        padding: 0.78125vw 0;
        font-size: 4.6875vw;
    }
}

.main-body .store-new-month__plus-wrap {
    position: absolute;
    top: 50%;
    right: 35px;
    width: 15px;
    height: 15px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .main-body .store-new-month__plus-wrap {
        width: 3.125vw;
        height: 3.125vw;
    }
}

.main-body .store-new-month__plus {
    position: absolute;
    top: 50%;
    right: 35px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon_plus.png) 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .main-body .store-new-month__plus {
        right: 4.6875vw;
        width: 3.125vw;
        height: 3.125vw;
    }
}

.main-body .open .store-new-month__plus {
    background-image: url(../images/icon/icon_minus.png);
    background-position: 50%;
}

.main-body .store-new-block {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 70px;
    padding: 50px 50px 40px;
    padding-bottom: 40px;
    border: 6px solid #c32032;
}

@media screen and (max-width: 900px) {
    .main-body .store-new-block {
        padding: 2.91667vw 4.16667vw 3.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block {
        margin-top: 12.5vw;
        padding: 7.8125vw 5.46875vw 6.25vw;
        border: 0.9375vw solid #c32032;
    }
}

.main-body .store-new-block__ttl {
    position: absolute;
    top: -1em;
    left: -0.2em;
    margin: 0 !important;
    padding-right: 20px !important;
    padding-left: 5px !important;
    background-color: #fff;
    color: #c32032 !important;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 48px !important;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__ttl {
        padding-right: 3.125vw !important;
        padding-left: 0.78125vw !important;
        font-size: 6.5625vw !important;
    }
}

.main-body .store-new-block__inner-ttl {
    margin-bottom: 20px !important;
    font-weight: bold;
    font-size: 28px !important;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-ttl {
        margin-bottom: 3.90625vw !important;
        text-align: left;
        font-size: 5vw !important;
        line-height: 1.3;
    }
}

.main-body .store-new-block__inner-txt {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-txt {
        font-size: 3.4375vw !important;
        line-height: 1.5;
    }
}

.main-body .store-new-block__inner-block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-wrap {
        display: block;
    }
}

.main-body .store-new-block__inner-block-wrap:first-of-type {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-wrap:first-of-type {
        margin-top: 4.6875vw;
    }
}

.main-body .store-new-block__inner-block-wrap:last-of-type {
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-wrap:last-of-type {
        margin-bottom: 7.8125vw;
    }
}

.main-body .store-new-block__inner-block {
    width: 69.44444%;
}

@media screen and (max-width: 900px) {
    .main-body .store-new-block__inner-block {
        width: 68%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block {
        width: 100%;
    }
}

.main-body .store-new-block__inner-block-label {
    position: relative;
    top: 1em;
    left: 1em;
    z-index: 10;
    padding: 4px 18px 3px;
    background-color: #c32032;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-label {
        top: 0.8em;
        left: 35%;
        padding: 0.625vw 2.8125vw 0.46875vw;
        font-size: 3.4375vw;
    }
}

.main-body .store-new-block__inner-block-txt {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 30px 25px;
    background-color: #f5eee6;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-txt {
        padding: 5.46875vw 3.90625vw 4.6875vw;
        font-size: 3.4375vw;
        line-height: 1.7;

        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.main-body .store-new-block__inner-block-txt:after {
    position: absolute;
    top: 0;
    right: -100px;
    width: 100px;
    height: 100%;
    background: url(../images/storenew/img_bg-triangle.png) 0 0 no-repeat;
    background-size: auto 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-txt:after {
        top: auto;
        right: auto;
        bottom: -2.5vw;
        left: 50%;
        width: 0;
        height: 0;
        border-width: 2.8125vw 2.8125vw 0 2.8125vw;
        border-style: solid;
        border-color: #f5eee6 transparent transparent transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.main-body .store-new-block__inner-block-note {
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-note {
        margin-top: 3vw;
    }
}

.main-body .store-new-block__inner-block-note-item {
    margin: 0;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-block-note-item {
        font-size: 2.1875vw;
    }
}

@media screen and (min-width: 941px) {
    .main-body .store-new-block__inner-block-br {
        display: none;
    }
}

.main-body .store-new-block__inner-img {
    position: relative;
    margin-top: 1em;
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 940px) {
    .main-body .store-new-block__inner-img {
        margin-top: 3em;
        min-width: 120px;
        min-height: 120px;
        width: 12.5vw;
        height: 12.5vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-img {
        margin: 0 auto;
        margin-top: 7.8125vw;
        width: 35.15625vw;
        height: 35.15625vw;
    }
}

.main-body .store-new-block__inner-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90% !important;
    max-height: 90%;
    font-family: 'object-fit: cover;';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-img img {
        width: 90%;
        height: 90%;
    }
}

.main-body .store-new-block__inner-link-wrap {
    margin-top: 40px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-link-wrap {
        margin-top: 7.8125vw;
    }
}

.main-body .store-new-block__inner-link {
    display: inline-block;
    padding: 0 60px;
    height: 55px;
    border: 1px solid #c32032;
    color: #c32032;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 55px;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-link {
        padding: 0;
        width: 100%;
        height: 15.625vw;
        font-size: 4.6875vw;
        line-height: 15.625vw;
    }
}

.main-body .store-new-block__inner-link:visited, .main-body .store-new-block__inner-link:active, .main-body .store-new-block__inner-link:focus {
    color: #c32032;
}

.main-body .store-new-block__inner-link:hover {
    background-color: #c32032;
    color: #fff;
}

.main-body .store-new-block__inner-border-link-wrap {
    text-align: center;
}

.main-body .store-new-block__inner-border-link {
    display: inline-block;
    margin-top: 20px;
    border-bottom: 1px solid #c32032;
    color: #c32032;
    font-weight: bold !important;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .main-body .store-new-block__inner-border-link {
        margin-top: 0.3125vw;
        margin-top: 3.125vw;
        font-size: 4.0625vw;
    }
}

.main-body .store-new-block__inner-border-link:hover {
    color: #c32032;
    opacity: 0.8;
}

.main-body .first-guide {
    margin-top: 140px;
    margin-bottom: 100px;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide {
        margin: 18.75vw auto;
        padding: 0 6.25vw;
    }
}

.main-body .first-guide__contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 75px 85px 55px;
    max-width: 780px;
    border: 10px solid #f5eee6;
    background-color: rgba(245, 238, 230, 0.6);
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__contents {
        padding: 9.375vw 4.6875vw 7.03125vw;
        border: 1.5625vw solid #f5eee6;
    }
}

.main-body .first-guide__ttl {
    margin: 0 !important;
    padding-bottom: 60px !important;
    text-align: center;
    font-size: 30px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__ttl {
        font-size: 6.5625vw !important;
        line-height: 1.3;
    }
}

.main-body .first-guide__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__btn-wrap {
        display: block;
    }
}

.main-body .first-guide__btn {
    display: block;
    max-width: 285px;
    width: 48.30508%;
    height: 55px;
    border: 1px solid #c32032;
    color: #c32032;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__btn {
        max-width: 100%;
        width: 100%;
        height: 15.625vw;
        font-size: 5.3125vw;
        line-height: 15.625vw;
    }
}

.main-body .first-guide__btn:visited, .main-body .first-guide__btn:active, .main-body .first-guide__btn:focus {
    color: #c32032;
}

.main-body .first-guide__btn:hover {
    background-color: #c32032;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__btn:first-of-type {
        margin-bottom: 3.125vw;
    }
}

.main-body .first-guide__list {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__list {
        margin-top: 9.375vw;
    }
}

.main-body .first-guide__list-item {
    position: relative;
    padding-left: 1.5em;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__list-item {
        padding-left: 0;
        text-indent: 1.3em;
        font-size: 3.4375vw;
    }
}

.main-body .first-guide__list-item:before {
    position: absolute;
    top: -0.5em;
    left: 0;
    content: "●";
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .main-body .first-guide__list-item:before {
        top: -0.55em;
        left: -0.7em;
        font-size: 7.03125vw;
    }
}

.main-body .note-contents {
    margin-left: calc(-50vw + 450px);
    padding-top: 70px;
    padding-bottom: 60px;
    width: 100vw;
    background-color: #f5eee6;
}

@media screen and (max-width: 900px) {
    .main-body .note-contents {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .main-body .note-contents {
        margin-left: 0;
        padding-top: 10.9375vw;
        padding-bottom: 9.375vw;
        width: 100%;
    }
}

.main-body .note-contents__container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 900px;
}

.main-body .note-contents__txt {
    position: relative;
    display: inline-block;
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media screen and (max-width: 750px) {
    .main-body .note-contents__txt {
        font-size: 4.6875vw;
    }
}

.main-body .note-contents__txt:before, .main-body .note-contents__txt:after {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 1px;
    background-color: #382b20;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-body .note-contents__txt:before {
    left: -1.3em;
}

.main-body .note-contents__txt:after {
    right: -1.3em;
}

.main-body .note-contents__ttl {
    margin: 0 !important;
    margin-bottom: 45px !important;
    text-align: center !important;
    font-weight: 600;
    font-size: 42px !important;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .main-body .note-contents__ttl {
        margin-bottom: 7.8125vw !important;
        font-size: 7.1875vw !important;
    }
}

.main-body .note-contents-box {
    margin-top: 30px;
    padding: 35px 45px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 750px) {
    .main-body .note-contents-box {
        padding: 6.25vw 5.46875vw;
    }
}

.main-body .note-contents-box__ttl {
    position: relative;
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding-left: 1.3em !important;
    color: #c32032 !important;
    font-weight: bold;
    font-size: 22px !important;
}

@media screen and (max-width: 750px) {
    .main-body .note-contents-box__ttl {
        font-size: 4.375vw !important;
        line-height: 1.3;
    }
}

.main-body .note-contents-box__ttl:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #c32032;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .main-body .note-contents-box__ttl:before {
        top: 0.6em;
        width: 3.125vw;
        height: 1px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.main-body .note-contents-box__txt {
    font-weight: bold;
    font-size: 16px !important;
}

@media screen and (max-width: 750px) {
    .main-body .note-contents-box__txt {
        font-size: 3.75vw !important;
    }
}

.main-body .note-contents-box__note {
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .note-contents-box__note {
        margin-top: 2.34375vw;
        text-align: left;
        font-size: 2.8125vw;
    }
}

.main-body .menu-btn-wrap {
    margin-top: 100px;
    margin-bottom: 200px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-btn-wrap {
        margin-top: 15.625vw;
        margin-bottom: 21.875vw;
        padding: 0 5.46875vw;
    }
}

.main-body .menu-contents-inner {
    font-family: 'Noto Serif JP', serif;
}

.main-body .iphone .menu-contents {
    letter-spacing: -0.05em;
}

@media screen and (max-width: 750px) {
    .main-body .menu-contents {
        margin-top: 10px;
    }
}

.main-body .menu-contents > p:not([class]) {
    display: none;
}

.main-body .menu-contents .p150-r.p150-l + p:not([class]) {
    display: none;
}

.main-body .page-id-16233 #post-16233 .article-body > p:not([class]) {
    display: none;
}

.main-body .page-id-10 #post-10 .article-body > p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body #feature {
        margin-top: -50px;
        padding-top: 50px;
    }
}

.main-body .single article.post {
    padding-top: 1px;
}

.main-body .coffee-menu + p:not([class]) {
    display: none;
}

.main-body .coffee-menu {
    background: url(../images/menu/img_bg-coffee.jpg) left 40% center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 990px) {
    .main-body .coffee-menu {
        background-position: left 30% center;
    }
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu {
        background-image: url(../images/menu/sp/img_bg-coffee.jpg);
    }
}

.main-body .coffee-menu__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 860px;
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu__container {
        padding: 0 5.46875vw;
    }
}

.main-body .coffee-menu__contents {
    margin-left: 52%;
    width: 48%;
}

.main-body .windows .coffee-menu__contents {
    margin-left: 48%;
    width: 52%;
}

@media screen and (max-width: 900px) {
    .main-body .coffee-menu__contents {
        margin-left: 48%;
        width: 52%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu__contents {
        margin-left: 0;
        width: 100%;
    }
    .main-body .windows .coffee-menu__contents {
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu__inner {
        padding-top: 85vw;
    }
}

.main-body .coffee-menu__txt {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu__txt {
        color: #37291e;
        font-size: 3.125vw;
    }
}

.main-body .coffee-menu__txt-s {
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 12px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .coffee-menu__txt-s {
        color: #37291e;
        font-size: 2.8125vw;
    }
}

.main-body .coffee-ttl {
    margin: 0 !important;
    padding: 85px 0 15px !important;
}

@media screen and (max-width: 750px) {
    .main-body .coffee-ttl {
        margin: 0 auto !important;
        padding: 10vw 0 0 !important;
        width: 62.5vw;
    }
    .main-body .coffee-ttl img {
        width: 100%;
    }
}

.main-body .coffee-ttl__txt {
    margin: 0 !important;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .coffee-ttl__txt {
        margin: 0 auto !important;
        width: 59.375vw;
    }
}

.main-body .menu-ttl-wrap {
    position: relative;
    background-color: #382b20;
}

.main-body .menu-ttl {
    margin: 0 !important;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    font-size: 32px !important;
}

@media screen and (max-width: 750px) {
    .main-body .menu-ttl {
        padding: 3.125vw 0;
        font-size: 5.9375vw !important;
    }
}

.main-body .menu-ttl-label {
    position: absolute;
    top: 50%;
    right: 50px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .main-body .menu-ttl-label {
        right: 7.8125vw;
        width: 18.75vw;
    }
    .main-body .menu-ttl-label img {
        width: 100%;
        vertical-align: middle;
    }
}

.main-body .menu-ttl-label br {
    display: none;
}

.main-body .menu-inner {
    margin-top: 100px;
    margin-left: -150px;
    width: calc(100% + 300px);
}

@media screen and (max-width: 950px) {
    .main-body .menu-inner {
        margin-left: 0;
        width: 100%;
    }
}

.main-body .menu-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list-wrap {
        display: block;
    }
}

.main-body .menu-list {
    margin: 50px auto 0;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list {
        display: block;
        margin-top: 7vw;
        width: 100%;
    }
}

.main-body .menu-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__item {
        margin-bottom: 7vw;
        width: 100%;
    }
}

.main-body .menu-list__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 54.7619%;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__img {
        width: 57.35849%;
    }
}

@media screen and (max-width: 990px) {
    .main-body .menu-list__img {
        right: -15px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__img {
        right: 0;
    }
}

.main-body .menu-list__img img {
    width: 100%;
}

.main-body .menu-list__img-s {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 52.38095%;
}

@media screen and (max-width: 990px) {
    .main-body .menu-list__img-s--1 {
        right: -20px;
        bottom: 40px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__img-s {
        width: 57.35849%;
    }
    .main-body .menu-list__img-s--1 {
        right: 0;
        bottom: 0;
    }
}

.main-body .menu-list__img-s img {
    width: 100%;
}

.main-body .menu-list__label {
    display: block;
    margin-bottom: 10px;
    width: 84px;
    font-size: 0;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__label {
        margin-bottom: 1vw;
        width: 14.84375vw;
    }
}

.main-body .menu-list__txt-area {
    padding-top: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__txt-area {
        padding-top: 0;
        width: 100%;
    }
}

.main-body .menu-list__txt-l {
    margin: 0;
    font-weight: bold !important;
    font-size: 20px;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__txt-l {
        font-size: 4.375vw;
        line-height: 1.3;
    }
}

.main-body .menu-list__txt-s {
    display: block;
    margin: 0;
    margin-top: 5px;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__txt-s {
        margin-top: 0;
        font-size: 3.125vw;
    }
}

.main-body .menu-list__en-txt {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #c60f28;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 1.2;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

.main-body .windows .menu-list__en-txt {
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__en-txt {
        margin: 1.5625vw 0 0;
        letter-spacing: 0.05em;
        font-weight: bold;
        font-size: 3.125vw;
    }
}

.main-body .menu-list__en-txt > br:not([class]) {
    display: none;
}

.main-body .menu-list__price {
    display: block;
    margin-top: 15px;
    margin-right: 20px;
    width: 62px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__price {
        margin-top: 1.5625vw;
        margin-right: 3.125vw;
        width: 13.28125vw;
    }
}

.main-body .menu-list__price img {
    width: 100%;
}

.main-body .menu-list__price-2 {
    display: block;
    width: 124px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__price-2 {
        margin-top: 1.5625vw;
        width: 23.4375vw;
    }
}

.main-body .menu-list__plus-1 {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 78px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__plus-1 {
        margin: 0.78125vw 0;
        width: 16.40625vw;
    }
    .main-body .menu-list__plus-1 img {
        width: 100%;
    }
}

.main-body .menu-list__plus-2 {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 106px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-list__plus-2 {
        margin: 0.78125vw 0;
        width: 25.46875vw;
    }
    .main-body .menu-list__plus-2 img {
        width: 100%;
    }
}

.main-body .drink {
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 45px;
    max-width: 900px;
}

@media screen and (max-width: 940px) {
    .main-body .drink {
        padding: 90px 20px 45px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink {
        padding: 0 5.46875vw;
        padding-top: 1vw;
        padding-bottom: 10vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink {
        padding-top: 15.625vw;
    }
}

.main-body .drink-ttl {
    margin: 0 auto !important;
    padding-top: 140px !important;
    padding-bottom: 100px !important;
    width: 172px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .drink-ttl {
        margin: 0 auto !important;
        margin-bottom: 0 !important;
        padding-top: 18.75vw !important;
        padding-bottom: 15vw !important;
        width: 37.5vw;
    }
    .main-body .drink-ttl img {
        width: 100%;
    }
}

.main-body .order-img {
    margin-bottom: 90px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .order-img {
        margin-bottom: 22.625vw;
        width: 100%;
    }
    .main-body .order-img img {
        width: 100%;
    }
}

.main-body .img_sweet {
    position: absolute;
    bottom: 5px;
}

@media screen and (max-width: 750px) {
    .main-body .img_sweet {
        bottom: 0.78125vw;
    }
}

.main-body .img_sweet + br {
    display: none;
}

.main-body .img_sweet--1 {
    left: 80px;
    width: 167px;
}

@media screen and (max-width: 750px) {
    .main-body .img_sweet--1 {
        bottom: -6.25vw;
        left: 0;
        width: 38.59375vw;
    }
}

.main-body .img_sweet--2 {
    left: 170px;
    width: 181px;
}

@media screen and (max-width: 750px) {
    .main-body .img_sweet--2 {
        bottom: -6.25vw;
        left: 0;
        width: 42.1875vw;
    }
}

.main-body .img_sweet--3 {
    left: 340px;
    width: 181px;
}

@media screen and (max-width: 750px) {
    .main-body .img_sweet--3 {
        bottom: -6.25vw;
        left: 0;
        width: 42.1875vw;
    }
}

.main-body .allergy-note {
    margin-bottom: 1.5em;
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .allergy-note {
        font-size: 2.8125vw;
        line-height: 1.7;
    }
}

.main-body .menu-txt-list {
    margin-top: 55px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list {
        margin-top: 6vw;
        width: 100%;
    }
}

.main-body .menu-txt-list__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: start;
    margin-bottom: 10px;
    line-height: 0;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__item {
        margin-bottom: 4vw;
    }
}

.main-body .menu-txt-list__txt {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__txt {
        font-size: 3.75vw;
    }
}

.main-body .menu-txt-list__txt + p:not([class]) {
    display: none;
}

.main-body .menu-txt-list__txt + br {
    display: none;
}

.main-body .menu-txt-list__en-txt {
    margin-bottom: 0;
    color: #c70f28;
    font-weight: bold;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__en-txt {
        font-size: 3.125vw;
    }
}

.main-body .menu-txt-list__en-txt + p:not([class]) {
    display: none;
}

.main-body .menu-txt-list__price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    width: 115px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__price-wrap {
        margin-left: auto;
        width: 27.5vw;
    }
}

.main-body .menu-txt-list__price-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-bottom: 5px;
    width: 100%;
    line-height: 1;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__price-row {
        margin-bottom: 1.5vw;
        line-height: 1;
    }
}

.main-body .menu-txt-list__price-row:nth-of-type(2) {
    margin-bottom: 0;
}

.main-body .menu-txt-list__price {
    display: block;
    width: 48px;
    height: 18px;
    line-height: 0;
}

.main-body .menu-txt-list__price img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__price {
        width: 12.1875vw;
        height: 4.0625vw;
    }
}

.main-body .menu-txt-list__hot-label {
    display: block;
    margin-right: 4px;
    width: 26px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__hot-label {
        margin-right: 0.78125vw;
        width: 5.9375vw;
    }
}

.main-body .menu-txt-list__ice-label {
    display: block;
    width: 30px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__ice-label {
        width: 6.71875vw;
    }
}

.main-body .menu-txt-list__note {
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.5;
}

@media screen and (max-width: 750px) {
    .main-body .menu-txt-list__note {
        font-size: 2.5vw;
    }
}

.main-body .menu-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -ms-flex-align: center;
    margin-top: 20px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single {
        margin-top: 0;
    }
}

.main-body .menu-single__img {
    width: 15%;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__img img {
        width: 100%;
    }
}

.main-body .menu-single__right {
    width: 80%;
}

.main-body .menu-single__txt-wrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: start;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
}

.main-body .menu-single__txt {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__txt {
        font-size: 4.21875vw;
    }
}

.main-body .menu-single__en-txt {
    margin-bottom: 0;
    color: #c70f28;
    font-weight: bold;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__en-txt {
        font-size: 3.125vw;
    }
}

.main-body .menu-single__note {
    margin-bottom: 0;
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__note {
        margin-top: 3vw;
        white-space: nowrap;
        font-size: 2.8125vw;
        line-height: 1;
    }
}

.main-body .menu-single__price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    line-height: 1;

    -webkit-box-align: center;
    align-items: center;
}

.main-body .menu-single__price-wrap + p:not([class]) {
    display: none;
}

.main-body .menu-single__only-ice {
    display: block;
    width: 72px;
    height: 10px;
    line-height: 0;
}

.main-body .menu-single__only-ice img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__only-ice {
        width: 15.625vw;
        height: 2vw;
    }
}

.main-body .menu-single__only-ice + br {
    display: none;
}

.main-body .menu-single__price {
    display: block;
    margin-right: 0;
    margin-left: 10px;
    width: 48px;
    font-size: 0;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .menu-single__price {
        margin-left: 0;
        width: 12.1875vw;
        height: 4.0625vw;
        font-size: 0;
    }
}

.main-body .bottom-note {
    padding-right: 20px;
    padding-bottom: 25px;
}

@media screen and (max-width: 750px) {
    .main-body .bottom-note {
        padding: 0 4vw;
        padding-bottom: 9.375vw;

        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.main-body .bottom-note-list {
    margin-top: 55px;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .main-body .bottom-note-list {
        margin-top: 8vw;
        text-align: left;
    }
}

.main-body .bottom-note-list__item {
    margin-bottom: 0;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1.5;
}

@media screen and (max-width: 750px) {
    .main-body .bottom-note-list__item {
        letter-spacing: -0.05em;
        font-size: 2.8125vw;
    }
}

.main-body .bottom-note + p:not([class]) {
    display: none;
}

.main-body .side-menu + p:not([class]) {
    display: none;
}

.main-body .side-menu {
    margin: 0 auto;
    max-width: 1010px;
    background: url(../images/menu/img_bg-side.jpg) center center no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu {
        background-image: url(../images/menu/sp/img_bg-side.jpg);
    }
}

.main-body .side-menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-bottom: 15px;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__top {
        margin-bottom: 2vw;
    }
}

.main-body .side-menu__top-txt {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__top-txt {
        font-size: 3.4375vw;
    }
    .main-body .android .side-menu__top-txt {
        margin-top: 0.1em;
    }
}

.main-body .side-menu__top-txt + p:not([class]) {
    margin: 0;
    line-height: 1;
}

.main-body .side-menu__top-price {
    display: block;
    margin-left: 10px;
    width: 81px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__top-price {
        margin-left: 1.5625vw;
        width: 15.625vw;
    }
}

.main-body .side-menu__top-price img {
    width: 100%;
}

.main-body .side-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 30px;
    width: 580px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__list {
        margin-top: 4vw;
        width: 82%;
    }
}

.main-body .side-menu__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__list-item {
        display: block;
    }
}

.main-body .side-menu__ttl {
    margin: 0 !important;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__ttl {
        margin: 0 auto !important;
    }
    .main-body .side-menu__ttl img {
        width: 100%;
    }
}

.main-body .side-menu__body {
    padding-top: 20px;
    padding-bottom: 10px;
}

@media screen and (max-width: 900px) {
    .main-body .side-menu__body {
        padding-top: 25px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__body {
        display: block;
        padding: 7vw 3.125vw 4vw;
    }
}

.main-body .side-menu__img {
    margin-right: 15px;
    width: 170px;
}

.main-body .side-menu__img img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__img {
        margin-right: 0;
        width: 26vw;
    }
}

.main-body .side-menu__txt {
    display: block;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

@media screen and (max-width: 900px) {
    .main-body .side-menu__txt {
        white-space: nowrap;
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__txt {
        font-size: 3.75vw;
    }
}

.main-body .side-menu__en-txt {
    display: block;
    margin-bottom: 0;
    color: #c70f28;
    font-weight: bold;
    font-size: 15px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__en-txt {
        display: inline-block;
        font-size: 3.125vw;
        line-height: 1.5;
    }
}

.main-body .side-menu__price {
    display: block;
    width: 66px;
}

@media screen and (max-width: 750px) {
    .main-body .side-menu__price {
        display: inline-block;
        margin-left: 1.5625vw;
        width: 11.71875vw;
        line-height: 1;
    }
}

.main-body .side-menu__price img {
    width: 100%;
}

.main-body .system-alert + p:not([class]) {
    display: none;
}

.main-body .system-alert__txt-right {
    text-align: right;
}

.main-body .system-alert__txt {
    color: #c32032;
}

.main-body .system-alert__txt-l {
    margin-top: 2em;
    font-size: 26px;
}

@media screen and (max-width: 750px) {
    .main-body .system-alert__txt-l {
        font-size: 4vw;
    }
}

.main-body .system-alert-large-txt {
    margin: 20px 0;
    padding: 20px;
    background-color: #c32032;
    color: #fff;
    text-align: center;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .system-alert-large-txt {
        margin: 2vw 0;
        padding: 2vw;
        font-size: 3.5vw;
    }
}

.main-body .red-btn {
    display: block;
    width: 270px;
    background-color: #c32032;
    color: #fff !important;
    text-align: center;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 55px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .main-body .red-btn {
        width: 100%;
        font-size: 4vw;
        line-height: 15.625vw;
    }
}

.main-body .red-btn--l {
    width: 284px;
}

@media screen and (max-width: 750px) {
    .main-body .red-btn--l {
        width: 100%;
    }
}

.main-body .red-btn:hover {
    color: #fff;
    opacity: 0.8;
}

.main-body .hot-menu {
    height: 444px;
    background: url(../images/menu/img_bg-menu_01.png) center center no-repeat;
    background-size: auto 100%;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu {
        margin: 0;
        height: auto;
        background: none;
    }
}

.main-body .hot-menu + p:not([class]) {
    display: none;
}

.main-body .hot-menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu__container {
        display: block;
    }
}

.main-body .hot-menu-box {
    padding-top: 50px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box {
        padding: 0 3.125vw;
        height: 68.75vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}

.main-body .hot-menu-box + p:not([class]) {
    display: none;
}

.main-body .hot-menu-box--1 {
    margin: 0 auto;
    width: 600px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box--1 {
        margin: 0 auto;
        padding-top: 1.5625vw;
        min-width: 0;
        width: 100%;
        background-image: url(../images/menu/sp/img_bg-menu_01.png);
    }
}

.main-body .hot-menu-box--2 {
    margin-left: 90px;
    width: 420px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box--2 {
        margin: 0 auto;
        padding-top: 1.5625vw;
        width: 100%;
        background-image: url(../images/menu/sp/img_bg-menu_02.png);
    }
}

.main-body .hot-menu-box__ttl {
    margin: 0 auto !important;
    width: 333px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__ttl {
        margin: 4vw auto 0 !important;
        width: 45.625vw;
    }
}

.main-body .hot-menu-box__ttl img {
    width: 100%;
}

.main-body .hot-menu-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.main-body .hot-menu-box__inner + p:not([class]) {
    display: none;
}

.main-body .hot-menu-box__txt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    line-height: 1;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .windows .hot-menu-box__txt-wrap--2 {
        display: block;
    }
}

.main-body .hot-menu-box__txt-area {
    margin-top: 257px;
}

.main-body .hot-menu-box__txt-area--2 {
    margin-right: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt-area--2 {
        margin-right: 3vw;
    }
}

.main-body .hot-menu-box__txt-area + p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt-area {
        margin-top: 43vw;
    }
}

.main-body .hot-menu-box__txt {
    margin: 0;
    white-space: nowrap;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt {
        white-space: nowrap;
        font-size: 3.4375vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt--narrow {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        letter-spacing: -0.05em;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
    }
    .main-body .windows .hot-menu-box__txt--narrow {
        display: block;
    }
}

.main-body .hot-menu-box__txt-s {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt-s {
        font-size: 2.5vw;
    }
    .main-body .windows .hot-menu-box__txt-s {
        display: block;
    }
}

.main-body .hot-menu-box__price-wrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .main-body .windows .hot-menu-box__price-wrap {
        margin-top: 1vw;
    }
}

.main-body .hot-menu-box__price {
    display: block;
    margin-left: 12px;
    width: 57px;
    height: 1.6vw;
    font-size: 0;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__price {
        margin-left: 2.34375vw;
        width: 9.6875vw;
        height: 3.4375vw;
    }
}

.main-body .hot-menu-box__price img {
    width: 100%;
    height: 100%;
}

.main-body .hot-menu-box__txt-en {
    margin: 0;
    margin-top: 5px;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 1;
}

@media screen and (max-width: 900px) {
    .main-body .hot-menu-box__txt-en {
        margin-top: 3px;
    }
}

.main-body .hot-menu-box__txt-en + p:not([class]) {
    display: none;
}

.main-body .hot-menu-box__txt-wrap .hot-menu-box__txt-en {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt-en {
        margin-top: 0.5vw;
        white-space: nowrap;
        font-size: 2.8125vw;
    }
}

.main-body .hot-menu-box__txt-note {
    margin: 0;
    margin-top: 5px;
    font-size: 11px;
}

@media screen and (max-width: 750px) {
    .main-body .hot-menu-box__txt-note {
        margin-top: 0;
        font-size: 2.5vw;
        line-height: 1.5;
    }
}

.main-body .hot-menu-box__txt-note + p:not([class]) {
    display: none;
}

.main-body .hot-menu-box__amp {
    font-weight: normal;
}

.main-body .txt-rt {
    font-size: 0.1em;
}

.main-body .new-menu {
    position: relative;
    overflow: hidden;
    height: 613px;
}

@media screen and (max-width: 750px) {
    .main-body .new-menu {
        height: 86.875vw;
    }
}

.main-body .new-menu + p:not([class]) {
    display: none;
}

.main-body .new-menu p:not([class]) {
    display: none;
}

.main-body .new-menu__label {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1;
    display: block;
    width: 106px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__label {
        top: 3.90625vw;
        right: 3.90625vw;
        width: 15.625vw;
    }
}

.main-body .new-menu__img {
    position: absolute;
    left: 50%;
    width: 1200px;
    height: 613px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__img {
        width: 100%;
        height: 86.875vw;
    }
}

.main-body .new-menu__img img {
    width: 100%;
}

.main-body .windows .new-menu__img img {
    height: 100%;
}

.main-body .new-menu__ttl {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding-top: 55px !important;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__ttl {
        margin: 0 auto !important;
        padding-top: 7.8125vw !important;
        width: 38.59375vw;
    }
}

.main-body .new-menu__wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-top: 385px;
    padding-left: 40px;
    width: 670px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.main-body .windows .new-menu__wrap {
    width: 720px;
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__wrap {
        margin-top: 47vw;
        padding-left: 0;
        width: 82.8125vw;
    }
    .main-body .windows .new-menu__wrap {
        width: 93.75vw;
    }
}

.main-body .new-menu__txt {
    margin: 0 !important;
    text-align: center;
    font-weight: bold;
    font-size: 20px;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__txt {
        font-size: 4.0625vw;
        line-height: 1.2;
    }
}

.main-body .new-menu__en-txt {
    margin: 0 0 10px 0 !important;
    margin-bottom: 10px;
    color: #c60f28;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
    line-height: 1.2;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__en-txt {
        margin: 0.78125vw 0 !important;
        font-size: 3.125vw;
    }
}

.main-body .new-menu__price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

.main-body .new-menu__price {
    display: block;
    width: 66px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .new-menu__price {
        width: 10.15625vw;
    }
}

.main-body .new-menu__price:first-of-type {
    margin-right: 15px;
}

.main-body .new-menu__price img {
    width: 100%;
}

.main-body .new-tea {
    position: relative;
    height: 559px;
    background: url(../images/menu/img_bg-earl-grey_02.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea {
        height: 56.46464vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea {
        height: auto;
        background: none;
    }
}

.main-body .new-tea__container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 940px;
}

@media screen and (max-width: 750px) {
    .main-body .new-tea__container {
        padding: 0;
    }
}

.main-body .new-tea__ttl {
    margin: 0 auto !important;
    padding: 40px 0 0px !important;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .main-body .new-tea__ttl {
        padding: 3.33333vw 0 0px !important;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea__ttl {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
        padding: 7.34375vw 0 0 !important;
        width: 43.28125vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .main-body .new-tea__ttl img {
        width: 100%;
    }
}

.main-body .new-tea__contents {
    position: absolute;
    bottom: 30px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea__contents {
        bottom: 3.03030vw;
    }
    .main-body .windows .new-tea__contents {
        margin-left: -2vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea__contents {
        position: static;
        display: block;
    }
    .main-body .windows .new-tea__contents {
        margin-left: 0;
    }
}

.main-body .new-tea__inner + p:not([class]) {
    display: none;
}

.main-body .new-tea__contents + p:not([class]) {
    display: none;
}

.main-body .new-tea-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list {
        position: relative;
    }
}

.main-body .new-tea-list--1 {
    margin-left: -40px;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list--1 {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list--1 {
        height: 82.8125vw;
        background: url(../images/menu/sp/img_bg-earl-grey_01.jpg) center center no-repeat;
        background-size: cover;
    }
    .main-body .new-tea-list--2 {
        height: 71.875vw;
        background: url(../images/menu/sp/img_bg-earl-grey_02.jpg) center center no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__item {
        position: absolute;
        bottom: 2.5vw;
        margin: 0;
    }
}

.main-body .new-tea-list__item--1 {
    margin-right: 70px;
}

.main-body .windows .new-tea-list__item--1 {
    margin-right: 25px;
}

.main-body .new-tea-list__item--2 {
    margin-right: 100px;
}

.main-body .new-tea-list__item--3 {
    margin-right: 80px;
}

@media screen and (max-width: 1100px) {
    .main-body .windows .new-tea-list__item--1 {
        margin-left: 1vw;
    }
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list__item--1 {
        margin-right: 4vw;
    }
    .main-body .windows .new-tea-list__item--1 {
        margin-right: 3vw;
    }
    .main-body .new-tea-list__item--2 {
        margin-right: 11.5vw;
    }
    .main-body .new-tea-list__item--2 {
        margin-right: 8.5vw;
    }
    .main-body .iphone .new-tea-list__item--2 {
        margin-right: 4vw;
    }
    .main-body .new-tea-list__item--3 {
        margin-right: 8vw;
    }
    .main-body .windows .new-tea-list__item--3 {
        margin-right: 7vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__item--1 {
        bottom: 8vw;
        left: 6vw;
    }
    .main-body .windows .new-tea-list__item--1 {
        margin-right: 1vw;
        margin-left: 0;
    }
    .main-body .iphone .new-tea-list__item--1 {
        margin-right: 5vw;
    }
    .main-body .new-tea-list__item--2 {
        right: 8vw;
        margin-right: 0;
    }
    .main-body .windows .new-tea-list__item--2 {
        margin-right: 0;
    }
    .main-body .iphone .new-tea-list__item--2 {
        margin-right: 2vw;
    }
    .main-body .new-tea-list__item--3 {
        left: 12vw;
        margin-right: 0;
    }
    .main-body .windows .new-tea-list__item--3 {
        margin-right: 0;
    }
    .main-body .new-tea-list__item--4 {
        right: 7vw;
    }
}

.main-body .new-tea-list__txt {
    margin-bottom: 10px;
    height: 34px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.05em;
    font-size: 18px;
    line-height: 1.2;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list__txt {
        height: 3.4vw;
        font-size: 1.7vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__txt {
        margin-bottom: 2vw;
        height: auto;
        font-size: 3.4375vw;
    }
    .main-body .iphone .new-tea-list__txt {
        letter-spacing: -0.1em;
    }
}

.main-body .new-tea-list__txt--1 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.main-body .new-tea-list__txt-s {
    display: block;
    font-size: 11px;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list__txt-s {
        font-size: 1vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__txt-s {
        font-size: 2.8125vw;
    }
}

.main-body .new-tea-list__price-wrap--2 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.main-body .new-tea-list__price-row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-bottom: 5px;
    line-height: 1;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__price-row {
        margin-bottom: 1vw;
    }
}

.main-body .new-tea-list__price {
    display: block;
    margin-left: 10px;
    width: 51px;
    height: 18px;
    line-height: 0;
}

@media screen and (max-width: 990px) {
    .main-body .new-tea-list__price {
        width: 5.1vw;
        height: 1.8vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__price {
        margin-left: 1.5vw;
        width: 9vw;
        height: 3.28vw;
    }
}

.main-body .new-tea-list__price:first-of-type {
    margin-left: 0;
}

.main-body .new-tea-list__price img {
    width: 100%;
    height: 100%;
}

.main-body .new-tea-list__hot-label {
    display: block;
    margin-right: 4px;
    width: 26px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__hot-label {
        margin-right: 0.78125vw;
        width: 5.9375vw;
    }
}

.main-body .new-tea-list__ice-label {
    display: block;
    width: 30px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__ice-label {
        width: 6.71875vw;
    }
}

.main-body .new-tea-list__only-ice {
    display: block;
    width: 72px;
    height: 10px;
    font-size: 0;
    line-height: 1;
}

.main-body .new-tea-list__only-ice img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .new-tea-list__only-ice {
        width: 15.625vw;
        height: 2vw;
    }
}

.main-body .new-tea-list__only-ice + br {
    display: none;
}

.main-body .txt-b {
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 480px) {
    .main-body .txt-b {
        font-size: 0.8em;
    }
}

.main-body .contents-ttl {
    margin-top: 35px !important;
    margin-bottom: 15px !important;
    font-weight: bold;
    font-size: 20px !important;
}

@media screen and (max-width: 480px) {
    .main-body .contents-ttl {
        font-size: 1em !important;
    }
}

.main-body .youtube {
    margin-bottom: 50px;
    max-width: 700px;
    height: 394px;
}

@media screen and (max-width: 750px) {
    .main-body .youtube {
        height: 52.75vw;
    }
}

.main-body .youtube iframe {
    width: 100%;
    height: 100%;
}

.main-body .menu-deli-link {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 110px;
    background-color: #37291E;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .menu-deli-link {
        margin-top: 10px;
        height: 25vw;
    }
}

.main-body .menu-deli-link__inner + p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body .menu-deli-link__inner {
        padding: 0 2vw;
    }
}

.main-body .menu-deli-link__txt {
    margin: 0;
    margin-bottom: 5px;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .main-body .menu-deli-link__txt {
        margin-bottom: 2vw;
        font-size: 3.4375vw;
    }
}

.main-body .menu-deli-link__txt-link {
    color: #C60F28;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-body .menu-deli-link__txt-link:hover {
    color: #C60F28;
    opacity: 0.8;
}

.main-body .menu-deli-link__list-item {
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .main-body .menu-deli-link__list-item {
        font-size: 2.5vw;
    }
}

.main-body .menu-left {
    position: relative;
    margin-top: -1px;
    height: 567px;
    background: url(../images/menu/img_bg-kinako.jpg) center right no-repeat;
    background-size: auto 100%;
}

@media screen and (max-width: 1200px) {
    .main-body .menu-left {
        height: 47.25vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left {
        height: 161.5625vw;
        background-image: url(../images/menu/sp/img_bg-kinako.jpg);
    }
}

.main-body .menu-left + p:not([class]) {
    display: none;
}

.main-body .menu-left__ttl {
    margin: 0 !important;
    padding-top: 90px !important;
    padding-left: 75px !important;
    line-height: 0;
}

@media screen and (max-width: 1200px) {
    .main-body .menu-left__ttl {
        padding-top: 7.5vw !important;
        padding-left: 6.25vw !important;
        width: 35.75vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__ttl {
        margin: 0 auto !important;
        padding-top: 13.5vw !important;
        padding-left: 0 !important;
        width: 62.96875vw;
    }
}

.main-body .menu-left__contents {
    margin: 0 auto;
    margin-top: 80px;
    padding: 0 20px;
    max-width: 1080px;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__contents {
        margin-top: 7.27272vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__contents {
        margin-top: 76vw;
        padding: 0;
        width: 86.71875vw;
    }
}

.main-body .menu-left__list {
    width: 315px;
}

.main-body .windows .menu-left__list {
    width: 340px;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__list {
        width: 30vw;
    }
    .main-body .windows .menu-left__list {
        width: 32vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__list {
        width: 100%;
    }
    .main-body .windows .menu-left__list {
        width: 100%;
    }
}

.main-body .menu-left__list-item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: baseline;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    align-items: baseline;
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__list-item {
        margin-bottom: 3.90625vw;
    }
}

.main-body .menu-left__list-item p:not([class]) {
    margin: 0;
}

.main-body .menu-left__txt {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;

    -webkit-box-align: center;
    align-items: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__txt {
        font-size: 1.81818vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__txt {
        font-size: 4.375vw;
    }
}

.main-body .menu-left__txt-s {
    margin-left: 10px;
    font-size: 12px;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__txt-s {
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__txt-s {
        font-size: 3.4375vw;
    }
}

.main-body .menu-left__txt-note {
    display: block;
    font-size: 11px;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__txt-note {
        font-size: 1vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__txt-note {
        font-size: 2.5vw;
    }
}

.main-body .menu-left__price {
    display: block;
    width: 50px;
    line-height: 1;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__price {
        width: 5vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__price {
        width: 10.3125vw;
    }
}

.main-body .menu-left__price img {
    width: 100%;
}

.main-body .menu-left__note {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width: 1100px) {
    .main-body .menu-left__note {
        right: 1.66667vw;
        bottom: 1.66667vw;
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .menu-left__note {
        right: 3.90625vw;
        bottom: 6.25vw;
        font-size: 2.8125vw;
        line-height: 1.4;
    }
}

.main-body .menu-detail {
    margin-bottom: 125px;
    background-color: #FBF9F3;
}

@media screen and (max-width: 750px) {
    .main-body .menu-detail {
        margin-bottom: 19.5vw;
    }
}

.main-body .drink-menu {
    padding-bottom: 35px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu {
        padding-bottom: 12.75vw;
    }
}

.main-body .drink-menu--mgt {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu--mgt {
        margin-top: 10vw;
    }
    .main-body .drink-menu--sp-mgt {
        margin-top: 12vw;
    }
}

.main-body .drink-menu__head {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-bottom: 30px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__head {
        margin-bottom: 7vw;
    }
}

.main-body .drink-menu__head--mgt {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__head--mgt {
        margin-top: 2vw;
    }
}

.main-body .drink-menu__head--mgb {
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__head--mgb {
        margin-bottom: 3.9vw;
    }
}

.main-body .drink-menu__head--pdt {
    padding-top: 45px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__head--pdt {
        padding-top: 0;
    }
}

.main-body .drink-menu__ttl {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl {
        top: 0;
        bottom: auto;
        width: 100%;
    }
    .main-body .drink-menu__ttl img {
        width: 100%;
    }
}

.main-body .drink-menu__ttl-label {
    position: absolute;
    bottom: 10px;
    display: block;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    line-height: 1;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label {
        top: 13vw;
        bottom: auto;
        font-size: 3.75vw;
    }
    .main-body .drink-menu__ttl-label img {
        width: 100%;
    }
}

.main-body .drink-menu__ttl-label--1 {
    left: 12%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--1 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--2 {
    left: 24%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--2 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--3 {
    left: 45%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--3 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--4 {
    left: 56%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--4 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--5 {
    left: 36%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--5 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--6 {
    left: 37%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--6 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--7 {
    left: 19.5%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--7 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--8 {
    left: 30%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--8 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--9 {
    left: 23%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--9 {
        left: 1vw;
    }
}

.main-body .drink-menu__ttl-label--10 {
    left: 32%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__ttl-label--10 {
        left: 1vw;
    }
}

.main-body .drink-menu__delivery {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: auto;
    width: 115px;
    height: 25px;
    background-color: #382B20;
    color: #fff;
    font-size: 13px;
    font-family: 'Noto Serif JP', serif;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__delivery {
        margin-bottom: 6.5vw;
        width: 28.4375vw;
        height: 6.25vw;
        font-size: 3.4375vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__delivery--mgb {
        margin-bottom: 17vw;
    }
}

.main-body .drink-menu__delivery + br {
    display: none;
}

.main-body .drink-menu__label-wrap + p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__label-wrap--mgt {
        margin-top: 13vw;
    }
}

.main-body .drink-menu__label-hot-ice {
    display: block;
    margin-bottom: 10px;
    line-height: 0;
}

@media screen and (max-width: 900px) {
    .main-body .drink-menu__label-hot-ice {
        width: 19.7vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__label-hot-ice {
        margin-bottom: 0;
        width: 30vw;
    }
    .main-body .drink-menu__label-hot-ice img {
        width: 100%;
    }
}

.main-body .drink-menu__label-ice {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: right;
    line-height: 0;
}

@media screen and (max-width: 900px) {
    .main-body .drink-menu__label-ice {
        width: 8.8vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__label-ice {
        margin-bottom: 0;
        width: 13.59375vw;
    }
    .main-body .drink-menu__label-ice img {
        width: 100%;
    }
}

.main-body .drink-menu__lead {
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__lead {
        margin-bottom: 8.59375vw;
        margin-left: 1vw;
    }
}

.main-body .drink-menu__lead-inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;

    -webkit-box-align: baseline;
    align-items: baseline;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__lead-inner {
        display: block;
        margin-top: 0;
    }
}

.main-body .drink-menu__lead-inner + p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__lead-inner {
        margin-top: 2vw;
    }
}

.main-body .drink-menu__lead-txt {
    margin-bottom: 0 !important;
    letter-spacing: 0.1em;
    font-size: 16px;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__lead-txt {
        font-size: 3.125vw;
    }
}

.main-body .drink-menu__lead-txt-en {
    margin-bottom: 0 !important;
    margin-left: 1em;
    font-style: italic;
    font-size: 13px;
    font-family: 'Bodoni Moda', serif;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__lead-txt-en {
        margin-left: 0;
        font-size: 3.125vw;
        line-height: 1.2;
    }
}

.main-body .drink-menu__lead-txt-en + p:not([class]) {
    display: none;
}

.main-body .drink-menu__body {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__body {
        display: block;
    }
}

.main-body .drink-menu__pic {
    width: calc(27.5% - 20px);
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic {
        margin: 0 auto;
        width: 45.3125vw;
    }
    .main-body .drink-menu__pic img {
        width: 100%;
    }
}

.main-body .drink-menu__pic--s {
    margin-left: 30px;
}

@media screen and (max-width: 900px) {
    .main-body .drink-menu__pic--s {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic--s {
        margin-left: auto;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic--7 {
        margin-top: 12vw;
        width: 78.125vw;
    }
}

.main-body .drink-menu__pic--8 {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic--8 {
        margin-top: 12vw;
        width: 78.125vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic--10 {
        margin-top: 12vw;
        margin-bottom: 9vw;
        width: 80.625vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__pic--11 {
        margin-bottom: 0;
        width: 78.125vw;
    }
}

.main-body .drink-menu__list {
    margin-top: 10px;
    margin-left: 20px;
    min-width: 550px;
    width: 72.5%;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__list {
        margin: 0;
        margin-top: 5vw;
        min-width: 0;
        width: 100%;
    }
}

.main-body .drink-menu__list--mgt {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__list--mgt {
        margin-top: 5vw;
    }
}

.main-body .drink-menu__list-item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-bottom: 17px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__list-item {
        margin-bottom: 6vw;
    }
}

.main-body .drink-menu__list-item--block {
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__list-item--block {
        display: block;
        margin-bottom: 8vw;
    }
}

.main-body .drink-menu__list-item--new {
    margin-bottom: 40px;
    padding-top: 15px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__list-item--new {
        margin-bottom: 9vw;
    }
}

.main-body .drink-menu__txt-wrap {
    position: relative;
    margin-right: 10px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt-wrap--long {
        margin-right: -2vw;
    }
}

.main-body .drink-menu__txt-wrap + p:not([class]) {
    margin: 0;
}

.main-body .drink-menu__new {
    position: absolute;
    top: -15px;
    left: -20px;
    width: 78px;
}

@media screen and (max-width: 940px) {
    .main-body .drink-menu__new {
        left: -10px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__new {
        top: -12vw;
        left: -3vw;
        width: 21.5625vw;
    }
}

.main-body .drink-menu__new + p:not([class]) {
    display: none;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__new img {
        width: 100%;
    }
}

.main-body .drink-menu__txt {
    margin: 0;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt {
        font-size: 3.75vw;
        line-height: 1;
    }
    .main-body .android .drink-menu__txt {
        letter-spacing: -0.05em;
    }
    .main-body .drink-menu__txt--narrow {
        letter-spacing: -0.05em;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt--2 {
        line-height: 1.3;
    }
}

.main-body .drink-menu__txt--long {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
    .main-body .drink-menu__txt--long {
        display: block;
    }
    .main-body .drink-menu__txt-br {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt--long {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        letter-spacing: -0.05em;
    }
}

.main-body .ie .drink-menu__txt rt {
    position: relative;
    top: -0.5em;
}

.main-body .drink-menu__txt + p:not([class]) {
    margin: 0;
}

.main-body .drink-menu__en-txt {
    display: block;
    margin-top: 4px;
    font-style: italic;
    font-size: 12px;
    font-family: 'Bodoni Moda', serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__en-txt {
        margin-top: 1vw;
        font-size: 3.125vw;
    }
    .main-body .drink-menu__en-txt--narrow {
        letter-spacing: -0.05em;
    }
}

.main-body .drink-menu__en-txt + br {
    display: none;
}

.main-body .drink-menu__en-txt--inline {
    display: inline-block;
}

.main-body .drink-menu__txt-note {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt-note {
        margin-top: 2vw;
        font-size: 3.125vw;
    }
    .main-body .drink-menu__txt-note--2 {
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.5;
    }
}

.main-body .drink-menu__txt-note--inline {
    display: inline-block;
    margin-left: 10px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__txt-note--inline {
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1em;
        white-space: nowrap;
        line-height: 1.25;
    }
}

.main-body .drink-menu__price-wrap--l {
    margin-right: 8px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-wrap--l {
        margin-right: 0;
    }
}

.main-body .drink-menu__price {
    display: block;
    width: 60px;
    height: 16px;
    line-height: 0;
}

@media screen and (max-width: 900px) {
    .main-body .drink-menu__price {
        width: 6.7vw;
        height: 1.81vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price {
        width: 12.1875vw;
        height: 4vw;
    }
}

.main-body .drink-menu__price:nth-of-type(2) {
    margin-left: 10px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price:nth-of-type(2) {
        margin-left: 3vw;
    }
}

.main-body .drink-menu__price-wrap--l .drink-menu__price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.main-body .drink-menu__price img {
    width: 100%;
    height: 100%;
}

.main-body .drink-menu__price-label {
    display: block;
    width: 80px;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-label {
        width: 18.75vw;
    }
}

.main-body .drink-menu__price-wrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-wrap {
        display: block;
    }
}

.main-body .drink-menu__price-wrap--mgt {
    margin-top: 13px;
}

.main-body .ie .drink-menu__price-wrap--mgt {
    margin-top: 20px;
}

.main-body .firefox .drink-menu__price-wrap--mgt {
    margin-top: 20px;
}

.main-body .drink-menu__price-wrap--4 {
    display: block;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-wrap--4 {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        margin-top: 5vw;

        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}

.main-body .drink-menu__price-left {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    line-height: 1;
}

.main-body .drink-menu__price-wrap--3 .drink-menu__price-left {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-left {
        margin-bottom: 1.5vw;
        width: 100%;
    }
}

.main-body .drink-menu__price-left + p:not([class]) {
    display: none;
}

.main-body .drink-menu__price-right {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    width: 45%;
    line-height: 1;
}

.main-body .drink-menu__price-wrap--3 .drink-menu__price-right {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-right {
        margin-left: 0;
        width: 100%;
    }
}

.main-body .drink-menu__price-right + p:not([class]) {
    display: none;
}

.main-body .drink-menu__price-row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    line-height: 1;

    -webkit-box-align: center;
    align-items: center;
}

.main-body .drink-menu__price-row:first-of-type {
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__price-row:first-of-type {
        margin-right: 3vw;
        margin-bottom: 0;
    }
}

.main-body .drink-menu__price-row + p:not([class]) {
    display: none;
}

.main-body .drink-menu__note {
    text-align: right;
    font-size: 12px;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 750px) {
    .main-body .drink-menu__note {
        font-size: 3.125vw;
    }
}

.main-body .menu-note {
    margin-top: 35px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-note {
        margin-top: 7vw;
    }
}

.main-body .menu-note__item {
    margin-bottom: 0;
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .menu-note__item {
        white-space: nowrap;
        letter-spacing: -0.06em;
        font-size: 3.125vw;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.main-body .fvineger {
    position: relative;
    max-height: 570px;
    height: 47.5vw;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 750px) {
    .main-body .fvineger {
        max-height: none;
        height: auto;
    }
}

.main-body .fvineger__container {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__container {
        display: block;
    }
}

.main-body .fvineger__ttl-area {
    width: 33.5%;
    background-color: #F8C38E;
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__ttl-area {
        width: 100%;
        height: 44.0625vw;
    }
}

.main-body .fvineger__new {
    display: block;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__new {
        width: 15.16666vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__new {
        width: 32.34375vw;
    }
    .main-body .fvineger__new img {
        width: 100%;
    }
}

.main-body .fvineger__new + p:not([class]) {
    display: none;
}

.main-body .fvineger__ttl {
    margin: 165px auto 0 60px !important;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__ttl {
        margin: 13.855vw auto 0 5vw !important;
        width: 22.08333vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__ttl {
        margin: 0 auto !important;
        padding-top: 10.9375vw !important;
        width: 67.03125vw;
    }
    .main-body .fvineger__ttl img {
        width: 100%;
    }
}

.main-body .fvineger__txt-area {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    padding-top: 450px;
    width: 67%;
    background: url(../images/menu/img_bg-fvineger.jpg) 0 0 no-repeat;
    background-size: cover;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__txt-area {
        padding-top: 37.5vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__txt-area {
        padding-top: 50vw;
        width: 100%;
        height: 70.3125vw;
        background-image: url(../images/menu/sp/img_bg-fvineger.jpg);
    }
}

.main-body .fvineger__label {
    position: absolute;
    top: 319px;
    left: 348px;
    width: 72px;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__label {
        position: absolute;
        top: 26.583vw;
        left: 29vw;
        width: 6vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__label {
        top: 32.34375vw;
        left: 37.96875vw;
        width: 16.25vw;
    }
}

.main-body .fvineger__label + br:not([class]) {
    display: none;
}

.main-body .fvineger__label--2 {
    right: 32px;
    left: auto;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__label--2 {
        right: 2.667vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__label--2 {
        right: 2.96875vw;
    }
}

.main-body .fvineger__label img + br:not([class]) {
    display: none;
}

.main-body .fvineger__txt-inner {
    line-height: 1;
}

.main-body .fvineger__txt-inner--2 {
    margin-left: 120px;
}

@media screen and (max-width: 1200px) {
    .main-body .fvineger__txt-inner--2 {
        margin-left: 10vw;
    }
}

@media screen and (max-width: 900px) {
    .main-body .fvineger__txt-inner--2 {
        margin-left: 6vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__txt-inner--2 {
        margin-left: 4.6875vw;
    }
}

.main-body .fvineger__txt {
    margin: 0;
    letter-spacing: -0.05em;
    font-size: 18px;
    line-height: 1.7;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 900px) {
    .main-body .fvineger__txt {
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__txt {
        font-size: 3.75vw;
    }
    .main-body .iphone .fvineger__txt {
        letter-spacing: -0.1em;
    }
}

.main-body .fvineger__txt-s {
    display: block;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__txt-s {
        font-size: 3.125vw;
    }
}

.main-body .fvineger__txt-s + br {
    display: none;
}

.main-body .fvineger__price {
    display: block;
    margin: 10px auto 0;
    width: 50px;
    height: 16px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .main-body .fvineger__price {
        margin-top: 2vw;
        width: 11.71875vw;
        height: 4.0625vw;
    }
}

.main-body .fvineger__price img {
    width: 100%;
}

.main-body .egray {
    position: relative;
    max-height: 570px;
    height: 47.5vw;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 750px) {
    .main-body .egray {
        max-height: none;
        height: auto;
    }
}

.main-body .egray__container {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .main-body .egray__container {
        display: block;
    }
}

.main-body .egray__ttl-area {
    width: 33%;
}

@media screen and (max-width: 750px) {
    .main-body .egray__ttl-area {
        width: 100%;
        height: 44.0625vw;
    }
}

.main-body .egray__label {
    display: block;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__label {
        width: 15.16666vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__label {
        width: 32.34375vw;
    }
    .main-body .egray__label img {
        width: 100%;
    }
}

.main-body .egray__label + p:not([class]) {
    display: none;
}

.main-body .egray__ttl-area {
    background-color: #FDF1CA;
}

.main-body .egray__ttl {
    margin: 80px auto 0 80px !important;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__ttl {
        margin: 6.66667vw auto 0 6.66667vw !important;
        width: 19vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__ttl {
        margin: -2.34375vw auto !important;
        width: 49.21875vw;
    }
    .main-body .egray__ttl img {
        width: 100%;
    }
}

.main-body .egray__txt-area {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 450px;
    width: 67%;
    background: url(../images/menu/img_bg-egray.jpg) 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__txt-area {
        padding-top: 35vw;
        background-image: url(../images/menu/sp/img_bg-egray.jpg);
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-area {
        padding-top: 46.875vw;
        width: 100%;
        height: 70.3125vw;
    }
}

.main-body .egray__txt-area + p:not([class]) {
    display: none;
}

.main-body .egray__txt-contents {
    width: 50%;
}

.main-body .egray__txt-inner {
    margin: 0 auto;
    min-width: 260px;
    width: 80%;
    line-height: 1;
}

@media screen and (max-width: 800px) {
    .main-body .egray__txt-inner {
        min-width: 240px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-inner {
        min-width: 0;
    }
}

.main-body .egray__txt-inner--2 {
    min-width: 220px;
    width: 70%;
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-inner--2 {
        min-width: 0;
    }
}

.main-body .egray__txt-upper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-bottom: 7px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-upper {
        display: block;
        margin-bottom: 0;
    }
}

.main-body .egray__txt {
    margin: 0;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 18px;
    line-height: 1.7;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 900px) {
    .main-body .egray__txt {
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt {
        margin-bottom: 2vw;
        font-size: 3.75vw;
        line-height: 1;
    }
    .main-body .iphone .egray__txt {
        letter-spacing: -0.1em;
    }
}

.main-body .egray__txt-s {
    display: block;
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__txt-s {
        letter-spacing: -0.1em;
        font-size: 1.16667vw;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-s {
        margin-top: 2vw;
        margin-bottom: 1vw;
        letter-spacing: 0em;
        font-size: 2.65625vw;
        line-height: 1;
    }
}

.main-body .egray__txt-s + p:not([class]) {
    display: none;
}

.main-body .egray__txt-s + br {
    display: none;
}

.main-body .egray__price-wrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    .main-body .egray__price-wrap {
        -ms-flex-pack: center;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.main-body .egray__price-wrap + p:not([class]) {
    display: none;
}

.main-body .egray__price {
    display: block;
    width: 50px;
    line-height: 1;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__price {
        min-width: 44px;
        width: 4.16667vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__price {
        min-width: 0;
        width: 9.84375vw;
        height: 3.28125vw;
    }
}

.main-body .egray__price:nth-of-type(2) {
    margin-left: 10px;
    width: 51px;
}

@media screen and (max-width: 1200px) {
    .main-body .egray__price:nth-of-type(2) {
        min-width: 45px;
        width: 4.25vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .egray__price:nth-of-type(2) {
        margin-left: 3vw;
        min-width: 0;
        width: 9.84375vw;
        height: 3.28125vw;
    }
}

.main-body .egray__price img {
    width: 100%;
}

.main-body .egray__txt-plus {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-left: auto;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .egray__txt-plus {
        display: block;
        margin-left: auto;
    }
}

.main-body .jtea__ttl {
    margin: 0 !important;
}

.main-body .jtea__ttl img + br:not([class]) {
    display: none;
}

.main-body .jtea__ttl img {
    width: 100%;
}

.main-body .shindan__ttl {
    margin-bottom: 50px !important;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__ttl {
        margin-bottom: 10vw !important;
        margin-left: -20px !important;
        width: 100vw;
    }
}

.main-body .shindan__list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list {
        display: block;
        margin: 0 auto 21vw;
        width: 87.5vw;
    }
}

.main-body .shindan__img {
    margin-bottom: 50px;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__img {
        margin-bottom: 1vw;
        margin-left: -20px;
        width: 100vw;
    }
    .main-body .shindan__img img {
        width: 100%;
    }
}

.main-body .shindan__sub-ttl {
    margin: 0 auto 90px !important;
    padding-top: 30px !important;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__sub-ttl {
        margin-top: -60px;
        padding-top: 60px !important;
        width: 27.58vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__sub-ttl {
        margin: 12.5vw auto 16vw !important;
        width: 43.75vw;
    }
}

.main-body .shindan__list-item {
    position: relative;
    margin-right: 7.8%;
    margin-bottom: 90px;
    width: 46.1%;
    border: 1px solid #A37C52;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-item {
        margin-right: 5.8%;
        width: 47.1%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-item {
        margin-bottom: 17vw;
        width: 100%;
    }
}

.main-body .shindan__list-item:nth-of-type(2n) {
    margin-right: 0;
}

.main-body .shindan__list-item:last-of-type:nth-of-type(2n - 1) {
    margin-right: 0;
}

.main-body .shindan__list-item:after {
    position: absolute;
    top: 7px;
    left: -7px;
    z-index: 1;
    width: calc(100% + 14px);
    height: calc(100% - 14px);
    border: 1px solid #A37C52;
    content: "";
}

.main-body .shindan__list-inner {
    position: relative;
    z-index: 10;
    padding: 55px 0 40px;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-inner {
        padding: 11vw 0 7vw;
    }
}

.main-body .shindan__list-icon {
    position: absolute;
    top: -30px;
    left: -35px;
    display: block;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-icon {
        top: -2.5vw;
        left: -2.9vw;
        width: 8.5vw;
    }
    .main-body .shindan__list-icon img {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-icon {
        top: -7.5vw;
        left: -6.5vw;
        width: 20.46vw;
    }
}

.main-body .shindan__list-upper-txt {
    color: #A37C52;
    text-align: center;
    font-size: 19px;
    font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-upper-txt {
        font-size: 1.58vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-upper-txt {
        margin-bottom: 4vw;
        font-size: 3.75vw;
    }
}

.main-body .shindan__list-name {
    margin-bottom: 10px;
    color: #A37C52;
    text-align: center;
    letter-spacing: -0.05em;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Noto Serif JP', serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-name {
        font-size: 2vw;
    }
    .main-body .safari .shindan__list-name {
        letter-spacing: -0.1em;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-name {
        margin-bottom: 0;
        font-size: 5vw;
    }
    .main-body .safari .shindan__list-name {
        letter-spacing: -0.05em;
    }
}

.main-body .shindan__list-name-s {
    display: block;
    color: #A37C52;
    text-align: center;
    font-size: 19px;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-name-s {
        font-size: 1.58vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-name-s {
        font-size: 3.75vw;
    }
}

.main-body .shindan__list-img {
    margin: 0 auto;
    width: 90%;
    height: 314px;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-img {
        height: 26vw;
    }
}

@media screen and (max-width: 950px) {
    .main-body .shindan__list-img {
        max-height: 314px;
        height: 36vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-img {
        max-width: 68.75vw;
        max-height: none;
        width: 68.75vw;
        height: auto;
    }
}

.main-body .shindan__list-txt {
    margin: 0 auto 40px;
    padding-top: 10px;
    max-width: 340px;
    width: 90%;
    border-top: 1px solid #A37C52;
    color: #A37C52;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Noto Serif JP', serif;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__list-txt {
        font-size: 1.33vw;
    }
    .main-body .safari .shindan__list-name {
        letter-spacing: -0.05em;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-txt {
        margin-bottom: 6.8vw;
        padding-top: 3.125vw;
        max-width: 68.75vw;
        width: 68.75vw;
        letter-spacing: -0.05em;
        font-size: 3.4375vw;
    }
}

.main-body .shindan__list-btn {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin: 0 auto;
    padding-left: 26.4%;
    max-width: 340px;
    width: 90%;
    height: 60px;
    border-radius: 2px;
    background: #22B273 url(../images/post/icon_twitter.svg) center left 20.6% no-repeat;
    background-size: 27px 22px;
    -webkit-box-shadow: 0px 5px 5px rgba(9, 66, 20, 0.3);
    box-shadow: 0px 5px 5px rgba(9, 66, 20, 0.3);
    color: #fff;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-transition: 0.3s;
    transition: 0.3s;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__list-btn {
        padding-left: 25%;
        max-width: 68.75vw;
        width: 68.75vw;
        height: 12.5vw;
        background-size: 5.5vw 4.6vw;
        font-size: 4.0625vw;
    }
}

.main-body .shindan__list-btn:hover {
    color: #fff;
    opacity: 0.8;
}

.main-body .shindan__list-btn:active,
.main-body .shindan__list-btn:visited,
.main-body .shindan__list-btn:link {
    color: #fff;
}

.main-body .shindan__txt {
    color: #A37C52;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 26px;
    font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 1200px) {
    .main-body .shindan__txt {
        font-size: 2.16vw;
    }
}

@media screen and (max-width: 750px) {
    .main-body .shindan__txt {
        margin-bottom: 14vw;
        margin-left: -20px;
        width: 100vw;
        letter-spacing: -0.08em;
        font-size: 4.0625vw;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.main-body .shindan__pic {
    margin-top: 75px;
    margin-bottom: 50px;
}

@media screen and (max-width: 750px) {
    .main-body .shindan__pic {
        margin-top: 14vw;
        margin-bottom: 10vw;
    }
    .main-body .shindan__pic img {
        width: 100%;
    }
}