/* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-1__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-1__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-1__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-1__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-1 { padding-top: 10px; } .t0-b-headerCombiCustom-1__col2 { position: absolute; } .t0-b-headerCombiCustom-1__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-1__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-1__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-1 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-2__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-2__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-2__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-2__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-2 { padding-top: 10px; } .t0-b-headerCombiCustom-2__col2 { position: absolute; } .t0-b-headerCombiCustom-2__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-2__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-2__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-2 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-2__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-3__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-3__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-3__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-3__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-3 { padding-top: 10px; } .t0-b-headerCombiCustom-3__col2 { position: absolute; } .t0-b-headerCombiCustom-3__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-3__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-3__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-3 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-4__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-4__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-4__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-4__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-4 { padding-top: 10px; } .t0-b-headerCombiCustom-4__col2 { position: absolute; } .t0-b-headerCombiCustom-4__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-4__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-4__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-4 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-4__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-5__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-5__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-5__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-5__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-5 { padding-top: 10px; } .t0-b-headerCombiCustom-5__col2 { position: absolute; } .t0-b-headerCombiCustom-5__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-5__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-5__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-5__hd > p, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-5 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-5 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-6__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-6__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-6__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-6__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-6 { padding-top: 10px; } .t0-b-headerCombiCustom-6__col2 { position: absolute; } .t0-b-headerCombiCustom-6__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-6__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-6__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-6__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-6__hd > p, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-6 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-6 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-7__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-7__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-7__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-7__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-7 { padding-top: 10px; } .t0-b-headerCombiCustom-7__col2 { position: absolute; } .t0-b-headerCombiCustom-7__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-7__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-7__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-7__hd > p, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-7 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-7 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-8__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-8__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-8__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-8__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-8 { padding-top: 10px; } .t0-b-headerCombiCustom-8__col2 { position: absolute; } .t0-b-headerCombiCustom-8__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-8__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-8__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-8__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-8__hd > p, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-8 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-8 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-9__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-9__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-9__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-9__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-9 { padding-top: 10px; } .t0-b-headerCombiCustom-9__col2 { position: absolute; } .t0-b-headerCombiCustom-9__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-9__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-9__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-9 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-10__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-10__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-10__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-10__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-10 { padding-top: 10px; } .t0-b-headerCombiCustom-10__col2 { position: absolute; } .t0-b-headerCombiCustom-10__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-10__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-10__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-10 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-10__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-11__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-11__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-11__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-11__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-11 { padding-top: 10px; } .t0-b-headerCombiCustom-11__col2 { position: absolute; } .t0-b-headerCombiCustom-11__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-11__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-11__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-11 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-12__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-12__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-12__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-12__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-12 { padding-top: 10px; } .t0-b-headerCombiCustom-12__col2 { position: absolute; } .t0-b-headerCombiCustom-12__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-12__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-12__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-12 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-12__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-13__media { line-height: 0; } .t0-b-mediaCustom-13 { color: #333; } .t0-b-mediaCustom-13 img { width: 100%; } .t0-b-mediaCustom-13 > * { padding-top: 15px; } .t0-b-mediaCustom-13 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-13__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-13__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-13__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-13__media { text-align: center; } .t0-b-mediaCustom-13__media > * { vertical-align: top; } .t0-b-mediaCustom-13__media img { vertical-align: top; } .t0-b-mediaCustom-13__media > span { vertical-align: baseline; } .t0-b-mediaCustom-13__media img { padding: 7px 7px 6px 6px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x; background-position: left top, left bottom, right bottom, right top, left top, left bottom, right top, left top; background-image: url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg2.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg3.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg4.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg5.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg6.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg7.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg8.png"); box-shadow: 0px 0px 2px #f3ece0; box-sizing: border-box; } .t0-b-mediaCustom-13 a { text-decoration: none; } .t0-b-mediaCustom-13__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-13__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-13__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-13__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-13__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-13__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-13 img { max-width: 100% !important; } .t0-b-mediaCustom-13--width-l .t0-b-mediaCustom-13__media img { width: 100%; } .t0-b-mediaCustom-13--width-m .t0-b-mediaCustom-13__media img { width: 75%; } .t0-b-mediaCustom-13--width-s .t0-b-mediaCustom-13__media img { width: 50%; } .t0-b-mediaCustom-13--align-l { text-align: left; } .t0-b-mediaCustom-13--align-c { text-align: center; } .t0-b-mediaCustom-13--align-r { text-align: right; } .t0-b-mediaCustom-13__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-13__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-13__h-upper div { display: inline-block; } .t0-b-mediaCustom-13__h-lower div { display: inline-block; } .t0-b-mediaCustom-14__media { line-height: 0; } .t0-b-mediaCustom-14 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-14 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-14__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-14__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-14__media a { text-decoration: none; } .t0-b-mediaCustom-14__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-14__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-14__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-14__media img { width: 100%; } .t0-b-mediaCustom-14--width-l .t0-b-mediaCustom-14__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-14__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-14__media img { width: 75%; } .t0-b-mediaCustom-14--width-m .t0-b-mediaCustom-14__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-14__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-14__media img { width: 50%; } .t0-b-mediaCustom-14--width-s .t0-b-mediaCustom-14__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-14__media img { width: 50%; } .t0-b-mediaCustom-14--align-l { text-align: left; } .t0-b-mediaCustom-14--align-c { text-align: center; } .t0-b-mediaCustom-14--align-r { text-align: right; } .t0-b-mediaCustom-14__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-14__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-14__h-upper div { display: inline-block; } .t0-b-mediaCustom-14__h-lower div { display: inline-block; } .t0-b-mediaCustom-14 img { border: 1px solid #333; } .t0-b-mediaCustom-15__media { line-height: 0; } .t0-b-mediaCustom-15 { color: #4d4d4d; } .t0-b-mediaCustom-15 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-15 img { width: 100%; } .t0-b-mediaCustom-15 a { text-decoration: none; } .t0-b-mediaCustom-15__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-15__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-15__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-15__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-15__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-15--width-l .t0-b-mediaCustom-15__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-15__media img { width: 100%; } .t0-b-mediaCustom-15--width-m .t0-b-mediaCustom-15__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-15__media img { width: 75%; } .t0-b-mediaCustom-15--width-s .t0-b-mediaCustom-15__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-15__media img { width: 50%; } .t0-b-mediaCustom-15--align-l { text-align: left; } .t0-b-mediaCustom-15--align-c { text-align: center; } .t0-b-mediaCustom-15--align-r { text-align: right; } .t0-b-mediaCustom-15__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-15__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-15__h-upper div { display: inline-block; } .t0-b-mediaCustom-15__h-lower div { display: inline-block; } .t0-b-mediaCustom-16__media { line-height: 0; } .t0-b-mediaCustom-16 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-16 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #ede9da, -1px -1px 2px #ede9da; } .t0-b-mediaCustom-16__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-16__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-16__media a { text-decoration: none; } .t0-b-mediaCustom-16__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-16__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-16__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-16--width-l .t0-b-mediaCustom-16__media img { width: 100%; } .t0-b-mediaCustom-16--width-m .t0-b-mediaCustom-16__media img { width: 75%; } .t0-b-mediaCustom-16--width-s .t0-b-mediaCustom-16__media img { width: 50%; } .t0-b-mediaCustom-16--align-l { text-align: left; } .t0-b-mediaCustom-16--align-c { text-align: center; } .t0-b-mediaCustom-16--align-r { text-align: right; } .t0-b-mediaCustom-16__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-16__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-16__h-upper div { display: inline-block; } .t0-b-mediaCustom-16__h-lower div { display: inline-block; } .t0-b-mediaCustom-17__media { line-height: 0; } .t0-b-mediaCustom-17 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-17 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #d4dfce, -1px -1px 2px #d4dfce; } .t0-b-mediaCustom-17__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-17__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-17__media a { text-decoration: none; } .t0-b-mediaCustom-17__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-17__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-17__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-17--width-l .t0-b-mediaCustom-17__media img { width: 100%; } .t0-b-mediaCustom-17--width-m .t0-b-mediaCustom-17__media img { width: 75%; } .t0-b-mediaCustom-17--width-s .t0-b-mediaCustom-17__media img { width: 50%; } .t0-b-mediaCustom-17--align-l { text-align: left; } .t0-b-mediaCustom-17--align-c { text-align: center; } .t0-b-mediaCustom-17--align-r { text-align: right; } .t0-b-mediaCustom-17__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-17__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-17__h-upper div { display: inline-block; } .t0-b-mediaCustom-17__h-lower div { display: inline-block; } .t0-b-mediaCustom-18__media { line-height: 0; } .t0-b-mediaCustom-18 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-18 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-18__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-18__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-18__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-18__media { text-align: center; background: url("/_master/acre/themes/008-L25/imgs/t0-b-media/bg.png") 0 0 repeat; padding: 4px; } .t0-b-mediaCustom-18 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-18__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-18__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-18__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-18__caption { margin-top: 10px; } .t0-b-mediaCustom-18__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-18__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-18__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-18--width-l { width: 100%; } .t0-b-mediaCustom-18--width-m { width: 75%; } .t0-b-mediaCustom-18--width-s { width: 50%; } .t0-b-mediaCustom-18--align-l { text-align: left; } .t0-b-mediaCustom-18--align-c { text-align: center; } .t0-b-mediaCustom-18--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-19 { padding-top: 10px; } .t0-b-headerCombiCustom-19__col2 { position: absolute; } .t0-b-headerCombiCustom-19__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-19__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-19 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-20__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-20__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-20__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-20__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-20 { padding-top: 10px; } .t0-b-headerCombiCustom-20__col2 { position: absolute; } .t0-b-headerCombiCustom-20__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-20__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-20__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-20 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-20__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-21__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-21__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-21__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-21__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-21 { padding-top: 10px; } .t0-b-headerCombiCustom-21__col2 { position: absolute; } .t0-b-headerCombiCustom-21__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-21__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-21__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-21__hd > p, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-21 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-21 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-22__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-22__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-22__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-22__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-22 { padding-top: 10px; } .t0-b-headerCombiCustom-22__col2 { position: absolute; } .t0-b-headerCombiCustom-22__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-22__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-22__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-22__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-22__hd > p, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-22 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-22 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-23__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-23__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-23__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-23__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-23 { padding-top: 10px; } .t0-b-headerCombiCustom-23__col2 { position: absolute; } .t0-b-headerCombiCustom-23__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-23__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-23__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-23__hd > p, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-23 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-23 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-24__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-24__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-24__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-24__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-24 { padding-top: 10px; } .t0-b-headerCombiCustom-24__col2 { position: absolute; } .t0-b-headerCombiCustom-24__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-24__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-24__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 { } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-24__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-24__hd > p, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-24 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-24 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-25 { height: 70vw; background: url(/_design/703/images/004.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-25__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-26 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-26 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-26 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-27 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-27__hd, .t0-b-headerCombiCustom-27__col1, .t0-b-headerCombiCustom-27__col2 { display: none; } .t0-b-headerCombiCustom-27__col3 { width: 100%; } .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-27__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-28 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-28__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-29 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-29 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-29 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-30 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-30__hd, .t0-b-headerCombiCustom-30__col1, .t0-b-headerCombiCustom-30__col2 { display: none; } .t0-b-headerCombiCustom-30__col3 { width: 100%; } .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-30__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-31 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-31__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-32 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-32 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-32 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-33 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-33__hd, .t0-b-headerCombiCustom-33__col1, .t0-b-headerCombiCustom-33__col2 { display: none; } .t0-b-headerCombiCustom-33__col3 { width: 100%; } .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-33__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-34 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-34__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-35 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-35 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-35 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-36 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-36__hd, .t0-b-headerCombiCustom-36__col1, .t0-b-headerCombiCustom-36__col2 { display: none; } .t0-b-headerCombiCustom-36__col3 { width: 100%; } .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-36__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-37 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-37__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-38 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-38 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-38 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-39 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-39__hd, .t0-b-headerCombiCustom-39__col1, .t0-b-headerCombiCustom-39__col2 { display: none; } .t0-b-headerCombiCustom-39__col3 { width: 100%; } .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-39__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-40 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-40__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-41 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-41 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-41 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-42 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-42__hd, .t0-b-headerCombiCustom-42__col1, .t0-b-headerCombiCustom-42__col2 { display: none; } .t0-b-headerCombiCustom-42__col3 { width: 100%; } .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-42__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-43 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-43__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-44 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-44 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-44 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-45 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-45__hd, .t0-b-headerCombiCustom-45__col1, .t0-b-headerCombiCustom-45__col2 { display: none; } .t0-b-headerCombiCustom-45__col3 { width: 100%; } .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-45__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-46 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-46__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-47 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-47 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-47 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-48 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-48__hd, .t0-b-headerCombiCustom-48__col1, .t0-b-headerCombiCustom-48__col2 { display: none; } .t0-b-headerCombiCustom-48__col3 { width: 100%; } .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-48__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-49 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-49__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-50 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-50 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-50 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-51 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-51__hd, .t0-b-headerCombiCustom-51__col1, .t0-b-headerCombiCustom-51__col2 { display: none; } .t0-b-headerCombiCustom-51__col3 { width: 100%; } .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-51__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-52 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-52__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-53__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-53__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-53__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-53__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-53 { padding-top: 10px; } .t0-b-headerCombiCustom-53__col2 { position: absolute; } .t0-b-headerCombiCustom-53__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-53__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-53__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-53 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-54__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-54__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-54__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-54__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-54 { padding-top: 10px; } .t0-b-headerCombiCustom-54__col2 { position: absolute; } .t0-b-headerCombiCustom-54__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-54__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-54__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-54 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-54__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-55__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-55__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-55__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-55__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-55 { padding-top: 10px; } .t0-b-headerCombiCustom-55__col2 { position: absolute; } .t0-b-headerCombiCustom-55__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-55__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-55__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-55 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-56__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-56__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-56__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-56__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-56 { padding-top: 10px; } .t0-b-headerCombiCustom-56__col2 { position: absolute; } .t0-b-headerCombiCustom-56__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-56__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-56__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-56 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-56__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-57__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-57__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-57__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-57__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-57 { padding-top: 10px; } .t0-b-headerCombiCustom-57__col2 { position: absolute; } .t0-b-headerCombiCustom-57__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-57__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-57__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-57 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-58__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-58__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-58__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-58__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-58 { padding-top: 10px; } .t0-b-headerCombiCustom-58__col2 { position: absolute; } .t0-b-headerCombiCustom-58__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-58__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-58__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-58 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-58__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-59__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-59__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-59__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-59__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-59 { padding-top: 10px; } .t0-b-headerCombiCustom-59__col2 { position: absolute; } .t0-b-headerCombiCustom-59__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-59__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-59__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-59 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-60__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-60__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-60__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-60__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-60 { padding-top: 10px; } .t0-b-headerCombiCustom-60__col2 { position: absolute; } .t0-b-headerCombiCustom-60__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-60__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-60__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-60__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-61 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-61__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-62 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-62__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-63 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-63__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-64 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-64__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-65 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-65 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-65 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-66 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-66 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-66 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-67 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-67 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-67 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-68 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-68 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-68 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-69 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-69__hd, .t0-b-headerCombiCustom-69__col1, .t0-b-headerCombiCustom-69__col2 { display: none; } .t0-b-headerCombiCustom-69__col3 { width: 100%; } .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-70 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-70__hd, .t0-b-headerCombiCustom-70__col1, .t0-b-headerCombiCustom-70__col2 { display: none; } .t0-b-headerCombiCustom-70__col3 { width: 100%; } .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-71 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-71__hd, .t0-b-headerCombiCustom-71__col1, .t0-b-headerCombiCustom-71__col2 { display: none; } .t0-b-headerCombiCustom-71__col3 { width: 100%; } .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-72-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-72 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-72__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-72__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-72__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-72__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-72__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-72__col1 { width: 100%; } .t0-b-headerCombiCustom-72__col2 { width: 100%; } .t0-b-headerCombiCustom-72__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-73 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-73__col2 { position: absolute; } .t0-b-headerCombiCustom-73__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-73__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-73__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-73__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-74 { padding: 15px 0; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-74__col2 { position: absolute; } .t0-b-headerCombiCustom-74__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-74__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-74__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-74__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-74__hd > p, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-75 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-75 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-75 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-76 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-76__hd, .t0-b-headerCombiCustom-76__col1, .t0-b-headerCombiCustom-76__col2 { display: none; } .t0-b-headerCombiCustom-76__col3 { width: 100%; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-77 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-77__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-78 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-78__col2 { position: absolute; } .t0-b-headerCombiCustom-78__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-78__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-78__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-78__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-79 { padding: 15px 0; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-79__col2 { position: absolute; } .t0-b-headerCombiCustom-79__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-79__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-79__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-79__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-79__hd > p, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-80 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-80__col2 { position: absolute; } .t0-b-headerCombiCustom-80__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-80__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-80__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-80__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-81 { padding: 15px 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-81__col2 { position: absolute; } .t0-b-headerCombiCustom-81__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-81__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-81__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-81__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-81__hd > p, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-82 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-82__col2 { position: absolute; } .t0-b-headerCombiCustom-82__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-82__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-83 { padding: 15px 0; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-83__col2 { position: absolute; } .t0-b-headerCombiCustom-83__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-83__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-83__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-83__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-83__hd > p, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-84 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-84__col2 { position: absolute; } .t0-b-headerCombiCustom-84__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-84__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-84__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-84__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-85 { padding: 15px 0; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-85__col2 { position: absolute; } .t0-b-headerCombiCustom-85__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-85__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-85__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-85__hd > p, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-85__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-86 { padding-top: 10px; } .t0-b-headerCombiCustom-86__col2 { position: absolute; } .t0-b-headerCombiCustom-86__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-86__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-87 { padding-top: 10px; } .t0-b-headerCombiCustom-87__col2 { position: absolute; } .t0-b-headerCombiCustom-87__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-87__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-87__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-87__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-88 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-88__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-89 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-89 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-89 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-90 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-90__hd, .t0-b-headerCombiCustom-90__col1, .t0-b-headerCombiCustom-90__col2 { display: none; } .t0-b-headerCombiCustom-90__col3 { width: 100%; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-92 { background-image: url('/_design/703/images/プレゼンテーション1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-92 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /* .t0-b-headerFullWidthMediaCustom-92 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } */ /* 文字の背景色 */ .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-93 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-93__hd, .t0-b-headerCombiCustom-93__col1, .t0-b-headerCombiCustom-93__col2 { display: none; } .t0-b-headerCombiCustom-93__col3 { width: 100%; } .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-101 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-101__hd, .t0-b-headerCombiCustom-101__col1, .t0-b-headerCombiCustom-101__col2 { display: none; } .t0-b-headerCombiCustom-101__col3 { width: 100%; } .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-101__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-100 { background-image: url('/_design/703/images/インビザラインHPトップ画像製作スライド1101.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-100 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-99__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-99__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-99 { padding: 15px 0; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-99__col2 { position: absolute; } .t0-b-headerCombiCustom-99__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-99__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-99__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-99__hd > p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-fullWidthFrameCustom-106 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-106 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-107 { background-image: url('/_design/703/images/スライド1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-107 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-108__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-108 { padding-top: 10px; } .t0-b-headerCombiCustom-108__col2 { position: absolute; } .t0-b-headerCombiCustom-108__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-108__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-109__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-109 { padding-top: 10px; } .t0-b-headerCombiCustom-109__col2 { position: absolute; } .t0-b-headerCombiCustom-109__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-109__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-109__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-110__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-110 { padding-top: 10px; } .t0-b-headerCombiCustom-110__col2 { position: absolute; } .t0-b-headerCombiCustom-110__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-110__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-111__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-111 { padding-top: 10px; } .t0-b-headerCombiCustom-111__col2 { position: absolute; } .t0-b-headerCombiCustom-111__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-111__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-111__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-112__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-112 { padding-top: 10px; } .t0-b-headerCombiCustom-112__col2 { position: absolute; } .t0-b-headerCombiCustom-112__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-112__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-112__hd > p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-113__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-113 { padding-top: 10px; } .t0-b-headerCombiCustom-113__col2 { position: absolute; } .t0-b-headerCombiCustom-113__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-113__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-113__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-113__hd > p, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-114__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-114 { padding-top: 10px; } .t0-b-headerCombiCustom-114__col2 { position: absolute; } .t0-b-headerCombiCustom-114__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-114__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-114__hd > p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-115__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-115 { padding-top: 10px; } .t0-b-headerCombiCustom-115__col2 { position: absolute; } .t0-b-headerCombiCustom-115__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-115__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-115__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-115__hd > p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-116__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-116 { padding-top: 10px; } .t0-b-headerCombiCustom-116__col2 { position: absolute; } .t0-b-headerCombiCustom-116__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-116__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-117__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-117__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-117__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-117__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-117 { padding-top: 10px; } .t0-b-headerCombiCustom-117__col2 { position: absolute; } .t0-b-headerCombiCustom-117__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-117__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-117__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-117__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-118__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-118__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-118__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-118__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-118 { padding-top: 10px; } .t0-b-headerCombiCustom-118__col2 { position: absolute; } .t0-b-headerCombiCustom-118__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-118__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-118__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-118 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-119__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-119 { padding-top: 10px; } .t0-b-headerCombiCustom-119__col2 { position: absolute; } .t0-b-headerCombiCustom-119__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-119__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-119__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-120__media { line-height: 0; } .t0-b-mediaCustom-120 { color: #333; } .t0-b-mediaCustom-120 img { width: 100%; } .t0-b-mediaCustom-120 > * { padding-top: 15px; } .t0-b-mediaCustom-120 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-120__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-120__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-120__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-120__media { text-align: center; } .t0-b-mediaCustom-120__media > * { vertical-align: top; } .t0-b-mediaCustom-120__media img { vertical-align: top; } .t0-b-mediaCustom-120__media > span { vertical-align: baseline; } .t0-b-mediaCustom-120__media img { padding: 7px 7px 6px 6px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x; background-position: left top, left bottom, right bottom, right top, left top, left bottom, right top, left top; background-image: url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg2.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg3.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg4.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg5.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg6.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg7.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg8.png"); box-shadow: 0px 0px 2px #f3ece0; box-sizing: border-box; } .t0-b-mediaCustom-120 a { text-decoration: none; } .t0-b-mediaCustom-120__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-120__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-120__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-120__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-120__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-120__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-120 img { max-width: 100% !important; } .t0-b-mediaCustom-120--width-l .t0-b-mediaCustom-120__media img { width: 100%; } .t0-b-mediaCustom-120--width-m .t0-b-mediaCustom-120__media img { width: 75%; } .t0-b-mediaCustom-120--width-s .t0-b-mediaCustom-120__media img { width: 50%; } .t0-b-mediaCustom-120--align-l { text-align: left; } .t0-b-mediaCustom-120--align-c { text-align: center; } .t0-b-mediaCustom-120--align-r { text-align: right; } .t0-b-mediaCustom-120__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-120__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-120__h-upper div { display: inline-block; } .t0-b-mediaCustom-120__h-lower div { display: inline-block; } .t0-b-mediaCustom-121__media { line-height: 0; } .t0-b-mediaCustom-121 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-121 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-121__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-121__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-121__media a { text-decoration: none; } .t0-b-mediaCustom-121__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-121__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-121__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-121__media img { width: 100%; } .t0-b-mediaCustom-121--width-l .t0-b-mediaCustom-121__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-121__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-121__media img { width: 75%; } .t0-b-mediaCustom-121--width-m .t0-b-mediaCustom-121__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-121__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-121__media img { width: 50%; } .t0-b-mediaCustom-121--width-s .t0-b-mediaCustom-121__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-121__media img { width: 50%; } .t0-b-mediaCustom-121--align-l { text-align: left; } .t0-b-mediaCustom-121--align-c { text-align: center; } .t0-b-mediaCustom-121--align-r { text-align: right; } .t0-b-mediaCustom-121__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-121__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-121__h-upper div { display: inline-block; } .t0-b-mediaCustom-121__h-lower div { display: inline-block; } .t0-b-mediaCustom-121 img { border: 1px solid #333; } .t0-b-mediaCustom-122__media { line-height: 0; } .t0-b-mediaCustom-122 { color: #4d4d4d; } .t0-b-mediaCustom-122 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-122 img { width: 100%; } .t0-b-mediaCustom-122 a { text-decoration: none; } .t0-b-mediaCustom-122__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-122__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-122__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-122__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-122__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-122--width-l .t0-b-mediaCustom-122__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-122__media img { width: 100%; } .t0-b-mediaCustom-122--width-m .t0-b-mediaCustom-122__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-122__media img { width: 75%; } .t0-b-mediaCustom-122--width-s .t0-b-mediaCustom-122__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-122__media img { width: 50%; } .t0-b-mediaCustom-122--align-l { text-align: left; } .t0-b-mediaCustom-122--align-c { text-align: center; } .t0-b-mediaCustom-122--align-r { text-align: right; } .t0-b-mediaCustom-122__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-122__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-122__h-upper div { display: inline-block; } .t0-b-mediaCustom-122__h-lower div { display: inline-block; } .t0-b-mediaCustom-123__media { line-height: 0; } .t0-b-mediaCustom-123 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-123 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #ede9da, -1px -1px 2px #ede9da; } .t0-b-mediaCustom-123__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-123__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-123__media a { text-decoration: none; } .t0-b-mediaCustom-123__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-123__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-123__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-123--width-l .t0-b-mediaCustom-123__media img { width: 100%; } .t0-b-mediaCustom-123--width-m .t0-b-mediaCustom-123__media img { width: 75%; } .t0-b-mediaCustom-123--width-s .t0-b-mediaCustom-123__media img { width: 50%; } .t0-b-mediaCustom-123--align-l { text-align: left; } .t0-b-mediaCustom-123--align-c { text-align: center; } .t0-b-mediaCustom-123--align-r { text-align: right; } .t0-b-mediaCustom-123__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-123__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-123__h-upper div { display: inline-block; } .t0-b-mediaCustom-123__h-lower div { display: inline-block; } .t0-b-mediaCustom-124__media { line-height: 0; } .t0-b-mediaCustom-124 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-124 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #d4dfce, -1px -1px 2px #d4dfce; } .t0-b-mediaCustom-124__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-124__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-124__media a { text-decoration: none; } .t0-b-mediaCustom-124__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-124__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-124__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-124--width-l .t0-b-mediaCustom-124__media img { width: 100%; } .t0-b-mediaCustom-124--width-m .t0-b-mediaCustom-124__media img { width: 75%; } .t0-b-mediaCustom-124--width-s .t0-b-mediaCustom-124__media img { width: 50%; } .t0-b-mediaCustom-124--align-l { text-align: left; } .t0-b-mediaCustom-124--align-c { text-align: center; } .t0-b-mediaCustom-124--align-r { text-align: right; } .t0-b-mediaCustom-124__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-124__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-124__h-upper div { display: inline-block; } .t0-b-mediaCustom-124__h-lower div { display: inline-block; } .t0-b-mediaCustom-125__media { line-height: 0; } .t0-b-mediaCustom-125 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-125 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-125__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-125__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-125__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-125__media { text-align: center; background: url("/_master/acre/themes/008-L25/imgs/t0-b-media/bg.png") 0 0 repeat; padding: 4px; } .t0-b-mediaCustom-125 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-125__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-125__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-125__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-125__caption { margin-top: 10px; } .t0-b-mediaCustom-125__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-125__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-125__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-125--width-l { width: 100%; } .t0-b-mediaCustom-125--width-m { width: 75%; } .t0-b-mediaCustom-125--width-s { width: 50%; } .t0-b-mediaCustom-125--align-l { text-align: left; } .t0-b-mediaCustom-125--align-c { text-align: center; } .t0-b-mediaCustom-125--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-126__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-126 { padding-top: 10px; } .t0-b-headerCombiCustom-126__col2 { position: absolute; } .t0-b-headerCombiCustom-126__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-126__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-127__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-127 { padding-top: 10px; } .t0-b-headerCombiCustom-127__col2 { position: absolute; } .t0-b-headerCombiCustom-127__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-127__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-127__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-128__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-128__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-128__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-128__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-128 { padding-top: 10px; } .t0-b-headerCombiCustom-128__col2 { position: absolute; } .t0-b-headerCombiCustom-128__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-128__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-128__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-128__hd > p, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-129__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-129__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-129__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-129__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-129 { padding-top: 10px; } .t0-b-headerCombiCustom-129__col2 { position: absolute; } .t0-b-headerCombiCustom-129__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-129__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-129__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-129__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-129__hd > p, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-129 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-129 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-130__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-130 { padding-top: 10px; } .t0-b-headerCombiCustom-130__col2 { position: absolute; } .t0-b-headerCombiCustom-130__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-130__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-130__hd > p, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-131__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-131 { padding-top: 10px; } .t0-b-headerCombiCustom-131__col2 { position: absolute; } .t0-b-headerCombiCustom-131__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-131__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 { } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-131__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-131__hd > p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-132 { height: 70vw; background: url(/_design/703/images/004-1.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-132__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-133 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-133 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-133 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-134 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-134__hd, .t0-b-headerCombiCustom-134__col1, .t0-b-headerCombiCustom-134__col2 { display: none; } .t0-b-headerCombiCustom-134__col3 { width: 100%; } .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-135 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-135__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-136 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-136 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-136 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-137 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-137__hd, .t0-b-headerCombiCustom-137__col1, .t0-b-headerCombiCustom-137__col2 { display: none; } .t0-b-headerCombiCustom-137__col3 { width: 100%; } .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-137__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-138 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-138__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-139 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-139 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-139 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-140 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-140__hd, .t0-b-headerCombiCustom-140__col1, .t0-b-headerCombiCustom-140__col2 { display: none; } .t0-b-headerCombiCustom-140__col3 { width: 100%; } .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-140__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-141 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-141__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-142 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-142 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-142 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-143 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-143__hd, .t0-b-headerCombiCustom-143__col1, .t0-b-headerCombiCustom-143__col2 { display: none; } .t0-b-headerCombiCustom-143__col3 { width: 100%; } .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-144 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-144__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-145 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-145 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-145 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-146 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-146__hd, .t0-b-headerCombiCustom-146__col1, .t0-b-headerCombiCustom-146__col2 { display: none; } .t0-b-headerCombiCustom-146__col3 { width: 100%; } .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-146__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-147 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-147__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-148 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-148 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-148 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-149 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-149__hd, .t0-b-headerCombiCustom-149__col1, .t0-b-headerCombiCustom-149__col2 { display: none; } .t0-b-headerCombiCustom-149__col3 { width: 100%; } .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-149__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-150 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-150__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-151 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-151 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-151 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-152 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-152__hd, .t0-b-headerCombiCustom-152__col1, .t0-b-headerCombiCustom-152__col2 { display: none; } .t0-b-headerCombiCustom-152__col3 { width: 100%; } .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-152__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-153 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-153__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-154 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-154 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-154 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-155 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-155__hd, .t0-b-headerCombiCustom-155__col1, .t0-b-headerCombiCustom-155__col2 { display: none; } .t0-b-headerCombiCustom-155__col3 { width: 100%; } .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-155__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-156 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-156__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-157 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-157 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-157 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-158 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-158__hd, .t0-b-headerCombiCustom-158__col1, .t0-b-headerCombiCustom-158__col2 { display: none; } .t0-b-headerCombiCustom-158__col3 { width: 100%; } .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-158__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-159 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-159__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-160__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-160 { padding-top: 10px; } .t0-b-headerCombiCustom-160__col2 { position: absolute; } .t0-b-headerCombiCustom-160__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-160__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-161__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-161 { padding-top: 10px; } .t0-b-headerCombiCustom-161__col2 { position: absolute; } .t0-b-headerCombiCustom-161__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-161__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-161__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-162__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-162 { padding-top: 10px; } .t0-b-headerCombiCustom-162__col2 { position: absolute; } .t0-b-headerCombiCustom-162__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-162__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-163__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-163 { padding-top: 10px; } .t0-b-headerCombiCustom-163__col2 { position: absolute; } .t0-b-headerCombiCustom-163__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-163__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-163__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-164__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-164__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-164__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-164__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-164 { padding-top: 10px; } .t0-b-headerCombiCustom-164__col2 { position: absolute; } .t0-b-headerCombiCustom-164__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-164__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-164__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-165__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-165__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-165__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-165__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-165 { padding-top: 10px; } .t0-b-headerCombiCustom-165__col2 { position: absolute; } .t0-b-headerCombiCustom-165__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-165__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-165__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-165 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-165__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-166__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-166__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-166__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-166__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-166 { padding-top: 10px; } .t0-b-headerCombiCustom-166__col2 { position: absolute; } .t0-b-headerCombiCustom-166__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-166__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-166__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-166 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-167__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-167__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-167__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-167__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-167 { padding-top: 10px; } .t0-b-headerCombiCustom-167__col2 { position: absolute; } .t0-b-headerCombiCustom-167__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-167__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-167__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-167__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-168 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-168__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-169 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-169__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-170 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-170__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-171 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-171__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-172 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-172 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-172 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-173 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-173 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-173 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-174 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-174 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-174 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-175 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-175 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-175 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-176 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-176__hd, .t0-b-headerCombiCustom-176__col1, .t0-b-headerCombiCustom-176__col2 { display: none; } .t0-b-headerCombiCustom-176__col3 { width: 100%; } .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-176__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-177 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-177__hd, .t0-b-headerCombiCustom-177__col1, .t0-b-headerCombiCustom-177__col2 { display: none; } .t0-b-headerCombiCustom-177__col3 { width: 100%; } .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-177__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-178 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-178__hd, .t0-b-headerCombiCustom-178__col1, .t0-b-headerCombiCustom-178__col2 { display: none; } .t0-b-headerCombiCustom-178__col3 { width: 100%; } .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-178__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-179-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-179 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-179__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-179__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-179__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-179__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-179__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-179__col1 { width: 100%; } .t0-b-headerCombiCustom-179__col2 { width: 100%; } .t0-b-headerCombiCustom-179__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-180 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-180__col2 { position: absolute; } .t0-b-headerCombiCustom-180__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-180__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-180__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-180__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-180 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-180 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-181 { padding: 15px 0; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-181__col2 { position: absolute; } .t0-b-headerCombiCustom-181__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-181__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-181__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-181__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-181__hd > p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-182 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-182 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-182 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-183 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-183__hd, .t0-b-headerCombiCustom-183__col1, .t0-b-headerCombiCustom-183__col2 { display: none; } .t0-b-headerCombiCustom-183__col3 { width: 100%; } .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-183__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-184 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-184__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-185 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-185__col2 { position: absolute; } .t0-b-headerCombiCustom-185__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-185__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-185__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-185__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-186 { padding: 15px 0; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-186__col2 { position: absolute; } .t0-b-headerCombiCustom-186__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-186__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-186__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-186__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-186__hd > p, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-187 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-187__col2 { position: absolute; } .t0-b-headerCombiCustom-187__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-187__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-187__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-187__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-188 { padding: 15px 0; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-188__col2 { position: absolute; } .t0-b-headerCombiCustom-188__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-188__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-188__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-188__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-188__hd > p, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-189 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-189__col2 { position: absolute; } .t0-b-headerCombiCustom-189__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-189__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-189__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-189__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-190 { padding: 15px 0; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-190__col2 { position: absolute; } .t0-b-headerCombiCustom-190__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-190__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-190__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-190__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-190__hd > p, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-191 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-191__col2 { position: absolute; } .t0-b-headerCombiCustom-191__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-191__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-191__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-191__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-191 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-191 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-192 { padding: 15px 0; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-192__col2 { position: absolute; } .t0-b-headerCombiCustom-192__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-192__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-192__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-192__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-192__hd > p, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-192 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-192 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-85__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-193 { padding-top: 10px; } .t0-b-headerCombiCustom-193__col2 { position: absolute; } .t0-b-headerCombiCustom-193__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-193__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-193__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-193 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-194 { padding-top: 10px; } .t0-b-headerCombiCustom-194__col2 { position: absolute; } .t0-b-headerCombiCustom-194__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-194__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-194__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-194 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-194__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-195 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-195__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-196 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-196 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-196 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-197 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-197__hd, .t0-b-headerCombiCustom-197__col1, .t0-b-headerCombiCustom-197__col2 { display: none; } .t0-b-headerCombiCustom-197__col3 { width: 100%; } .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-197__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerFullWidthMediaCustom-198 { margin: 0 -15px; padding: 0 15px 3px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-198-inner { position: relative; } .t0-b-headerFullWidthMediaCustom-198-inner>div { position: absolute; bottom: 0; width: 100%; } .t0-b-headerFullWidthMediaCustom-198 { height: 61px; } .t0-b-headerFullWidthMediaCustom-198-inner { height: 58px; } .t0-b-headerFullWidthMediaCustom-198 { background-color: #FFFFFD; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-199 { background-image: url('/_design/703/images/プレゼンテーション1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-199 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /* .t0-b-headerFullWidthMediaCustom-199 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } */ /* 文字の背景色 */ .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-200 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-200__hd, .t0-b-headerCombiCustom-200__col1, .t0-b-headerCombiCustom-200__col2 { display: none; } .t0-b-headerCombiCustom-200__col3 { width: 100%; } .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-200__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameCustom-201-bPlacer { padding-bottom: 25px; } .t0-b-lv4H-numIconCustom-202-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-numIconCustom-202 { line-height: 0; } .t0-b-lv4H-numIconCustom-202>div { display: inline-block; } .t0-b-lv4H-numIconCustom-202>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-numIconCustom-202__iconPlacer { padding: 0 10px 0 0; } .t0-b-lv4H-numIconCustom-202__iconPlacer>* { display: block; } .t0-b-lv4H-numIconCustom-202__caption-upper { line-height: 1.25; font-size: 1.000rem !important; padding: 0 0 4px; } .t0-b-lv4H-numIconCustom-202__h { line-height: 1.25; font-size: 1.286rem !important; } .t0-b-lv4H-numIconCustom-202__caption-lower { line-height: 1.25; font-size: 1.000rem !important; padding: 4px 0 0; } .t0-b-lv4H-numIconCustom-202__icon { background-size: 50px 50px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; color: transparent; } .t0-b-lv4H-numIconCustom-202__icon--anshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--anshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--concept-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--houshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--kodawari-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--merit-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--oyakusoku-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--point-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--riyu-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--tokucho2-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--tsuyomi-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/10.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/1.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/2.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/3.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/4.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/5.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/6.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/7.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/8.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/9.png"); } .t0-b-lv4H-numIconCustom-202__icon--step-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/10.png"); } .t0-b-lv4H-numIconCustom-202--align-l { text-align: left; } .t0-b-lv4H-numIconCustom-202--align-c { text-align: center; } .t0-b-lv4H-numIconCustom-202--align-r { text-align: right; } .t0-b-lv4H-numIconCustom-202 a { text-decoration: none; color: #555; } .t0-b-lv4H-numIconCustom-202 a:hover { color: #7c6600; } .t0-b-frameCustom-203-bPlacer { padding-bottom: 25px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-204__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-204__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-204__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-204__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-204 { padding: 15px 0; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-204__col2 { position: absolute; } .t0-b-headerCombiCustom-204__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-204__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-204__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-204__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-204__hd > p, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-204 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-204 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-205 { background-image: url('/_design/703/images/インビザラインHPトップ画像製作スライド1101-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-205 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* 文字の背景色 */ .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-206 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-206__hd, .t0-b-headerCombiCustom-206__col1, .t0-b-headerCombiCustom-206__col2 { display: none; } .t0-b-headerCombiCustom-206__col3 { width: 100%; } .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-206__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameOuterCustom-207-bPlacer { padding-bottom: 25px; } .t0-b-frameOuterCustom-207__frame { padding: 20px 20px 10px; margin: 0 -5px; color: #675f4f; background-color: #fff9e2; border: 1px solid #ece5c8; border-radius: 11px; } .t0-b-frameOuterCustom-207__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; } .t0-b-frameOuterCustom-207__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-207__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-207__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-207__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-207__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-207__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-207__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-207__hd+.t0-b-frameOuterCustom-207__bd { padding: 20px 0 0; } .t0-b-frameOuterCustom-207__ft { margin-top: 20px; } .t0-b-lv2HCustom-208 a { text-decoration: none; display: table-cell; text-align: left; vertical-align: middle; color: #5d3e0e; } .t0-b-lv2HCustom-208 > div { display: inline-block; } .t0-b-lv2HCustom-208__iconPlacer { display: table-cell; background: url('/_master/acre/themes/027-N00-2/imgs/t0-b-lv2H/1.png?1590454249') no-repeat 0 50%; width: 40px; height: 50px; background-size: 40px 50px; } .t0-b-lv2HCustom-208 h2 { display: table-cell; padding: 4px 0 0 8px; line-height: 1.25; font-size: 1.286em; text-align: left; vertical-align: middle; } .t0-b-lv2HCustom-208--align-l { text-align: left; } .t0-b-lv2HCustom-208--align-c { text-align: center; } .t0-b-lv2HCustom-208--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-209 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-209 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-210 { background-image: url('/_design/703/images/スライド1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-210 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-211__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-211__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-211 { padding: 15px 0; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-211__col2 { position: absolute; } .t0-b-headerCombiCustom-211__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-211__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-211__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-211__hd > p, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-siteName2__bd { display: none; } .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-text-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-211 { padding: 0px; } .t0-b-headerCombiCustom-211__col1 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-211__hd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-212 { background-image: url('/_design/703/images/1_sp-doctor.png') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-212 { position: relative; height: 150vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/image0.jpeg); } /* 左画像（ＴＥＬ）の非表示部分 */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel__tel+span, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel__fax+span, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel__free+span, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel__cell+span{ color:#00000000 } .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel__tel{ color: #00000000; background-color: #00000000; background-image: none; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-215 { padding-top: 0px; } .t0-b-headerCombiCustom-215__col2 { position: absolute; } .t0-b-headerCombiCustom-215__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-215__hd, .t0-b-headerCombiCustom-215__col1, .t0-b-headerCombiCustom-215__col2, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-215 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-215 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/image0_v2.jpg); } .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-tel__free + span { color: #fff; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-216 { padding-top: 0px; } .t0-b-headerCombiCustom-216__col2 { position: absolute; } .t0-b-headerCombiCustom-216__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-216__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-216__hd, .t0-b-headerCombiCustom-216__col1, .t0-b-headerCombiCustom-216__col2, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-216 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/TEL_GW.png); } .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-217 { padding-top: 0px; } .t0-b-headerCombiCustom-217__col2 { position: absolute; } .t0-b-headerCombiCustom-217__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-217__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-217__hd, .t0-b-headerCombiCustom-217__col1, .t0-b-headerCombiCustom-217__col2, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/TEL_time.png); } .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-218 { padding-top: 0px; } .t0-b-headerCombiCustom-218__col2 { position: absolute; } .t0-b-headerCombiCustom-218__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-218__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-218__hd, .t0-b-headerCombiCustom-218__col1, .t0-b-headerCombiCustom-218__col2, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/HP001_sp_reserve.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-219 { padding-top: 0px; } .t0-b-headerCombiCustom-219__col2 { position: absolute; } .t0-b-headerCombiCustom-219__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-219__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 100vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-219__hd, .t0-b-headerCombiCustom-219__col1, .t0-b-headerCombiCustom-219__col2, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8{ display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-220__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-220__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-220__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-220__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-220 { padding-top: 10px; } .t0-b-headerCombiCustom-220__col2 { position: absolute; } .t0-b-headerCombiCustom-220__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-220__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-220__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-220 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-221__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-221__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-221__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-221__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-221 { padding-top: 10px; } .t0-b-headerCombiCustom-221__col2 { position: absolute; } .t0-b-headerCombiCustom-221__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-221__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-221__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-221 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-221__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-222__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-222__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-222__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-222__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-222 { padding-top: 10px; } .t0-b-headerCombiCustom-222__col2 { position: absolute; } .t0-b-headerCombiCustom-222__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-222__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-222__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-222 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-223__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-223__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-223__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-223__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-223 { padding-top: 10px; } .t0-b-headerCombiCustom-223__col2 { position: absolute; } .t0-b-headerCombiCustom-223__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-223__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-223__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-223__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-224__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-224__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-224__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-224__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-224 { padding-top: 10px; } .t0-b-headerCombiCustom-224__col2 { position: absolute; } .t0-b-headerCombiCustom-224__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-224__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-224__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-224__hd > p, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-225__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-225__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-225__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-225__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-225 { padding-top: 10px; } .t0-b-headerCombiCustom-225__col2 { position: absolute; } .t0-b-headerCombiCustom-225__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-225__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-225__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-225__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-225__hd > p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-226__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-226__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-226__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-226__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-226 { padding-top: 10px; } .t0-b-headerCombiCustom-226__col2 { position: absolute; } .t0-b-headerCombiCustom-226__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-226__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-226__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-226__hd > p, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-227__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-227__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-227__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-227__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-227 { padding-top: 10px; } .t0-b-headerCombiCustom-227__col2 { position: absolute; } .t0-b-headerCombiCustom-227__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-227__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-227__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-227__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-227__hd > p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-228__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-228__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-228__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-228__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-228 { padding-top: 10px; } .t0-b-headerCombiCustom-228__col2 { position: absolute; } .t0-b-headerCombiCustom-228__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-228__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-228__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-228 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-229__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-229__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-229__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-229__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-229 { padding-top: 10px; } .t0-b-headerCombiCustom-229__col2 { position: absolute; } .t0-b-headerCombiCustom-229__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-229__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-229__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-229__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-230__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-230__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-230__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-230__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-230 { padding-top: 10px; } .t0-b-headerCombiCustom-230__col2 { position: absolute; } .t0-b-headerCombiCustom-230__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-230__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-230__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-231__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-231__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-231__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-231__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-231 { padding-top: 10px; } .t0-b-headerCombiCustom-231__col2 { position: absolute; } .t0-b-headerCombiCustom-231__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-231__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-231__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-231__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-232__media { line-height: 0; } .t0-b-mediaCustom-232 { color: #333; } .t0-b-mediaCustom-232 img { width: 100%; } .t0-b-mediaCustom-232 > * { padding-top: 15px; } .t0-b-mediaCustom-232 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-232__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-232__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-232__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-232__media { text-align: center; } .t0-b-mediaCustom-232__media > * { vertical-align: top; } .t0-b-mediaCustom-232__media img { vertical-align: top; } .t0-b-mediaCustom-232__media > span { vertical-align: baseline; } .t0-b-mediaCustom-232__media img { padding: 7px 7px 6px 6px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x; background-position: left top, left bottom, right bottom, right top, left top, left bottom, right top, left top; background-image: url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg2.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg3.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg4.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg5.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg6.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg7.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg8.png"); box-shadow: 0px 0px 2px #f3ece0; box-sizing: border-box; } .t0-b-mediaCustom-232 a { text-decoration: none; } .t0-b-mediaCustom-232__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-232__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-232__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-232__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-232__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-232__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-232 img { max-width: 100% !important; } .t0-b-mediaCustom-232--width-l .t0-b-mediaCustom-232__media img { width: 100%; } .t0-b-mediaCustom-232--width-m .t0-b-mediaCustom-232__media img { width: 75%; } .t0-b-mediaCustom-232--width-s .t0-b-mediaCustom-232__media img { width: 50%; } .t0-b-mediaCustom-232--align-l { text-align: left; } .t0-b-mediaCustom-232--align-c { text-align: center; } .t0-b-mediaCustom-232--align-r { text-align: right; } .t0-b-mediaCustom-232__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-232__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-232__h-upper div { display: inline-block; } .t0-b-mediaCustom-232__h-lower div { display: inline-block; } .t0-b-mediaCustom-233__media { line-height: 0; } .t0-b-mediaCustom-233 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-233 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-233__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-233__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-233__media a { text-decoration: none; } .t0-b-mediaCustom-233__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-233__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-233__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-233__media img { width: 100%; } .t0-b-mediaCustom-233--width-l .t0-b-mediaCustom-233__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-233__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-233__media img { width: 75%; } .t0-b-mediaCustom-233--width-m .t0-b-mediaCustom-233__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-233__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-233__media img { width: 50%; } .t0-b-mediaCustom-233--width-s .t0-b-mediaCustom-233__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-233__media img { width: 50%; } .t0-b-mediaCustom-233--align-l { text-align: left; } .t0-b-mediaCustom-233--align-c { text-align: center; } .t0-b-mediaCustom-233--align-r { text-align: right; } .t0-b-mediaCustom-233__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-233__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-233__h-upper div { display: inline-block; } .t0-b-mediaCustom-233__h-lower div { display: inline-block; } .t0-b-mediaCustom-233 img { border: 1px solid #333; } .t0-b-mediaCustom-234__media { line-height: 0; } .t0-b-mediaCustom-234 { color: #4d4d4d; } .t0-b-mediaCustom-234 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-234 img { width: 100%; } .t0-b-mediaCustom-234 a { text-decoration: none; } .t0-b-mediaCustom-234__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-234__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-234__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-234__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-234__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-234--width-l .t0-b-mediaCustom-234__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-234__media img { width: 100%; } .t0-b-mediaCustom-234--width-m .t0-b-mediaCustom-234__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-234__media img { width: 75%; } .t0-b-mediaCustom-234--width-s .t0-b-mediaCustom-234__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-234__media img { width: 50%; } .t0-b-mediaCustom-234--align-l { text-align: left; } .t0-b-mediaCustom-234--align-c { text-align: center; } .t0-b-mediaCustom-234--align-r { text-align: right; } .t0-b-mediaCustom-234__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-234__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-234__h-upper div { display: inline-block; } .t0-b-mediaCustom-234__h-lower div { display: inline-block; } .t0-b-mediaCustom-235__media { line-height: 0; } .t0-b-mediaCustom-235 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-235 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #ede9da, -1px -1px 2px #ede9da; } .t0-b-mediaCustom-235__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-235__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-235__media a { text-decoration: none; } .t0-b-mediaCustom-235__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-235__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-235__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-235--width-l .t0-b-mediaCustom-235__media img { width: 100%; } .t0-b-mediaCustom-235--width-m .t0-b-mediaCustom-235__media img { width: 75%; } .t0-b-mediaCustom-235--width-s .t0-b-mediaCustom-235__media img { width: 50%; } .t0-b-mediaCustom-235--align-l { text-align: left; } .t0-b-mediaCustom-235--align-c { text-align: center; } .t0-b-mediaCustom-235--align-r { text-align: right; } .t0-b-mediaCustom-235__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-235__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-235__h-upper div { display: inline-block; } .t0-b-mediaCustom-235__h-lower div { display: inline-block; } .t0-b-mediaCustom-236__media { line-height: 0; } .t0-b-mediaCustom-236 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-236 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #d4dfce, -1px -1px 2px #d4dfce; } .t0-b-mediaCustom-236__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-236__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-236__media a { text-decoration: none; } .t0-b-mediaCustom-236__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-236__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-236__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-236--width-l .t0-b-mediaCustom-236__media img { width: 100%; } .t0-b-mediaCustom-236--width-m .t0-b-mediaCustom-236__media img { width: 75%; } .t0-b-mediaCustom-236--width-s .t0-b-mediaCustom-236__media img { width: 50%; } .t0-b-mediaCustom-236--align-l { text-align: left; } .t0-b-mediaCustom-236--align-c { text-align: center; } .t0-b-mediaCustom-236--align-r { text-align: right; } .t0-b-mediaCustom-236__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-236__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-236__h-upper div { display: inline-block; } .t0-b-mediaCustom-236__h-lower div { display: inline-block; } .t0-b-mediaCustom-237__media { line-height: 0; } .t0-b-mediaCustom-237 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-237 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-237__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-237__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-237__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-237__media { text-align: center; background: url("/_master/acre/themes/008-L25/imgs/t0-b-media/bg.png") 0 0 repeat; padding: 4px; } .t0-b-mediaCustom-237 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-237__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-237__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-237__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-237__caption { margin-top: 10px; } .t0-b-mediaCustom-237__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-237__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-237__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-237--width-l { width: 100%; } .t0-b-mediaCustom-237--width-m { width: 75%; } .t0-b-mediaCustom-237--width-s { width: 50%; } .t0-b-mediaCustom-237--align-l { text-align: left; } .t0-b-mediaCustom-237--align-c { text-align: center; } .t0-b-mediaCustom-237--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-238__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-238__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-238__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-238__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-238 { padding-top: 10px; } .t0-b-headerCombiCustom-238__col2 { position: absolute; } .t0-b-headerCombiCustom-238__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-238__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-238__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-239__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-239__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-239__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-239__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-239 { padding-top: 10px; } .t0-b-headerCombiCustom-239__col2 { position: absolute; } .t0-b-headerCombiCustom-239__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-239__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-239__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-239 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-239__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-240__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-240__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-240__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-240__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-240 { padding-top: 10px; } .t0-b-headerCombiCustom-240__col2 { position: absolute; } .t0-b-headerCombiCustom-240__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-240__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-240__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-240__hd > p, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-240 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-240 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-241__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-241__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-241__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-241__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-241 { padding-top: 10px; } .t0-b-headerCombiCustom-241__col2 { position: absolute; } .t0-b-headerCombiCustom-241__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-241__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-241__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-241__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-241__hd > p, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-241 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-241 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-242__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-242__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-242__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-242__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-242 { padding-top: 10px; } .t0-b-headerCombiCustom-242__col2 { position: absolute; } .t0-b-headerCombiCustom-242__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-242__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-242__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-242__hd > p, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-242 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-242 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-243__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-243__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-243__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-243__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-243 { padding-top: 10px; } .t0-b-headerCombiCustom-243__col2 { position: absolute; } .t0-b-headerCombiCustom-243__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-243__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-243__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 { } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-243__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-243__hd > p, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-243 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-243 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-244 { height: 70vw; background: url(/_design/703/images/004-2.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-244__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-245 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-245 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-245 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-246 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-246__hd, .t0-b-headerCombiCustom-246__col1, .t0-b-headerCombiCustom-246__col2 { display: none; } .t0-b-headerCombiCustom-246__col3 { width: 100%; } .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-246__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-247 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-247__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-248 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-248 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-248 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-249 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-249__hd, .t0-b-headerCombiCustom-249__col1, .t0-b-headerCombiCustom-249__col2 { display: none; } .t0-b-headerCombiCustom-249__col3 { width: 100%; } .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-249__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-250 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-250__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-251 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-251 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-251 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-252 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-252__hd, .t0-b-headerCombiCustom-252__col1, .t0-b-headerCombiCustom-252__col2 { display: none; } .t0-b-headerCombiCustom-252__col3 { width: 100%; } .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-252__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-253 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-253__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-254 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-254 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-254 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-255 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-255__hd, .t0-b-headerCombiCustom-255__col1, .t0-b-headerCombiCustom-255__col2 { display: none; } .t0-b-headerCombiCustom-255__col3 { width: 100%; } .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-255__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-256 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-256__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-257 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-257 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-257 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-258 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-258__hd, .t0-b-headerCombiCustom-258__col1, .t0-b-headerCombiCustom-258__col2 { display: none; } .t0-b-headerCombiCustom-258__col3 { width: 100%; } .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-258__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-259 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-259__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-260 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-260 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-260 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-261 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-261__hd, .t0-b-headerCombiCustom-261__col1, .t0-b-headerCombiCustom-261__col2 { display: none; } .t0-b-headerCombiCustom-261__col3 { width: 100%; } .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-261__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-262 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-262__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-263 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-263 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-263 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-264 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-264__hd, .t0-b-headerCombiCustom-264__col1, .t0-b-headerCombiCustom-264__col2 { display: none; } .t0-b-headerCombiCustom-264__col3 { width: 100%; } .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-264__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-265 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-265__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-266 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-266 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-266 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-267 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-267__hd, .t0-b-headerCombiCustom-267__col1, .t0-b-headerCombiCustom-267__col2 { display: none; } .t0-b-headerCombiCustom-267__col3 { width: 100%; } .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-267__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-268 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-268__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-269 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-269 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-269 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-270 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-270__hd, .t0-b-headerCombiCustom-270__col1, .t0-b-headerCombiCustom-270__col2 { display: none; } .t0-b-headerCombiCustom-270__col3 { width: 100%; } .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-270__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-271 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-271__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-272__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-272__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-272__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-272__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-272 { padding-top: 10px; } .t0-b-headerCombiCustom-272__col2 { position: absolute; } .t0-b-headerCombiCustom-272__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-272__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-272__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-272 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-273__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-273__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-273__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-273__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-273 { padding-top: 10px; } .t0-b-headerCombiCustom-273__col2 { position: absolute; } .t0-b-headerCombiCustom-273__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-273__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-273__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-273 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-273__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-274__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-274__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-274__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-274__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-274 { padding-top: 10px; } .t0-b-headerCombiCustom-274__col2 { position: absolute; } .t0-b-headerCombiCustom-274__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-274__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-274__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-274 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-275__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-275__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-275__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-275__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-275 { padding-top: 10px; } .t0-b-headerCombiCustom-275__col2 { position: absolute; } .t0-b-headerCombiCustom-275__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-275__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-275__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-275 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-275__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-276__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-276__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-276__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-276__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-276 { padding-top: 10px; } .t0-b-headerCombiCustom-276__col2 { position: absolute; } .t0-b-headerCombiCustom-276__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-276__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-276__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-277__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-277__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-277__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-277__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-277 { padding-top: 10px; } .t0-b-headerCombiCustom-277__col2 { position: absolute; } .t0-b-headerCombiCustom-277__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-277__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-277__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-277 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-277__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-278__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-278__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-278__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-278__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-278 { padding-top: 10px; } .t0-b-headerCombiCustom-278__col2 { position: absolute; } .t0-b-headerCombiCustom-278__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-278__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-278__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-278 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-279__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-279__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-279__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-279__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-279 { padding-top: 10px; } .t0-b-headerCombiCustom-279__col2 { position: absolute; } .t0-b-headerCombiCustom-279__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-279__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-279__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-279 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-279__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-280 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-280__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-281 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-281__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-282 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-282__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-283 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-283__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-284 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-284 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-284 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-285 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-285 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-285 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-286 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-286 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-286 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-287 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-287 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-287 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-288 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-288__hd, .t0-b-headerCombiCustom-288__col1, .t0-b-headerCombiCustom-288__col2 { display: none; } .t0-b-headerCombiCustom-288__col3 { width: 100%; } .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-288__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-289 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-289__hd, .t0-b-headerCombiCustom-289__col1, .t0-b-headerCombiCustom-289__col2 { display: none; } .t0-b-headerCombiCustom-289__col3 { width: 100%; } .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-289__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-290 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-290__hd, .t0-b-headerCombiCustom-290__col1, .t0-b-headerCombiCustom-290__col2 { display: none; } .t0-b-headerCombiCustom-290__col3 { width: 100%; } .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-290__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-291-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-291 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-291__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-291__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-291__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-291__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-291__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-291__col1 { width: 100%; } .t0-b-headerCombiCustom-291__col2 { width: 100%; } .t0-b-headerCombiCustom-291__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-292 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-292__col2 { position: absolute; } .t0-b-headerCombiCustom-292__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-292__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-292__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-292__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-292 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-292 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-293 { padding: 15px 0; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-293__col2 { position: absolute; } .t0-b-headerCombiCustom-293__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-293__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-293__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-293__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-293__hd > p, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-293 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-293 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-294 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-294 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-294 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-295 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-295__hd, .t0-b-headerCombiCustom-295__col1, .t0-b-headerCombiCustom-295__col2 { display: none; } .t0-b-headerCombiCustom-295__col3 { width: 100%; } .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-295__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-296 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-296__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-297 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-297__col2 { position: absolute; } .t0-b-headerCombiCustom-297__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-297__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-297__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-297__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-297 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-297 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-298 { padding: 15px 0; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-298__col2 { position: absolute; } .t0-b-headerCombiCustom-298__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-298__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-298__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-298__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-298__hd > p, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-298 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-298 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-299 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-299__col2 { position: absolute; } .t0-b-headerCombiCustom-299__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-299__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-299__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-299__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-299 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-299 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-300 { padding: 15px 0; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-300__col2 { position: absolute; } .t0-b-headerCombiCustom-300__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-300__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-300__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-300__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-300__hd > p, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-300 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-300 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-301 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-301__col2 { position: absolute; } .t0-b-headerCombiCustom-301__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-301__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-301__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-301__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-301 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-301 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-302 { padding: 15px 0; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-302__col2 { position: absolute; } .t0-b-headerCombiCustom-302__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-302__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-302__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-302__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-302__hd > p, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-302 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-302 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-303 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-303__col2 { position: absolute; } .t0-b-headerCombiCustom-303__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-303__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-303__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-303__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-303 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-303 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-304 { padding: 15px 0; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-304__col2 { position: absolute; } .t0-b-headerCombiCustom-304__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-304__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-304__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-304__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-304__hd > p, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-304 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-304 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-85__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-305 { padding-top: 10px; } .t0-b-headerCombiCustom-305__col2 { position: absolute; } .t0-b-headerCombiCustom-305__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-305__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-305__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-305 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-2.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-306 { padding-top: 10px; } .t0-b-headerCombiCustom-306__col2 { position: absolute; } .t0-b-headerCombiCustom-306__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-306__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-306__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-306 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-306__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-307 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-307__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-308 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-308 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-308 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-309 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-309__hd, .t0-b-headerCombiCustom-309__col1, .t0-b-headerCombiCustom-309__col2 { display: none; } .t0-b-headerCombiCustom-309__col3 { width: 100%; } .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-309__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerFullWidthMediaCustom-310 { margin: 0 -15px; padding: 0 15px 3px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-310-inner { position: relative; } .t0-b-headerFullWidthMediaCustom-310-inner>div { position: absolute; bottom: 0; width: 100%; } .t0-b-headerFullWidthMediaCustom-310 { height: 61px; } .t0-b-headerFullWidthMediaCustom-310-inner { height: 58px; } .t0-b-headerFullWidthMediaCustom-310 { background-color: #FFFFFD; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-311 { background-image: url('/_design/703/images/プレゼンテーション1-2.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-311 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /* .t0-b-headerFullWidthMediaCustom-311 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } */ /* 文字の背景色 */ .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-312 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-312__hd, .t0-b-headerCombiCustom-312__col1, .t0-b-headerCombiCustom-312__col2 { display: none; } .t0-b-headerCombiCustom-312__col3 { width: 100%; } .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-312__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameCustom-313-bPlacer { padding-bottom: 25px; } .t0-b-lv4H-numIconCustom-314-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-numIconCustom-314 { line-height: 0; } .t0-b-lv4H-numIconCustom-314>div { display: inline-block; } .t0-b-lv4H-numIconCustom-314>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-numIconCustom-314__iconPlacer { padding: 0 10px 0 0; } .t0-b-lv4H-numIconCustom-314__iconPlacer>* { display: block; } .t0-b-lv4H-numIconCustom-314__caption-upper { line-height: 1.25; font-size: 1.000rem !important; padding: 0 0 4px; } .t0-b-lv4H-numIconCustom-314__h { line-height: 1.25; font-size: 1.286rem !important; } .t0-b-lv4H-numIconCustom-314__caption-lower { line-height: 1.25; font-size: 1.000rem !important; padding: 4px 0 0; } .t0-b-lv4H-numIconCustom-314__icon { background-size: 50px 50px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; color: transparent; } .t0-b-lv4H-numIconCustom-314__icon--anshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--anshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--concept-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--houshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--kodawari-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--merit-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--oyakusoku-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--point-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--riyu-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--tokucho2-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--tsuyomi-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/10.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/1.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/2.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/3.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/4.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/5.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/6.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/7.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/8.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/9.png"); } .t0-b-lv4H-numIconCustom-314__icon--step-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/10.png"); } .t0-b-lv4H-numIconCustom-314--align-l { text-align: left; } .t0-b-lv4H-numIconCustom-314--align-c { text-align: center; } .t0-b-lv4H-numIconCustom-314--align-r { text-align: right; } .t0-b-lv4H-numIconCustom-314 a { text-decoration: none; color: #555; } .t0-b-lv4H-numIconCustom-314 a:hover { color: #7c6600; } .t0-b-frameCustom-315-bPlacer { padding-bottom: 25px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-316__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-316__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-316__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-316__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-316 { padding: 15px 0; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-316__col2 { position: absolute; } .t0-b-headerCombiCustom-316__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-316__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-316__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-316__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-316__hd > p, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-316 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-316 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-317 { background-image: url('/_design/703/images/インビザラインHPトップ画像製作スライド1101-2.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-317 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* 文字の背景色 */ .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-318 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-318__hd, .t0-b-headerCombiCustom-318__col1, .t0-b-headerCombiCustom-318__col2 { display: none; } .t0-b-headerCombiCustom-318__col3 { width: 100%; } .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-318__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameOuterCustom-319-bPlacer { padding-bottom: 25px; } .t0-b-frameOuterCustom-319__frame { padding: 20px 20px 10px; margin: 0 -5px; color: #675f4f; background-color: #fff9e2; border: 1px solid #ece5c8; border-radius: 11px; } .t0-b-frameOuterCustom-319__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; } .t0-b-frameOuterCustom-319__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-319__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-319__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-319__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-319__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-319__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-319__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-319__hd+.t0-b-frameOuterCustom-319__bd { padding: 20px 0 0; } .t0-b-frameOuterCustom-319__ft { margin-top: 20px; } .t0-b-lv2HCustom-320 a { text-decoration: none; display: table-cell; text-align: left; vertical-align: middle; color: #5d3e0e; } .t0-b-lv2HCustom-320 > div { display: inline-block; } .t0-b-lv2HCustom-320__iconPlacer { display: table-cell; background: url('/_master/acre/themes/027-N00-2/imgs/t0-b-lv2H/1.png?1590454249') no-repeat 0 50%; width: 40px; height: 50px; background-size: 40px 50px; } .t0-b-lv2HCustom-320 h2 { display: table-cell; padding: 4px 0 0 8px; line-height: 1.25; font-size: 1.286em; text-align: left; vertical-align: middle; } .t0-b-lv2HCustom-320--align-l { text-align: left; } .t0-b-lv2HCustom-320--align-c { text-align: center; } .t0-b-lv2HCustom-320--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-321 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-321 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-322 { background-image: url('/_design/703/images/スライド1-2.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-322 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-323__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-323__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-323__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-323__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-323 { padding-top: 10px; } .t0-b-headerCombiCustom-323__col2 { position: absolute; } .t0-b-headerCombiCustom-323__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-323__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-323__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-323 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-324__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-324__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-324__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-324__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-324 { padding-top: 10px; } .t0-b-headerCombiCustom-324__col2 { position: absolute; } .t0-b-headerCombiCustom-324__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-324__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-324__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-324 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-324__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-325__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-325__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-325__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-325__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-325 { padding-top: 10px; } .t0-b-headerCombiCustom-325__col2 { position: absolute; } .t0-b-headerCombiCustom-325__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-325__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-325__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-325 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-326__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-326__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-326__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-326__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-326 { padding-top: 10px; } .t0-b-headerCombiCustom-326__col2 { position: absolute; } .t0-b-headerCombiCustom-326__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-326__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-326__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-326 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-326__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-327__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-327__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-327__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-327__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-327 { padding-top: 10px; } .t0-b-headerCombiCustom-327__col2 { position: absolute; } .t0-b-headerCombiCustom-327__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-327__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-327__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-327__hd > p, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-327 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-327 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-328__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-328__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-328__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-328__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-328 { padding-top: 10px; } .t0-b-headerCombiCustom-328__col2 { position: absolute; } .t0-b-headerCombiCustom-328__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-328__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-328__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-328__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-328__hd > p, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-328 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-328 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-329__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-329__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-329__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-329__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-329 { padding-top: 10px; } .t0-b-headerCombiCustom-329__col2 { position: absolute; } .t0-b-headerCombiCustom-329__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-329__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-329__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-329__hd > p, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-329 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-329 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-330__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-330__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-330__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-330__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-330 { padding-top: 10px; } .t0-b-headerCombiCustom-330__col2 { position: absolute; } .t0-b-headerCombiCustom-330__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-330__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-330__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-330__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-330__hd > p, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-330 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-330 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-331__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-331__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-331__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-331__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-331 { padding-top: 10px; } .t0-b-headerCombiCustom-331__col2 { position: absolute; } .t0-b-headerCombiCustom-331__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-331__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-331__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-331 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-332__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-332__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-332__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-332__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-332 { padding-top: 10px; } .t0-b-headerCombiCustom-332__col2 { position: absolute; } .t0-b-headerCombiCustom-332__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-332__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-332__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-332 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-332__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-333__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-333__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-333__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-333__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-333 { padding-top: 10px; } .t0-b-headerCombiCustom-333__col2 { position: absolute; } .t0-b-headerCombiCustom-333__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-333__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-333__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-333 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-334__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-334__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-334__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-334__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-334 { padding-top: 10px; } .t0-b-headerCombiCustom-334__col2 { position: absolute; } .t0-b-headerCombiCustom-334__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-334__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-334__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-334 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-334__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-335__media { line-height: 0; } .t0-b-mediaCustom-335 { color: #333; } .t0-b-mediaCustom-335 img { width: 100%; } .t0-b-mediaCustom-335 > * { padding-top: 15px; } .t0-b-mediaCustom-335 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-335__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-335__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-335__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-335__media { text-align: center; } .t0-b-mediaCustom-335__media > * { vertical-align: top; } .t0-b-mediaCustom-335__media img { vertical-align: top; } .t0-b-mediaCustom-335__media > span { vertical-align: baseline; } .t0-b-mediaCustom-335__media img { padding: 7px 7px 6px 6px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x; background-position: left top, left bottom, right bottom, right top, left top, left bottom, right top, left top; background-image: url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg2.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg3.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg4.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg5.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg6.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg7.png"), url("/_master/acre/themes/002-L25/imgs/t0-b-media/1/bg8.png"); box-shadow: 0px 0px 2px #f3ece0; box-sizing: border-box; } .t0-b-mediaCustom-335 a { text-decoration: none; } .t0-b-mediaCustom-335__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-335__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-335__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-335__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-335__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-335__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-335 img { max-width: 100% !important; } .t0-b-mediaCustom-335--width-l .t0-b-mediaCustom-335__media img { width: 100%; } .t0-b-mediaCustom-335--width-m .t0-b-mediaCustom-335__media img { width: 75%; } .t0-b-mediaCustom-335--width-s .t0-b-mediaCustom-335__media img { width: 50%; } .t0-b-mediaCustom-335--align-l { text-align: left; } .t0-b-mediaCustom-335--align-c { text-align: center; } .t0-b-mediaCustom-335--align-r { text-align: right; } .t0-b-mediaCustom-335__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-335__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-335__h-upper div { display: inline-block; } .t0-b-mediaCustom-335__h-lower div { display: inline-block; } .t0-b-mediaCustom-336__media { line-height: 0; } .t0-b-mediaCustom-336 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-336 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-336__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-336__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-336__media a { text-decoration: none; } .t0-b-mediaCustom-336__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-336__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-336__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-336__media img { width: 100%; } .t0-b-mediaCustom-336--width-l .t0-b-mediaCustom-336__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-336__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-336__media img { width: 75%; } .t0-b-mediaCustom-336--width-m .t0-b-mediaCustom-336__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-336__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-336__media img { width: 50%; } .t0-b-mediaCustom-336--width-s .t0-b-mediaCustom-336__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-336__media img { width: 50%; } .t0-b-mediaCustom-336--align-l { text-align: left; } .t0-b-mediaCustom-336--align-c { text-align: center; } .t0-b-mediaCustom-336--align-r { text-align: right; } .t0-b-mediaCustom-336__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-336__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-336__h-upper div { display: inline-block; } .t0-b-mediaCustom-336__h-lower div { display: inline-block; } .t0-b-mediaCustom-336 img { border: 1px solid #333; } .t0-b-mediaCustom-337__media { line-height: 0; } .t0-b-mediaCustom-337 { color: #4d4d4d; } .t0-b-mediaCustom-337 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-337 img { width: 100%; } .t0-b-mediaCustom-337 a { text-decoration: none; } .t0-b-mediaCustom-337__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-337__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-337__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-337__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-337__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-337--width-l .t0-b-mediaCustom-337__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-337__media img { width: 100%; } .t0-b-mediaCustom-337--width-m .t0-b-mediaCustom-337__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-337__media img { width: 75%; } .t0-b-mediaCustom-337--width-s .t0-b-mediaCustom-337__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-337__media img { width: 50%; } .t0-b-mediaCustom-337--align-l { text-align: left; } .t0-b-mediaCustom-337--align-c { text-align: center; } .t0-b-mediaCustom-337--align-r { text-align: right; } .t0-b-mediaCustom-337__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-337__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-337__h-upper div { display: inline-block; } .t0-b-mediaCustom-337__h-lower div { display: inline-block; } .t0-b-mediaCustom-338__media { line-height: 0; } .t0-b-mediaCustom-338 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-338 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #ede9da, -1px -1px 2px #ede9da; } .t0-b-mediaCustom-338__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-338__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-338__media a { text-decoration: none; } .t0-b-mediaCustom-338__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-338__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-338__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-338--width-l .t0-b-mediaCustom-338__media img { width: 100%; } .t0-b-mediaCustom-338--width-m .t0-b-mediaCustom-338__media img { width: 75%; } .t0-b-mediaCustom-338--width-s .t0-b-mediaCustom-338__media img { width: 50%; } .t0-b-mediaCustom-338--align-l { text-align: left; } .t0-b-mediaCustom-338--align-c { text-align: center; } .t0-b-mediaCustom-338--align-r { text-align: right; } .t0-b-mediaCustom-338__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-338__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-338__h-upper div { display: inline-block; } .t0-b-mediaCustom-338__h-lower div { display: inline-block; } .t0-b-mediaCustom-339__media { line-height: 0; } .t0-b-mediaCustom-339 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-339 img { width: 100%; box-sizing: border-box; border: 6px solid #fff; border-radius: 6px; box-shadow: 2px 2px 4px #d4dfce, -1px -1px 2px #d4dfce; } .t0-b-mediaCustom-339__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-339__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-339__media a { text-decoration: none; } .t0-b-mediaCustom-339__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-339__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-339__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-339--width-l .t0-b-mediaCustom-339__media img { width: 100%; } .t0-b-mediaCustom-339--width-m .t0-b-mediaCustom-339__media img { width: 75%; } .t0-b-mediaCustom-339--width-s .t0-b-mediaCustom-339__media img { width: 50%; } .t0-b-mediaCustom-339--align-l { text-align: left; } .t0-b-mediaCustom-339--align-c { text-align: center; } .t0-b-mediaCustom-339--align-r { text-align: right; } .t0-b-mediaCustom-339__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-339__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-339__h-upper div { display: inline-block; } .t0-b-mediaCustom-339__h-lower div { display: inline-block; } .t0-b-mediaCustom-340__media { line-height: 0; } .t0-b-mediaCustom-340 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-340 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-340__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-340__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-340__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-340__media { text-align: center; background: url("/_master/acre/themes/008-L25/imgs/t0-b-media/bg.png") 0 0 repeat; padding: 4px; } .t0-b-mediaCustom-340 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-340__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-340__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-340__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-340__caption { margin-top: 10px; } .t0-b-mediaCustom-340__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-340__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-340__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-340--width-l { width: 100%; } .t0-b-mediaCustom-340--width-m { width: 75%; } .t0-b-mediaCustom-340--width-s { width: 50%; } .t0-b-mediaCustom-340--align-l { text-align: left; } .t0-b-mediaCustom-340--align-c { text-align: center; } .t0-b-mediaCustom-340--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-341__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-341__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-341__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-341__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-341 { padding-top: 10px; } .t0-b-headerCombiCustom-341__col2 { position: absolute; } .t0-b-headerCombiCustom-341__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-341__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-341__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-341 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-342__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-342__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-342__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-342__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-342 { padding-top: 10px; } .t0-b-headerCombiCustom-342__col2 { position: absolute; } .t0-b-headerCombiCustom-342__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-342__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-342__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-342 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-342__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-343__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-343__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-343__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-343__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-343 { padding-top: 10px; } .t0-b-headerCombiCustom-343__col2 { position: absolute; } .t0-b-headerCombiCustom-343__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-343__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-343__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-343__hd > p, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-343 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-343 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-344__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-344__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-344__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-344__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-344 { padding-top: 10px; } .t0-b-headerCombiCustom-344__col2 { position: absolute; } .t0-b-headerCombiCustom-344__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-344__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-344__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-344__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-344__hd > p, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-344 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-344 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-345__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-345__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-345__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-345__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-345 { padding-top: 10px; } .t0-b-headerCombiCustom-345__col2 { position: absolute; } .t0-b-headerCombiCustom-345__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-345__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-345__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-345__hd > p, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-345 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-345 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-346__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-346__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-346__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-346__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-346 { padding-top: 10px; } .t0-b-headerCombiCustom-346__col2 { position: absolute; } .t0-b-headerCombiCustom-346__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-346__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-346__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 { } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-346__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-346__hd > p, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-346 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-346 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-347 { height: 70vw; background: url(/_design/703/images/004-1-1.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-347__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-348 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-348 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-348 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-349 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-349__hd, .t0-b-headerCombiCustom-349__col1, .t0-b-headerCombiCustom-349__col2 { display: none; } .t0-b-headerCombiCustom-349__col3 { width: 100%; } .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-349__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-350 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-350__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-351 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-351 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-351 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-352 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-352__hd, .t0-b-headerCombiCustom-352__col1, .t0-b-headerCombiCustom-352__col2 { display: none; } .t0-b-headerCombiCustom-352__col3 { width: 100%; } .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-352__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-353 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-353__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-354 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-354 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-354 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-355 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-355__hd, .t0-b-headerCombiCustom-355__col1, .t0-b-headerCombiCustom-355__col2 { display: none; } .t0-b-headerCombiCustom-355__col3 { width: 100%; } .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-355__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-356 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-356__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-357 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-357 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-357 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-358 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-358__hd, .t0-b-headerCombiCustom-358__col1, .t0-b-headerCombiCustom-358__col2 { display: none; } .t0-b-headerCombiCustom-358__col3 { width: 100%; } .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-358__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-359 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-359__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-360 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-360 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-360 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-361 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-361__hd, .t0-b-headerCombiCustom-361__col1, .t0-b-headerCombiCustom-361__col2 { display: none; } .t0-b-headerCombiCustom-361__col3 { width: 100%; } .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-361__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-362 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-362__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-363 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-363 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-363 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-364 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-364__hd, .t0-b-headerCombiCustom-364__col1, .t0-b-headerCombiCustom-364__col2 { display: none; } .t0-b-headerCombiCustom-364__col3 { width: 100%; } .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-364__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-365 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-365__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-366 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-366 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-366 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-367 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-367__hd, .t0-b-headerCombiCustom-367__col1, .t0-b-headerCombiCustom-367__col2 { display: none; } .t0-b-headerCombiCustom-367__col3 { width: 100%; } .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-367__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-368 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-368__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-369 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-369 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-369 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-370 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-370__hd, .t0-b-headerCombiCustom-370__col1, .t0-b-headerCombiCustom-370__col2 { display: none; } .t0-b-headerCombiCustom-370__col3 { width: 100%; } .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-370__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-371 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-371__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-372 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-372 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-372 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-373 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-373__hd, .t0-b-headerCombiCustom-373__col1, .t0-b-headerCombiCustom-373__col2 { display: none; } .t0-b-headerCombiCustom-373__col3 { width: 100%; } .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-373__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-374 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-374__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-375__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-375__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-375__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-375__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-375 { padding-top: 10px; } .t0-b-headerCombiCustom-375__col2 { position: absolute; } .t0-b-headerCombiCustom-375__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-375__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-375__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-375 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-376__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-376__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-376__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-376__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-376 { padding-top: 10px; } .t0-b-headerCombiCustom-376__col2 { position: absolute; } .t0-b-headerCombiCustom-376__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-376__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-376__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-376 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-376__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-377__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-377__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-377__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-377__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-377 { padding-top: 10px; } .t0-b-headerCombiCustom-377__col2 { position: absolute; } .t0-b-headerCombiCustom-377__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-377__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-377__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-377 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-378__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-378__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-378__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-378__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-378 { padding-top: 10px; } .t0-b-headerCombiCustom-378__col2 { position: absolute; } .t0-b-headerCombiCustom-378__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-378__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-378__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-378 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-378__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-379__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-379__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-379__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-379__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-379 { padding-top: 10px; } .t0-b-headerCombiCustom-379__col2 { position: absolute; } .t0-b-headerCombiCustom-379__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-379__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-379__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-379 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-380__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-380__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-380__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-380__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-380 { padding-top: 10px; } .t0-b-headerCombiCustom-380__col2 { position: absolute; } .t0-b-headerCombiCustom-380__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-380__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-380__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-380 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-380__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-381__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-381__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-381__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-381__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-381 { padding-top: 10px; } .t0-b-headerCombiCustom-381__col2 { position: absolute; } .t0-b-headerCombiCustom-381__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-381__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-381__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-381 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-382__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-382__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-382__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-382__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-382 { padding-top: 10px; } .t0-b-headerCombiCustom-382__col2 { position: absolute; } .t0-b-headerCombiCustom-382__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-382__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-382__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-382 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-382__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-383 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-383__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-384 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-384__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-385 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-385__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-386 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-386__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-387 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-387 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-387 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-388 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-388 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-388 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-389 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-389 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-389 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-390 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-390 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-390 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-391 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-391__hd, .t0-b-headerCombiCustom-391__col1, .t0-b-headerCombiCustom-391__col2 { display: none; } .t0-b-headerCombiCustom-391__col3 { width: 100%; } .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-391__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-392 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-392__hd, .t0-b-headerCombiCustom-392__col1, .t0-b-headerCombiCustom-392__col2 { display: none; } .t0-b-headerCombiCustom-392__col3 { width: 100%; } .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-392__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-393 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-393__hd, .t0-b-headerCombiCustom-393__col1, .t0-b-headerCombiCustom-393__col2 { display: none; } .t0-b-headerCombiCustom-393__col3 { width: 100%; } .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-393__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-394-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-394 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-394__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-394__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-394__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-394__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-394__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-394__col1 { width: 100%; } .t0-b-headerCombiCustom-394__col2 { width: 100%; } .t0-b-headerCombiCustom-394__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-395 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-395__col2 { position: absolute; } .t0-b-headerCombiCustom-395__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-395__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-395__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-395__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-395 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-395 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-396 { padding: 15px 0; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-396__col2 { position: absolute; } .t0-b-headerCombiCustom-396__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-396__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-396__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-396__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-396__hd > p, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-396 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-396 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-397 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-397 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-397 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-398 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-398__hd, .t0-b-headerCombiCustom-398__col1, .t0-b-headerCombiCustom-398__col2 { display: none; } .t0-b-headerCombiCustom-398__col3 { width: 100%; } .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-398__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-399 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-399__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-400 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-400__col2 { position: absolute; } .t0-b-headerCombiCustom-400__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-400__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-400__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-400__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-400 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-400 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-401 { padding: 15px 0; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-401__col2 { position: absolute; } .t0-b-headerCombiCustom-401__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-401__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-401__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-401__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-401__hd > p, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-401 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-401 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-402 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-402__col2 { position: absolute; } .t0-b-headerCombiCustom-402__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-402__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-402__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-402__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-402 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-402 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-403 { padding: 15px 0; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-403__col2 { position: absolute; } .t0-b-headerCombiCustom-403__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-403__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-403__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-403__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-403__hd > p, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-403 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-403 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-404 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-404__col2 { position: absolute; } .t0-b-headerCombiCustom-404__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-404__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-404__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-404__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-404 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-404 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-405 { padding: 15px 0; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-405__col2 { position: absolute; } .t0-b-headerCombiCustom-405__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-405__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-405__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-405__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-405__hd > p, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-405 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-405 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-406 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-406__col2 { position: absolute; } .t0-b-headerCombiCustom-406__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-406__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-406__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-406__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-406 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-406 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-407 { padding: 15px 0; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-407__col2 { position: absolute; } .t0-b-headerCombiCustom-407__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-407__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-407__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-407__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-407__hd > p, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-407 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-407 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-85__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-408 { padding-top: 10px; } .t0-b-headerCombiCustom-408__col2 { position: absolute; } .t0-b-headerCombiCustom-408__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-408__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-408__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-408 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/703/images/ico_tel-1-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-409 { padding-top: 10px; } .t0-b-headerCombiCustom-409__col2 { position: absolute; } .t0-b-headerCombiCustom-409__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-409__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-409__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-409 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-409__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-410 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-410__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-411 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-411 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-411 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-412 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-412__hd, .t0-b-headerCombiCustom-412__col1, .t0-b-headerCombiCustom-412__col2 { display: none; } .t0-b-headerCombiCustom-412__col3 { width: 100%; } .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-412__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerFullWidthMediaCustom-413 { margin: 0 -15px; padding: 0 15px 3px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-413-inner { position: relative; } .t0-b-headerFullWidthMediaCustom-413-inner>div { position: absolute; bottom: 0; width: 100%; } .t0-b-headerFullWidthMediaCustom-413 { height: 61px; } .t0-b-headerFullWidthMediaCustom-413-inner { height: 58px; } .t0-b-headerFullWidthMediaCustom-413 { background-color: #FFFFFD; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-414 { background-image: url('/_design/703/images/プレゼンテーション1-1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-414 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /* .t0-b-headerFullWidthMediaCustom-414 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } */ /* 文字の背景色 */ .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-415 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-415__hd, .t0-b-headerCombiCustom-415__col1, .t0-b-headerCombiCustom-415__col2 { display: none; } .t0-b-headerCombiCustom-415__col3 { width: 100%; } .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-415__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameCustom-416-bPlacer { padding-bottom: 25px; } .t0-b-lv4H-numIconCustom-417-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-numIconCustom-417 { line-height: 0; } .t0-b-lv4H-numIconCustom-417>div { display: inline-block; } .t0-b-lv4H-numIconCustom-417>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-numIconCustom-417__iconPlacer { padding: 0 10px 0 0; } .t0-b-lv4H-numIconCustom-417__iconPlacer>* { display: block; } .t0-b-lv4H-numIconCustom-417__caption-upper { line-height: 1.25; font-size: 1.000rem !important; padding: 0 0 4px; } .t0-b-lv4H-numIconCustom-417__h { line-height: 1.25; font-size: 1.286rem !important; } .t0-b-lv4H-numIconCustom-417__caption-lower { line-height: 1.25; font-size: 1.000rem !important; padding: 4px 0 0; } .t0-b-lv4H-numIconCustom-417__icon { background-size: 50px 50px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; color: transparent; } .t0-b-lv4H-numIconCustom-417__icon--anshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--anshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--concept-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--houshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--kodawari-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--merit-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--oyakusoku-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--point-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--riyu-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--tokucho2-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--tsuyomi-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/10.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/1.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/2.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/3.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/4.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/5.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/6.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/7.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/8.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/9.png"); } .t0-b-lv4H-numIconCustom-417__icon--step-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/10.png"); } .t0-b-lv4H-numIconCustom-417--align-l { text-align: left; } .t0-b-lv4H-numIconCustom-417--align-c { text-align: center; } .t0-b-lv4H-numIconCustom-417--align-r { text-align: right; } .t0-b-lv4H-numIconCustom-417 a { text-decoration: none; color: #555; } .t0-b-lv4H-numIconCustom-417 a:hover { color: #7c6600; } .t0-b-frameCustom-418-bPlacer { padding-bottom: 25px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-419__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-419__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-419__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-419__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-419 { padding: 15px 0; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-419__col2 { position: absolute; } .t0-b-headerCombiCustom-419__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-419__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-419__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-419__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-419__hd > p, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-419 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-419 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-420 { background-image: url('/_design/703/images/インビザラインHPトップ画像製作スライド1101-1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-420 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* 文字の背景色 */ .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-421 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-421__hd, .t0-b-headerCombiCustom-421__col1, .t0-b-headerCombiCustom-421__col2 { display: none; } .t0-b-headerCombiCustom-421__col3 { width: 100%; } .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-421__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameOuterCustom-422-bPlacer { padding-bottom: 25px; } .t0-b-frameOuterCustom-422__frame { padding: 20px 20px 10px; margin: 0 -5px; color: #675f4f; background-color: #fff9e2; border: 1px solid #ece5c8; border-radius: 11px; } .t0-b-frameOuterCustom-422__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; } .t0-b-frameOuterCustom-422__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-422__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-422__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-422__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-422__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-422__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-422__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-422__hd+.t0-b-frameOuterCustom-422__bd { padding: 20px 0 0; } .t0-b-frameOuterCustom-422__ft { margin-top: 20px; } .t0-b-lv2HCustom-423 a { text-decoration: none; display: table-cell; text-align: left; vertical-align: middle; color: #5d3e0e; } .t0-b-lv2HCustom-423 > div { display: inline-block; } .t0-b-lv2HCustom-423__iconPlacer { display: table-cell; background: url('/_master/acre/themes/027-N00-2/imgs/t0-b-lv2H/1.png?1590454249') no-repeat 0 50%; width: 40px; height: 50px; background-size: 40px 50px; } .t0-b-lv2HCustom-423 h2 { display: table-cell; padding: 4px 0 0 8px; line-height: 1.25; font-size: 1.286em; text-align: left; vertical-align: middle; } .t0-b-lv2HCustom-423--align-l { text-align: left; } .t0-b-lv2HCustom-423--align-c { text-align: center; } .t0-b-lv2HCustom-423--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-424 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-424 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-425 { background-image: url('/_design/703/images/スライド1-1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-425 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-426__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-426__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-426 { padding: 15px 0; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-426__col2 { position: absolute; } .t0-b-headerCombiCustom-426__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-426__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-426__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-426__hd > p, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-426 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-426 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-siteName2__bd { display: none; } .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-text-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-426 { padding: 0px; } .t0-b-headerCombiCustom-426__col1 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-426__hd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-427 { background-image: url('/_design/703/images/1_sp-doctor-1.png') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-427 { position: relative; height: 150vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/image0-1.jpeg); } /* 左画像（ＴＥＬ）の非表示部分 */ .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel__tel+span, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel__fax+span, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel__free+span, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel__cell+span{ color:#00000000 } .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel__tel{ color: #00000000; background-color: #00000000; background-image: none; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1-1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-428 { padding-top: 0px; } .t0-b-headerCombiCustom-428__col2 { position: absolute; } .t0-b-headerCombiCustom-428__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-428__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-428__hd, .t0-b-headerCombiCustom-428__col1, .t0-b-headerCombiCustom-428__col2, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-428 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-428 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/image0_v2-1.jpg); } .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-tel__free + span { color: #fff; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1-1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-429 { padding-top: 0px; } .t0-b-headerCombiCustom-429__col2 { position: absolute; } .t0-b-headerCombiCustom-429__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-429__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-429__hd, .t0-b-headerCombiCustom-429__col1, .t0-b-headerCombiCustom-429__col2, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-429 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/TEL_GW-1.png); } .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1-1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-430 { padding-top: 0px; } .t0-b-headerCombiCustom-430__col2 { position: absolute; } .t0-b-headerCombiCustom-430__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-430__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-430__hd, .t0-b-headerCombiCustom-430__col1, .t0-b-headerCombiCustom-430__col2, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-430 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/TEL_time-1.png); } .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/image1-1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-431 { padding-top: 0px; } .t0-b-headerCombiCustom-431__col2 { position: absolute; } .t0-b-headerCombiCustom-431__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-431__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-431__hd, .t0-b-headerCombiCustom-431__col1, .t0-b-headerCombiCustom-431__col2, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-431 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/703/images/HP001_sp_reserve-1.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-432 { padding-top: 0px; } .t0-b-headerCombiCustom-432__col2 { position: absolute; } .t0-b-headerCombiCustom-432__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-432__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 100vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-432__hd, .t0-b-headerCombiCustom-432__col1, .t0-b-headerCombiCustom-432__col2, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-432 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-432 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB3 { right: 0; background: url(/_design/703/images/HP001_sp_reserve-1.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-433 { padding-top: 0px; } .t0-b-headerCombiCustom-433__col2 { position: absolute; } .t0-b-headerCombiCustom-433__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-433__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 100vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-433__hd, .t0-b-headerCombiCustom-433__col1, .t0-b-headerCombiCustom-433__col2, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-contact-nav, .t0-b-headerCombiCustom-433 .t0-b-headerUnit-contact-navB3{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-433 .t0-b-headerUnit-contact-navB8{ display: none; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-434 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-434 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-434 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-434 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-434 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-434 ol { overflow: hidden; } .t0-b-wysiwygCustom-434-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-434 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-434 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-434>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-434 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-434 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-434 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-434 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-434 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-434 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-434 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-434 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-434 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-434 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-434 table ul { font-size: 14px; } .t0-b-wysiwygCustom-434 table ol { font-size: 14px; } .t0-b-wysiwygCustom-434 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-434 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-434 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-434 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-434 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-434 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-434 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-434 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-434 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-434>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-434 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-434 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-434 ul li { line-height: 1.25; font-size: 1.2rem; } .t0-b-wysiwygCustom-434 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-434 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-434 strong { font-weight: bolder; background: linear-gradient(transparent 65%, #ffdf6f 50%); font-size: 1.5rem;} .t0-b-wysiwygCustom-434-bPlacer { padding: 0 15px 15px 15px; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-435 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-435 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-435 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-435 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-435 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-435 ol { overflow: hidden; } .t0-b-wysiwygCustom-435-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-435 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-435 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-435>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-435 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-435 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-435 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-435 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-435 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-435 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-435 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-435 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-435 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-435 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-435 table ul { font-size: 14px; } .t0-b-wysiwygCustom-435 table ol { font-size: 14px; } .t0-b-wysiwygCustom-435 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-435 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-435 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-435 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-435 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-435 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-435 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-435 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-435 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-435>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-435 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-435 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-435 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-435 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-435 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-435 strong { font-weight: bolder; color:#41AECF; font-size: 1.4rem;} .t0-b-wysiwygCustom-435-bPlacer { padding: 0 15px 15px 15px; } .t0-b-lv3HCustom-436-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-436 { color: #675f4f; text-align: center; } .t0-b-lv3HCustom-436 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-436 h3 { line-height: 1.25; font-size: 1.286rem; } .t0-b-lv3HCustom-436--align-l { text-align: left; } .t0-b-lv3HCustom-436--align-c { text-align: center; } .t0-b-lv3HCustom-436--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-437 { position: relative; padding: 0px 15px 0px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-437 { background-color: #fff; } .t0-b-lv2HCustom-438-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-438 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-438 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-438__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-438 h2 { line-height: 1.75; font-size: 1.629rem; padding: 0 10px; position: relative; margin-top: -30px; margin-bottom: 20px; } .t0-b-lv2HCustom-438__caption-lower { line-height: 1.25; font-size: .857rem; padding: 0px 7px 0; } .t0-b-lv2HCustom-438--align-l { text-align: left; } .t0-b-lv2HCustom-438--align-c { text-align: center; } .t0-b-lv2HCustom-438--align-r { text-align: right; } .t0-b-lv3HCustom-439-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-439 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-439 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-439 h3 { line-height: 1.25; font-size: 1.6rem; min-height: 22px; padding: 10px; background-color: #FFF5E7; -webkit-box-shadow: 5px 5px 0 #FFCC00; box-shadow: 5px 5px 0 #FFCC00;} .t0-b-lv3HCustom-439--align-l { text-align: left; } .t0-b-lv3HCustom-439--align-c { text-align: center; } .t0-b-lv3HCustom-439--align-r { text-align: right; } .t0-b-frameOuterCustom-440-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-440__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-440__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-440__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-440__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-440__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-440__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-440__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-440__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-440__ft { margin-top: 20px; } .t0-b-navBItemCustom-441-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-441 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fea600; text-align: center; border: 2px solid #fea600; border-radius: 30px; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-441 a { display: block; color: #fea600; } .t0-b-navBItemCustom-441__inner { padding: 12px 10px; background-color: #fff; border-radius: 30px; } .t0-b-navBItemCustom-442-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-442 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-442 a { display: block; color: #fff; } .t0-b-navBItemCustom-442__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #ff9000; } .t0-b-navBItemCustom-442__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-navBItemCustom-443-bPlacer { padding: 10px 20px 25px 20px; } .t0-b-navBItemCustom-443 { width: 95%; margin: 0 auto; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",serif !important; color: #EB7E31; text-align: center; line-height: 1.25; font-size: 1.3rem; } .t0-b-navBItemCustom-443 a { display: block; color: #EB7E31; } .t0-b-navBItemCustom-443__inner { position: relative; padding: 15px 30px 15px 15px; background-color: none; border: 2px solid #ff9000; border-radius: 10px; } .t0-b-navBItemCustom-443__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_design/703/images/sp_Banner_arrow001.png"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-444 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-444 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-444 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-444 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-444 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-444 ol { overflow: hidden; } .t0-b-wysiwygCustom-444-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-444 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-444 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-444>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-444 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-444 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-444 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-444 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-444 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-444 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-444 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-444 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-444 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-444 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-444 table ul { font-size: 14px; } .t0-b-wysiwygCustom-444 table ol { font-size: 14px; } .t0-b-wysiwygCustom-444 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-444 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-444 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-444 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-444 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-444 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-444 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-444 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-444 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-444>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-444 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-444 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-444 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-444 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-444 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-444 strong { font-weight: bolder; color:#E56912; font-size: 1.4rem;} .t0-b-wysiwygCustom-444-bPlacer { padding: 0 15px 15px 15px; } .t0-b-frameOuterCustom-445-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-445__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-445__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-445__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-445__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-445__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-445__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-445__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-445__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-445__ft { margin-top: 20px; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-446 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-446 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-446 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-446 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-446 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-446 ol { overflow: hidden; } .t0-b-wysiwygCustom-446-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-446 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-446 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-446>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-446 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-446 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-446 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-446 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-446 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-446 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-446 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-446 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-446 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-446 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-446 table ul { font-size: 14px; } .t0-b-wysiwygCustom-446 table ol { font-size: 14px; } .t0-b-wysiwygCustom-446 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-446 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-446 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-446 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-446 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-446 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-446 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-446 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-446 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-446>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-446 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-446 p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-446 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-446 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-446 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-lv2HCustom-447-bPlacer { /* padding-bottom: 10px; */ position: relative; margin-top: -27px; } .t0-b-lv2HCustom-447 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #1E68A1; text-align: center; } .t0-b-lv2HCustom-447 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-447__caption-upper { line-height: 1.25; font-size: 1.2rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-447 h2 { line-height: 1.25; font-size: 1.829rem; padding: 0 7px; } .t0-b-lv2HCustom-447__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-447--align-l { text-align: left; } .t0-b-lv2HCustom-447--align-c { text-align: center; } .t0-b-lv2HCustom-447--align-r { text-align: right; } .t0-b-lv2HCustom-448-bPlacer { position: relative; margin-top: -59px; margin-left: 54px; } .t0-b-lv2HCustom-448 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-448 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-448__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-448 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 47px; } .t0-b-lv2HCustom-448__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-448--align-l { text-align: left; } .t0-b-lv2HCustom-448--align-c { text-align: center; } .t0-b-lv2HCustom-448--align-r { text-align: right; } .t0-b-lv2HCustom-449-bPlacer { position: relative; margin-top: -59px; margin-left: 31px; } .t0-b-lv2HCustom-449 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-449 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-449__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-449 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 47px; } .t0-b-lv2HCustom-449__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-449--align-l { text-align: left; } .t0-b-lv2HCustom-449--align-c { text-align: center; } .t0-b-lv2HCustom-449--align-r { text-align: right; } .t0-b-lv2HCustom-450-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-450 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-450 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-450__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-450 h2 { line-height: 1.25; font-size: 1.429rem; padding: 0 7px; } .t0-b-lv2HCustom-450__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-450--align-l { text-align: left; } .t0-b-lv2HCustom-450--align-c { text-align: center; } .t0-b-lv2HCustom-450--align-r { text-align: right; } .t0-b-lv2HCustom-451-bPlacer { position: relative; margin-top: -44px; margin-left: 10px; margin-bottom: 20px; } .t0-b-lv2HCustom-451 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-451 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-451__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-451 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-451__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-451--align-l { text-align: left; } .t0-b-lv2HCustom-451--align-c { text-align: center; } .t0-b-lv2HCustom-451--align-r { text-align: right; } .t0-b-labeledListCustom-452-bPlacer { padding-bottom: 10px; padding-left: 0px; } .t0-b-labeledListCustom-452 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-labeledListCustom-452 a { display: block; text-decoration: underline; } .t0-b-labeledListCustom-452 table { display: block; } .t0-b-labeledListCustom-452 table th { display: inline-block; min-width: 86px; padding: 0; color: #fff; text-align: center; line-height: 1.25; font-size: 1rem; } .t0-b-labeledListCustom-452 table th>div { min-height: 17px; padding: 3px 8px 2px; background-color: #EB7E31; border-radius: 15px;} .t0-b-labeledListCustom-452 table th>div a { color: #675f4f; } .t0-b-labeledListCustom-452 table td { padding: 0 0 0 14px; color: #767065; text-align: left; line-height: 0.25; font-size: 1.3rem; } .t0-b-labeledListCustom-452 table td>div { padding: 5px 0; } .t0-b-labeledListCustom-452 table td>div a { color: #767065; } .t0-b-fullWidthFrameCustom-453 { position: relative; padding-top: 10px; padding-bottom: 10px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-453 { background-color: #fff; } .t0-b-lv2HCustom-454-bPlacer { position: relative; margin-top: -44px; margin-left: 155px; margin-bottom: 20px; } .t0-b-lv2HCustom-454 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-454 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-454__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-454 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-454__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-454--align-l { text-align: left; } .t0-b-lv2HCustom-454--align-c { text-align: center; } .t0-b-lv2HCustom-454--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-455 { position: relative; padding: 20px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-455 .t0-b-media__media { position: relative; z-index: 3; } } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-456 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-456 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-456 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-456 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-456 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-456 ol { overflow: hidden; } .t0-b-wysiwygCustom-456-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-456 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-456 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-456>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-456 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-456 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-456 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-456 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-456 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-456 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-456 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-456 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-456 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-456 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-456 table ul { font-size: 14px; } .t0-b-wysiwygCustom-456 table ol { font-size: 14px; } .t0-b-wysiwygCustom-456 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-456 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-456 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-456 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-456 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-456 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-456 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-456 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-456 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-456>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-456 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-456 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-456 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-456 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-456 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-456 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; } .t0-b-wysiwygCustom-456 strong { font-weight: bolder; color:#F2AA77; font-size: 1.4rem;} .t0-b-wysiwygCustom-456-bPlacer { padding: 0 15px 15px 15px; } .t0-b-lv2HCustom-457-bPlacer { position: relative; margin-top: -80px; margin-left: 70px; margin-bottom: 20px; } .t0-b-lv2HCustom-457 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; z-index: 210;} .t0-b-lv2HCustom-457 strong { font-weight: bolder; color: #E56912; } .t0-b-lv2HCustom-457 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-457__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-457 h2 { line-height: 1.25; font-size: 1.6rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 10px; z-index: 10;} .t0-b-lv2HCustom-457__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-457--align-l { text-align: left; } .t0-b-lv2HCustom-457--align-c { text-align: center; } .t0-b-lv2HCustom-457--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-458 { position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; margin: -25px -15px 0 -15px;} .t0-b-fullWidthFrameCustom-459 { position: relative; padding: 0px 0px 0px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-459 { background-color: #fff; } .t0-b-lv2HCustom-460-bPlacer { position: relative; margin-top: -80px; margin-right: 70px; margin-bottom: 20px; } .t0-b-lv2HCustom-460 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-460 strong { font-weight: bolder; color: #E56912; } .t0-b-lv2HCustom-460 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-460__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-460 h2 { line-height: 1.25; font-size: 1.5rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-right: 10px; z-index: 10; } .t0-b-lv2HCustom-460__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-460--align-l { text-align: left; } .t0-b-lv2HCustom-460--align-c { text-align: center; } .t0-b-lv2HCustom-460--align-r { text-align: right; } .t0-b-lv2HCustom-461-bPlacer { position: relative; margin-top: -87px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .t0-b-lv2HCustom-461 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-461 strong { font-weight: bolder; color: #E56912; } .t0-b-lv2HCustom-461 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-461__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-461 h2 { line-height: 1.25; font-size: 1.6rem; /* padding: 0 7px; */ position: relative; z-index: 10; } .t0-b-lv2HCustom-461__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-461--align-l { text-align: left; } .t0-b-lv2HCustom-461--align-c { text-align: center; } .t0-b-lv2HCustom-461--align-r { text-align: right; } .t0-b-frameOuterCustom-462-bPlacer { padding-bottom: 20px; } .t0-b-frameOuterCustom-462__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-462__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-462__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-462__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-462__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-462__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-462__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-462__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-462__ft { margin-top: 20px; } .t0-b-wysiwygCustom-463-bPlacer { padding-bottom: 25px; } .t0-b-wysiwygCustom-463 { line-height: 1.25; font-size: 1rem; padding: 15px; color: #767065; background-color: #eee; } .t0-b-wysiwygCustom-463 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-463>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-463 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-463 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-463 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-463 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-463 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-463 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-463 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-463 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-463 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-463 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-463 table ul { font-size: 14px; } .t0-b-wysiwygCustom-463 table ol { font-size: 14px; } .t0-b-wysiwygCustom-463 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-463 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-463 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-463 table th { color: #482e15; background: #eee; } .t0-b-wysiwygCustom-463 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-463 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-463 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-463 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-463 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-463>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-463 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-463 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-463 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-463 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-463 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-frameOuterCustom-464-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-464__frame { color: #767065; margin: 0 -5px; padding: 20px; background-color: #fff; border: 3px solid #D5376B; background-image:url("/_design/703/images/bg_in2.jpg"); background-repeat: no-repeat; background-size:100%;} .t0-b-frameOuterCustom-464__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; min-height: 20px; padding: 5px 0; margin-bottom: 15px; overflow: hidden; color: #D5376B; text-align: center; } .t0-b-frameOuterCustom-464__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-464__hd-h { line-height: 1.25; font-size: 2.5rem; padding-left: 80px;} .t0-b-frameOuterCustom-464__hd-caption-upper { line-height: 1.25; font-size: 1.7rem; padding: 0 0 5px; padding-left: 80px;} .t0-b-frameOuterCustom-464__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; padding-left: 80px;} .t0-b-frameOuterCustom-464__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-464__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-464__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-464__ft { margin-top: 20px; } .t0-b-frameOuterCustom-464__frame .t0-b-mediaCols .t0-b-mediaCols__img { width: 40%; padding-top: 0px; } .t0-b-frameOuterCustom-464__frame .t0-b-mediaCols--imgR .t0-b-mediaCols__img { float: right; padding-right: 0; padding-left: 0px; } .t0-b-frameOuterCustom-464__frame .t0-b-media-bPlacer { padding-bottom: 0px; } .t0-b-navBItemCustom-465-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-465 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-465 a { display: block; color: #fff; } .t0-b-navBItemCustom-465__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #ff9000; border-radius: 30px; } .t0-b-navBItemCustom-465__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-navBItemCustom-466-bPlacer { padding-top:20px; padding-bottom: 15px; } .t0-b-navBItemCustom-466 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-466 a { display: block; color: #fff; } .t0-b-navBItemCustom-466__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #D5376B; border-radius: 30px; } .t0-b-navBItemCustom-466__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-fullWidthFrameCustom-467 { position: relative; padding: 40px 15px 20px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-467 { padding: 40px 35px; } .t0-b-fullWidthFrameCustom-467::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; pointer-events: none; content: ""; border-radius: 10px; } .t0-b-fullWidthFrameCustom-467>* { position: relative; } .t0-b-fullWidthFrameCustom-467 { background-color: #ED7573; } .t0-b-fullWidthFrameCustom-467::before { background-color: #fff; } .t0-b-lv3HCustom-468-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-468 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-468 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-468 h3 { line-height: 1.25; font-size: 1.286rem; } .t0-b-lv3HCustom-468--align-l { text-align: left; } .t0-b-lv3HCustom-468--align-c { text-align: center; } .t0-b-lv3HCustom-468--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-469 { position: relative; padding:15px 20px; margin: -3px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-469 { background-color: #ED7573; } .t0-b-sideBoxCustom-470-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-470__hd, .t0-b-sideBoxCustom-470 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-470 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-470 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-470 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-470 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/703/images/icon_calender.png); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; overflow: hidden; background-color:#00B901; } .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-470 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-471-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-471__hd, .t0-b-sideBoxCustom-471 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-471 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-471 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-471 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-471 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/703/images/icon_calender.png); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; overflow: hidden; background-color:#EB7E31; } .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-471 .t0-b-sideNavBItem8__inner { display: none; } .t0-b-sideBoxCustom-472-bPlacer { padding-bottom: 25px; } .t0-b-sideBoxCustom-472 { margin: 0 -5px; background-color: #fffefa; border-top: 4px solid #ffe168; } .t0-b-sideBoxCustom-472__hd { padding: 10px; text-align: center; background-color: #fff6ba; border-right: 1px solid #ece5c8; border-left: 1px solid #ece5c8; } .t0-b-sideBoxCustom-472__hd h4 { min-height: 22px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; line-height: 1.25; font-size: 1.286rem; } .t0-b-sideBoxCustom-472__bd { padding: 10px 20px; border: 1px solid #ece5c8; border-top: none; } .t0-b-sideBoxCustom-472--align-l { text-align: left; } .t0-b-sideBoxCustom-472--align-c { text-align: center; } .t0-b-sideBoxCustom-472--align-r { text-align: right; } .t0-b-lv3HCustom-474-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-474 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-474 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-474>div { display: table; } .t0-b-lv3HCustom-474>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-474__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-474__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/703/images/maru1.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-474 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-474--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-474--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-474--align-r>div { margin-left: auto; } .t0-b-lv3HCustom-475-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-475 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-475 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-475>div { display: table; } .t0-b-lv3HCustom-475>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-475__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-475__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/703/images/maru2.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-475 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-475--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-475--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-475--align-r>div { margin-left: auto; } .t0-b-fullWidthFrameCustom-476 { position: relative; padding: 0px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-476 { background-color: #fff; } .t0-b-lv5HCustom-477-bPlacer { padding-bottom: 10px; position: relative; margin-top: -100px; margin-bottom: 70px;} .t0-b-lv5HCustom-477 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv5HCustom-477 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv5HCustom-477__caption-upper { line-height: 1.25; font-size: .57rem; padding: 0 0 5px; } .t0-b-lv5HCustom-477 h5 { line-height: 1.25; font-size: 0.8rem; } .t0-b-lv5HCustom-477__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 0 0; } .t0-b-lv5HCustom-477--align-l { text-align: left; } .t0-b-lv5HCustom-477--align-c { text-align: center; } .t0-b-lv5HCustom-477--align-r { text-align: right; } .t0-b-mediaCustom-478-bPlacer { padding-bottom: 15px; } .t0-b-mediaCustom-478 { margin: 0 auto; color: #675f4f; } .t0-b-mediaCustom-478 a { color: #675f4f; text-decoration: none; } .t0-b-mediaCustom-478__h-upper { line-height: 1.25; font-size: 1.0rem; margin-top: 10px; margin-bottom: -30px; text-align: center; position: relative; Z-INDEX: 10; color: #fff;} .t0-b-mediaCustom-478__h-upper div { display: inline-block; } .t0-b-mediaCustom-478 img { max-width: 100% !important; height: auto; } .t0-b-mediaCustom-478__media { position: relative; line-height: 0; text-align: center; } .t0-b-mediaCustom-478__media a { text-decoration: none; } .t0-b-mediaCustom-478__media>* { width: 100%; height: auto; vertical-align: top; border-radius: 5px; } .t0-b-mediaCustom-478__media img { width: 100%; height: auto; vertical-align: top; border-radius: 5px; } .t0-b-mediaCustom-478__media+div { margin-top: 10px; } .t0-b-mediaCustom-478__textOnImage-upper { position: absolute; top: 0; right: 0; left: 0; } .t0-b-mediaCustom-478__textOnImage-upper p { line-height: 1.25; font-size: 1.286rem; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; background: rgba(255,255,255,.8); border-top-left-radius: 5px; border-top-right-radius: 5px; } .t0-b-mediaCustom-478__textOnImage-lower { position: absolute; right: 0; bottom: 0; left: 0; } .t0-b-mediaCustom-478__textOnImage-lower p { line-height: 1.25; font-size: 1.286rem; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; background: rgba(255,255,255,.8); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .t0-b-mediaCustom-478__h-lower { line-height: 1.25; font-size: 1.143rem; margin-top: 10px; text-align: center; } .t0-b-mediaCustom-478__h-lower div { display: inline-block; } .t0-b-mediaCustom-478__h-lower+div { margin-top: 10px; } .t0-b-mediaCustom-478__caption { margin-top: 10px; margin-left: 10px; margin-right: 10px;} .t0-b-mediaCustom-478__caption p { line-height: 1.25; font-size: 1rem; color: #664b3a; text-align: center; } .t0-b-mediaCustom-478__caption+div { margin-top: 10px; } .t0-b-mediaCustom-478__caption a { text-decoration: underline; } .t0-b-mediaCustom-478--width-l { width: 100%; } .t0-b-mediaCustom-478--width-m { width: 75%; } .t0-b-mediaCustom-478--width-s { width: 50%; } .t0-b-mediaCustom-478--align-l { text-align: left; } .t0-b-mediaCustom-478--align-c { text-align: center; } .t0-b-mediaCustom-478--align-r { text-align: right; } .t0-b-frameOuterCustom-479-bPlacer { padding-bottom: 30px; position: relative; padding: 0px 0px 0px; margin: 30px -15px;} .t0-b-frameOuterCustom-479__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-479__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-479__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-479__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-479__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-479__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-479__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-479__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-479__ft { margin-top: 20px; } .t0-b-fullWidthFrameCustom-480 { position: relative; padding: 40px 15px 20px; margin: -15px -15px 0px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-480 { background-color: #fff5e7; } .t0-b-frameOuterCustom-481-bPlacer { padding-bottom: 20px; } .t0-b-frameOuterCustom-481__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-481__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-481__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-481__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-481__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-481__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-481__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-481__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-481__ft { margin-top: 20px; } .t0-b-lv3HCustom-482-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-482 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-482 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-482 h3 { line-height: 1.25; font-size: 1.1rem; } .t0-b-lv3HCustom-482--align-l { text-align: left; } .t0-b-lv3HCustom-482--align-c { text-align: center; } .t0-b-lv3HCustom-482--align-r { text-align: right; } .t0-b-lv1H-mainHCustom-483-bPlacer { padding-bottom: 10px; } .t0-b-lv1H-mainHCustom-483 { margin: 0 auto; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv1H-mainHCustom-483 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv1H-mainHCustom-483__caption-upper { line-height: 1.25; font-size: 1.3rem; padding: 0 10px 5px; } .t0-b-lv1H-mainHCustom-483__bd { line-height: 1.25; font-size: 1.6rem; padding: 0 10px; background: linear-gradient(transparent 24%, #FFF4C7 50%);} .t0-b-lv1H-mainHCustom-483__caption-lower { line-height: 1.25; font-size: 1.3rem; padding: 5px 10px 10px; } .t0-b-lv1H-mainHCustom-483--align-l { text-align: left; } .t0-b-lv1H-mainHCustom-483--align-c { text-align: center; } .t0-b-lv1H-mainHCustom-483--align-r { text-align: right; } .t0-b-navListCustom-484-bPlacer { padding-bottom: 20px; } .t0-b-navListCustom-484 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #767065; text-align: left; } .t0-b-navListCustom-484 th>table:first-child { margin-top: 0; } .t0-b-navListCustom-484 td>table:first-child { margin-top: 0; } .t0-b-navListCustom-484 th>ul:first-child { margin-top: 0; } .t0-b-navListCustom-484 td>ul:first-child { margin-top: 0; } .t0-b-navListCustom-484 th>ol:first-child { margin-top: 0; } .t0-b-navListCustom-484 td>ol:first-child { margin-top: 0; } .t0-b-navListCustom-484 th>p:first-child { margin-top: 0; } .t0-b-navListCustom-484 td>p:first-child { margin-top: 0; } .t0-b-navListCustom-484 th>hr:first-child { margin-top: 0; } .t0-b-navListCustom-484 td>hr:first-child { margin-top: 0; } .t0-b-navListCustom-484 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-navListCustom-484>p:first-child { margin-top: 0; } .t0-b-navListCustom-484 ol { margin: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-navListCustom-484 ol ul { margin-top: 10px; } .t0-b-navListCustom-484 ol ol { margin-top: 10px; } .t0-b-navListCustom-484 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-navListCustom-484 ol li:first-child { margin-top: 0; } .t0-b-navListCustom-484>ol:first-child { margin-top: 0; } .t0-b-navListCustom-484 ul { margin-top: 15px; font-size: 14px; } .t0-b-navListCustom-484 ul ul { margin-top: 5px; } .t0-b-navListCustom-484 ul ol { margin-top: 5px; } .t0-b-navListCustom-484 ul li { line-height: 1.25; font-size: 1.3rem; padding: 0 0 0 21px; margin: 10px 0 0; background: url("/_master/acre/themes/031C-N00/imgs/list/list002/list002_ico01_v2_v2f1.svg"); background-repeat: no-repeat; background-position: 0 .16em; background-size: 15px 10px; } .t0-b-navListCustom-484 ul li:first-child { margin-top: 0; } .t0-b-navListCustom-484>ul:first-child { margin-top: 0; } .t0-b-navListCustom-484 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-navListCustom-484 table th { line-height: 1.25; font-size: 1.3rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-navListCustom-484 table td { line-height: 1.25; font-size: 1.3rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-navListCustom-484 table ul { font-size: 14px; } .t0-b-navListCustom-484 table ol { font-size: 14px; } .t0-b-navListCustom-484 table ul li { line-height: 1.25; font-size: 1.3rem; } .t0-b-navListCustom-484 table ol li { line-height: 1.25; font-size: 1.3rem } .t0-b-navListCustom-484 table p { line-height: 1.6; font-size: 1.3rem; } .t0-b-navListCustom-484 table th { color: #675f4f; background-color: #fff4a6; } .t0-b-navListCustom-484 table td { color: #706d5e; background-color: #fffbdc; } .t0-b-navListCustom-484 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-navListCustom-484 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-navListCustom-484 table tr:last-child>th { background-image: none; } .t0-b-navListCustom-484 table tr:last-child td { background-image: none; } .t0-b-navListCustom-484>table:first-child { margin-top: 0; } .t0-b-navListCustom-484 a { display: block; color: inherit; text-decoration: underline; } .t0-b-navListCustom-484 ul li { line-height: 1.25; font-size: 1.3rem; min-height: 17px; } .t0-b-fullWidthFrameCustom-485 { position: relative; padding: 0px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-485 .t0-b-media__media { position: relative; z-index: 3; } .t0-b-fullWidthFrameCustom-485 .t0-b-media-bPlacer { padding-bottom: 0px; } .t0-b-lv3HCustom-486-bPlacer { padding-bottom: 0px; } .t0-b-lv3HCustom-486 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-486 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-486 h3 { line-height: 1.25; font-size: 2rem; padding-top: 15px;} .t0-b-lv3HCustom-486--align-l { text-align: left; } .t0-b-lv3HCustom-486--align-c { text-align: center; } .t0-b-lv3HCustom-486--align-r { text-align: right; } .t0-b-lv4H-qIconCustom-487-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-qIconCustom-487 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv4H-qIconCustom-487 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv4H-qIconCustom-487 a .t0-b-lv4H-qIconCustom-487__h { color: #675f4f; } .t0-b-lv4H-qIconCustom-487>div { display: table; } .t0-b-lv4H-qIconCustom-487>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-qIconCustom-487__iconPlacer { width: 35px; text-align: left; } .t0-b-lv4H-qIconCustom-487__icon { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-image: url("/_master/acre/themes/031C-N00/imgs/heading/heading021/heading021_question_v1f1.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 25px 25px; } .t0-b-lv4H-qIconCustom-487__caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 2px; color: #675f4f; } .t0-b-lv4H-qIconCustom-487__h { line-height: 1.25; font-size: 1.3rem; } .t0-b-lv4H-qIconCustom-487__caption-lower { line-height: 1.25; font-size: 1rem; padding: 2px 0 0; color: #675f4f; } .t0-b-lv4H-qIconCustom-487--align-l>div { margin-right: auto; } .t0-b-lv4H-qIconCustom-487--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv4H-qIconCustom-487--align-r>div { margin-left: auto; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-488 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-488 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-488 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-488 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-488 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-488 ol { overflow: hidden; } .t0-b-wysiwygCustom-488-bPlacer { padding: 15px 15px 15px 15px; border-top: 2px solid #ccc;} .t0-b-wysiwygCustom-488 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-488 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-488>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-488 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-488 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-488 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-488 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-488 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-488 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-488 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-488 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-488 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-488 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-488 table ul { font-size: 14px; } .t0-b-wysiwygCustom-488 table ol { font-size: 14px; } .t0-b-wysiwygCustom-488 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-488 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-488 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-488 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-488 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-488 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-488 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-488 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-488 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-488>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-488 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-488 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-488 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-488 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-488 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-488 strong { font-weight: bolder; color:#E56912; font-size: 1.4rem;} .t0-b-footerCombiCustom-489-bPlacer { padding-bottom: 0; text-align: center;} .t0-b-footerCombiCustom-489 { padding-top: 20px; background-color: #fff; position: relative; margin: 0 -15px;} .t0-b-footerCombiCustom-489>div { width: 100%; margin: 0 auto; } .t0-b-footerCombiCustom-489__col1 { vertical-align: top; } .t0-b-footerCombiCustom-489__col2 { vertical-align: top; } .t0-b-footerCombiCustom-489__col3 { vertical-align: top; } .t0-b-footerCombiCustom-489 .t0-b-footerUnit-siteName2--width-m img { margin: 0 auto; } .t0-b-footerCombiCustom-489 .t0-b-footerUnit-table table { width: 85%; margin: 0 auto; } .t0-b-footerCombiCustom-489 .t0-b-footerUnit-siteName2__ft { font-size: 0.9rem; } .t0-b-footerFreeHtmlCustom-491-bPlacer { padding-bottom: 15px; } .t0-b-footerFreeHtmlCustom-491-bPlacer { padding-bottom: 15px; background-color: #fff; position: relative; margin: 0 -15px; } .t0-b-footerFreeHtmlCustom-491 { max-height: 240px; } .t0-b-footerFreeHtmlCustom-491>div { width: 100%; padding: 0 5px; text-align: center; margin: 0 auto; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .t0-b-footerFreeHtmlCustom-491>div iframe { max-height: 240px; } .t0-b-footerFreeHtmlCustom-491>div object { max-height: 240px; } .t0-b-footerFreeHtmlCustom-491>div embed { max-height: 240px; } .t0-b-footerFreeHtmlCustom-491>div>* { width: 95% !important; margin: 0 auto !important; } .t0-b-navBItemCustom-492-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-492 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #ed7573; text-align: center; border: 0px solid #fff; border-radius: 30px; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-492 a { display: block; color: #ed7573; } .t0-b-navBItemCustom-492__inner { padding: 12px 10px; background-color: #fff; border-radius: 30px; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB2 { right: 55px; background: url(/_design/703/images/WEBSP.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB2__inner::after{ display:none; } .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB2 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB2{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-493 { padding-top: 0px; } .t0-b-headerCombiCustom-493__col2 { position: absolute; } .t0-b-headerCombiCustom-493__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 82vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-493__hd, .t0-b-headerCombiCustom-493__col1, .t0-b-headerCombiCustom-493__col2, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-493__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-493 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-493 .t0-b-headerUnit-contact-tel2-bPlacer{ display: none; } /*サイドメニューの部品のスマホ表示をオンにする*/ .t0-b-sideBoxCustom-494-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-494__hd, .t0-b-sideBoxCustom-494 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-494 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-494 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-494 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-494 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/703/images/[btn]web予約.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; overflow: hidden; background-color:#EB7E31; } .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #fff0; border-radius: 0px; } .t0-b-sideBoxCustom-494 .t0-b-sideNavBItem { border: 0px solid #fff; border-radius: 0px; } .t0-b-lv2HCustom-495-bPlacer { position: relative; margin-top: -60px; margin-left: 30px; } .t0-b-lv2HCustom-495 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-495 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-495__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-495 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 53px; } .t0-b-lv2HCustom-495__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-495--align-l { text-align: left; } .t0-b-lv2HCustom-495--align-c { text-align: center; } .t0-b-lv2HCustom-495--align-r { text-align: right; } .t0-b-lv2HCustom-496-bPlacer { position: relative; margin-top: -61px; margin-left: 54px; } .t0-b-lv2HCustom-496 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-496 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-496__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-496 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 53px; } .t0-b-lv2HCustom-496__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-496--align-l { text-align: left; } .t0-b-lv2HCustom-496--align-c { text-align: center; } .t0-b-lv2HCustom-496--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-497 { position: relative; padding-top: 15px; padding-bottom: 50px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-497 { background-color: #fff; } .t0-b-lv2HCustom-498-bPlacer { position: relative; margin-top: -44px; margin-left: 10px; margin-bottom: 20px; } .t0-b-lv2HCustom-498 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-498 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-498__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-498 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-498__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-498--align-l { text-align: left; } .t0-b-lv2HCustom-498--align-c { text-align: center; } .t0-b-lv2HCustom-498--align-r { text-align: right; } .t0-b-labeledListCustom-499-bPlacer { padding-bottom: 10px; padding-left: 0px; } .t0-b-labeledListCustom-499 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-labeledListCustom-499 a { display: block; text-decoration: underline; } .t0-b-labeledListCustom-499 table { display: block; } .t0-b-labeledListCustom-499 table th { display: inline-block; min-width: 86px; padding: 0; color: #fff; text-align: center; line-height: 1.25; font-size: 1rem; } .t0-b-labeledListCustom-499 table th>div { min-height: 17px; padding: 3px 8px 2px; background-color: #EB7E31; border-radius: 15px;} .t0-b-labeledListCustom-499 table th>div a { color: #675f4f; } .t0-b-labeledListCustom-499 table td { padding: 0 0 0 14px; color: #767065; text-align: left; line-height: 0.25; font-size: 1.3rem; } .t0-b-labeledListCustom-499 table td>div { padding: 5px 0; } .t0-b-labeledListCustom-499 table td>div a { color: #767065; } .t0-b-lv2HCustom-500-bPlacer { position: relative; margin-top: -44px; margin-left: 155px; margin-bottom: 20px; } .t0-b-lv2HCustom-500 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-500 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-500__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-500 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-500__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-500--align-l { text-align: left; } .t0-b-lv2HCustom-500--align-c { text-align: center; } .t0-b-lv2HCustom-500--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-501 { position: relative; padding: 20px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-501 .t0-b-media__media { position: relative; z-index: 3; } } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB2 { right: 55px; background: url(/_design/703/images/btn2.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB2__inner::after{ display:none; } .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB2 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB2{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-502 { padding-top: 0px; } .t0-b-headerCombiCustom-502__col2 { position: absolute; } .t0-b-headerCombiCustom-502__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 82vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-502__hd, .t0-b-headerCombiCustom-502__col1, .t0-b-headerCombiCustom-502__col2, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-502__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-502 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-502 .t0-b-headerUnit-contact-tel2-bPlacer{ display: none; } .t0-b-headerUnit-contact-navBCustom-503-bPlacer { padding-bottom: 15px; } .t0-b-headerUnit-contact-navBCustom-503 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-headerUnit-contact-navBCustom-503 a { display: block; color: #fff; } .t0-b-headerUnit-contact-navBCustom-503__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #febf00; border-radius: 30px; } .t0-b-headerUnit-contact-navBCustom-503__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-L25-2/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/TEL_time.png); } .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB2 { right: 0; background: url(/_design/703/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB2__inner::after{ display:none; } .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB2 a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-504 { padding-top: 0px; } .t0-b-headerCombiCustom-504__col2 { position: absolute; } .t0-b-headerCombiCustom-504__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-504__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-504__hd, .t0-b-headerCombiCustom-504__col1, .t0-b-headerCombiCustom-504__col2, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-504 .t0-b-headerUnit-contact-navB8{ display: none; } .t0-b-lv2HCustom-505-bPlacer { padding-bottom: 12px; } .t0-b-lv2HCustom-505 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-505 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-505__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-505 h2 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; line-height: 1.25; font-size: 1.429rem; padding: 0 7px; } .t0-b-lv2HCustom-505__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-505--align-l { text-align: left; } .t0-b-lv2HCustom-505--align-c { text-align: center; } .t0-b-lv2HCustom-505--align-r { text-align: right; } .t0-b-fullWidthFrameCardCustom-506 { padding: 20px 4% 0; margin: 0 -15px; background-color: #EB7E31; background-repeat: no-repeat; background-position: center center; background-size: cover; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-507 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-507 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-507 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-507 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-507 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-507 ol { overflow: hidden; } .t0-b-wysiwygCustom-507-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-507 { line-height: 1.25; font-size: 1rem; color: #767065; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; } .t0-b-wysiwygCustom-507 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-507>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-507 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-507 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-507 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-507 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-507 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-507 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-507 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-507 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-507 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-507 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-507 table ul { font-size: 14px; } .t0-b-wysiwygCustom-507 table ol { font-size: 14px; } .t0-b-wysiwygCustom-507 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-507 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-507 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-507 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-507 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-507 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-507 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-507 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-507 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-507>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-507 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-507 p { line-height: 1.6; font-size: 1.4rem; } .t0-b-wysiwygCustom-507 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-507 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-507 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-fullWidthFrameCustom-508 { position: relative; padding: 20px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: #FFF4C7; } .t0-b-fullWidthFrameCustom-508 .t0-b-media__media { position: relative; z-index: 3; } } .t0-b-fullWidthFrameCustom-509 { position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-509 .t0-b-media-bPlacer{ position: relative; margin: -25px -15px 0 -15px; background-color:#FFF4C7; } .t0-b-fullWidthFrameCustom-510 { position: relative; padding: 0px 15px 0px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-510 { background-color: #FFF4C7; } .t0-b-lv2HCustom-511-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-511 { overflow: hidden; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-511 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-511__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 15px 5px; } .t0-b-lv2HCustom-511 h2 { line-height: 1.25; font-size: 1.429rem; position: relative; display: inline-block; max-width: calc(100% - (20px + 15px)*2); min-height: 25px; padding: 0 15px; vertical-align: middle; } .t0-b-lv2HCustom-511 h2::before { position: absolute; top: 50%; right: 100%; width: 100vw; content: ""; border-top: 1px solid #fed326; } .t0-b-lv2HCustom-511 h2::after { position: absolute; top: 50%; left: 100%; width: 100vw; content: ""; border-top: 1px solid #fed326; } .t0-b-lv2HCustom-511__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 15px 0; } .t0-b-lv2HCustom-511--align-l { text-align: left; } .t0-b-lv2HCustom-511--align-l h2 { max-width: calc(100% - (20px + 15px)); padding-left: 0; } .t0-b-lv2HCustom-511--align-l .t0-b-lv2HCustom-511__caption-upper { padding-left: 0; } .t0-b-lv2HCustom-511--align-l .t0-b-lv2HCustom-511__caption-lower { padding-left: 0; } .t0-b-lv2HCustom-511--align-c { text-align: center; } .t0-b-lv2HCustom-511--align-r { text-align: right; } .t0-b-lv2HCustom-511--align-r h2 { max-width: calc(100% - (20px + 15px)); padding-right: 0; } .t0-b-lv2HCustom-511--align-r .t0-b-lv2HCustom-511__caption-upper { padding-right: 0; } .t0-b-lv2HCustom-511--align-r .t0-b-lv2HCustom-511__caption-lower { padding-right: 0; } .t0-b-lv3HCustom-512-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-512 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-512 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-512 h3 { line-height: 1.25; font-size: 1.286rem; } .t0-b-lv3HCustom-512--align-l { text-align: left; } .t0-b-lv3HCustom-512--align-c { text-align: center; } .t0-b-lv3HCustom-512--align-r { text-align: right; } .t0-b-lv2HCustom-513-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-513 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-513 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-513__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-513 h2 { font-size: 1.429rem; padding: 0 7px; position: absolute; left: -10px; width: fit-content; background-color: #ffffff; padding: 0.4em 0.3em 0.3em 1.3em; /* 右上、右下だけ角丸 */ border-radius: 0 calc(1px / 0) calc(1px / 0) 0; box-shadow: 2px 4px 0 0 #EB7E31;} .t0-b-lv2HCustom-513 h2 strong{ font-size: .7em; margin-inline-end: .3em;} .t0-b-lv2HCustom-513__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-513--align-l { text-align: left; } .t0-b-lv2HCustom-513--align-c { text-align: center; } .t0-b-lv2HCustom-513--align-r { text-align: right; } .t0-b-lv2HCustom-514-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-514 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-514 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-514__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-514 h2 { font-size: 1.429rem; padding: 0 7px; position: absolute; right: 0px; width: fit-content; background-color: #f0f0f0; padding: 0.4em 0.3em 0.3em 0.8em; /* 左上、左下だけ角丸 */ border-radius: calc(1px / 0) 0 0 calc(1px / 0); box-shadow: -2px 4px 0 0 #EB7E31;} .t0-b-lv2HCustom-514 h2 strong{ font-size: .7em; margin-inline-end: .3em;} .t0-b-lv2HCustom-514__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-514--align-l { text-align: left; } .t0-b-lv2HCustom-514--align-c { text-align: center; } .t0-b-lv2HCustom-514--align-r { text-align: right; } .t0-b-lv2HCustom-515-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-515 { overflow: hidden; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-515 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-515__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 15px 5px; } .t0-b-lv2HCustom-515 h2 { line-height: 1.25; font-size: 1.429rem; position: relative; display: inline-block; max-width: calc(100% - (20px + 15px)*2); min-height: 25px; padding: 0 15px; vertical-align: middle; } .t0-b-lv2HCustom-515 h2::before { position: absolute; top: 50%; right: 100%; width: 100vw; content: ""; border-top: 1px solid #fed326; } .t0-b-lv2HCustom-515 h2::after { position: absolute; top: 50%; left: 100%; width: 100vw; content: ""; border-top: 1px solid #fed326; } .t0-b-lv2HCustom-515__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 15px 0; } .t0-b-lv2HCustom-515--align-l { text-align: left; } .t0-b-lv2HCustom-515--align-l h2 { max-width: calc(100% - (20px + 15px)); padding-left: 0; } .t0-b-lv2HCustom-515--align-l .t0-b-lv2HCustom-515__caption-upper { padding-left: 0; } .t0-b-lv2HCustom-515--align-l .t0-b-lv2HCustom-515__caption-lower { padding-left: 0; } .t0-b-lv2HCustom-515--align-c { text-align: center; } .t0-b-lv2HCustom-515--align-r { text-align: right; } .t0-b-lv2HCustom-515--align-r h2 { max-width: calc(100% - (20px + 15px)); padding-right: 0; } .t0-b-lv2HCustom-515--align-r .t0-b-lv2HCustom-515__caption-upper { padding-right: 0; } .t0-b-lv2HCustom-515--align-r .t0-b-lv2HCustom-515__caption-lower { padding-right: 0; } .t0-b-frameOuterCustom-516-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-516__frame { color: #767065; margin: 0 -5px; padding: 20px; background-color: #fff; border: 3px solid #D5376B; background-image:url("/_design/703/images/bg_in2.jpg"); background-repeat: no-repeat; } .t0-b-frameOuterCustom-516__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; min-height: 20px; padding: 5px 0; margin-bottom: 15px; overflow: hidden; color: #D5376B; text-align: center; } .t0-b-frameOuterCustom-516__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-516__hd-h { line-height: 1.25; font-size: 2.5rem; padding-left: 80px;} .t0-b-frameOuterCustom-516__hd-caption-upper { line-height: 1.25; font-size: 1.7rem; padding: 0 0 5px; padding-left: 80px;} .t0-b-frameOuterCustom-516__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; padding-left: 80px;} .t0-b-frameOuterCustom-516__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-516__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-516__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-516__ft { margin-top: 20px; } .t0-b-frameOuterCustom-516__frame .t0-b-mediaCols .t0-b-mediaCols__img { width: 40%; padding-top: 0px; } .t0-b-frameOuterCustom-516__frame .t0-b-mediaCols--imgR .t0-b-mediaCols__img { float: right; padding-right: 0; padding-left: 0px; } .t0-b-frameOuterCustom-516__frame .t0-b-media-bPlacer { padding-bottom: 0px; } .t0-b-lv2HCustom-517-bPlacer { padding-bottom: 10px; position: relative; margin-top: -27px; } .t0-b-lv2HCustom-517 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #1E68A1; text-align: center; } .t0-b-lv2HCustom-517 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-517__caption-upper { line-height: 1.25; font-size: 1.2rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-517 h2 { line-height: 1.25; font-size: 1.829rem; padding: 0 7px; } .t0-b-lv2HCustom-517__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-517--align-l { text-align: left; } .t0-b-lv2HCustom-517--align-c { text-align: center; } .t0-b-lv2HCustom-517--align-r { text-align: right; } .t0-b-frameWithHCaptionCustom-520-bPlacer { padding-bottom: 25px; } .t0-b-frameWithHCaptionCustom-520 { padding: 0 0 10px; margin: 0 -5px; color: #675f4f; background-color: #fffdf7; border-top: 3px solid #ffe168; border-bottom: 2px solid #ffefaf; } .t0-b-frameWithHCaptionCustom-520__hd { padding: 12px 20px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; background-color: #fff6ba; } .t0-b-frameWithHCaptionCustom-520__hd-caption-upper { padding: 0 0 5px; font-size: 12px; line-height: 1.5; color: #675f4f; } .t0-b-frameWithHCaptionCustom-520__hd-h h3 { line-height: 1.25; font-size: 12px; color: #675f4f; } .t0-b-frameWithHCaptionCustom-520__hd-caption-lower { padding: 5px 0 0; font-size: 12px; line-height: 1.5; } .t0-b-frameWithHCaptionCustom-520__hd--align-l { text-align: left; } .t0-b-frameWithHCaptionCustom-520__hd--align-c { text-align: center; } .t0-b-frameWithHCaptionCustom-520__hd--align-r { text-align: right; } .t0-b-frameWithHCaptionCustom-520__hd a { color: inherit; text-decoration: none; } .t0-b-frameWithHCaptionCustom-520>span+.t0-b-frameWithHCaptionCustom-520__bd { margin: 20px 20px 0; } .t0-b-frameWithHCaptionCustom-520__hd+.t0-b-frameWithHCaptionCustom-520__bd { padding: 20px 20px 0; } .t0-b-frameWithHCaptionCustom-520+div { margin-top: 20px; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB9{ right: 42px; background: url(/_design/703/images/WEBSP.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB2__inner::after, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB10__inner::after, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB9__inner::after{ display:none; } .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB10 a div, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB9 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB9{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-523 { padding-top: 0px; } .t0-b-headerCombiCustom-523__col2 { position: absolute; } .t0-b-headerCombiCustom-523__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 75vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-523__hd, .t0-b-headerCombiCustom-523__col1, .t0-b-headerCombiCustom-523__col2, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-523__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-contact-navBCustom-277, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-contact-navBCustom-517, .t0-b-headerCombiCustom-523 .t0-b-headerUnit-contact-navBCustom-532{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/703/images/btn_phonenumber.png); width: 45vw !important; animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.00; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-tel__free + span { color: #fff; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-tel__tel + span::before, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-tel__free + span::before { content: '';/*何も入れない*/ display: inline-block; width: 13px;/*画像の幅*/ height: 18px;/*画像の高さ*/ background-image: url(/_design/703/images/tel.png); background-size: contain; vertical-align: middle; } .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 0vw; background-image: none; } .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 8px; z-index: 455; display: table; font-size: 4.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB10 { right: 0; border-radius: 0px; background: url(/_design/703/images/btn_booking.png); width: 55vw !important; animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.00; /* 最大の倍率。この定義がない場合の初期値は1.1 */} /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB2__inner::after, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB10__inner::after{ display:none; } .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB10 a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-524 { padding-top: 0px; } .t0-b-headerCombiCustom-524__col2 { position: absolute; } .t0-b-headerCombiCustom-524__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-524__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-524__hd, .t0-b-headerCombiCustom-524__col1, .t0-b-headerCombiCustom-524__col2, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-524 .t0-b-headerUnit-contact-navBCustom-517{ display: none; }