/* ヘッダーテキストを消す場合は以下を追加 .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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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/674/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: #C8B98E; } /* 電話番号の色 */ .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/674/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/674/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/674/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/674/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('/_design/674/images/sp_43.jpg') !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-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-91 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__free { background-color: #444444; } /* 電話番号の色 */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-91 .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-91 { padding: 15px 0; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-91__col2 { position: absolute; } .t0-b-headerCombiCustom-91__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-91 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-91__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-91__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-91 .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-91 .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-91 .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-91 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-91__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-91__hd > p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-footerFullWidthFrameCustom-92 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-92__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-headerMenuCustom-94-bPlacer { padding-bottom: 0px; } .t0-b-headerMenuCustom-94 { line-height: 1.25; font-size: 0.857rem !important; margin: 0 -15px; background: #770000; color: #fff; text-align: center; } .t0-b-headerMenuCustom-94 ul { padding: 5px 0; } .t0-b-headerMenuCustom-94 input[type="checkbox"].on-off { display: none; } .t0-b-headerMenuCustom-94 label { display: none; } .t0-b-headerMenuCustom-94 .t0-b-headerMenu__item { margin-left: 15px; display: inline-block; } .t0-b-headerMenuCustom-94 .t0-b-headerMenu__item>div { list-style: none; padding: 5px 0; text-decoration: underline; } .t0-b-headerMenuCustom-94 .t0-b-headerMenu__item a>div { list-style: none; padding: 5px 0; text-decoration: underline; } .t0-b-headerMenuCustom-94 .t0-b-headerMenu__item:first-child { margin-left: 0; } .t0-b-headerMenuCustom-94 a { color: #fff; } .t0-b-headerMenuCustom-94 .state-em { color: #9eefff; } .t0-b-headerMenuCustom-94 .state-em a { color: #9eefff; } .t0-b-headerMenuCustom-94 .state-current>div { padding: 5px; color: #1c8aa1; } .t0-b-headerMenuCustom-94 .state-current a>div { padding: 5px; color: #1c8aa1; } .t0-b-headerMenuCustom-94 .state-current>div { background-color: #aee5f0; font-weight: normal; } .t0-b-headerMenuCustom-94 .state-current>div:hover { background-color: #aee5f0; font-weight: normal; } .t0-b-headerMenuCustom-94 .state-current a>div { background-color: #aee5f0; font-weight: normal; } .t0-b-headerMenuCustom-94 .state-current a>div:hover { background-color: #aee5f0; font-weight: normal; } .t0-b-headerMenuCustom-94 .state-current a { color: #1c8aa1; } .t0-b-footerMenuCustom-96-bPlacer { padding-bottom: 0px; } .t0-b-footerMenuCustom-96 { background: #770000; box-sizing: border-box; margin: 0 -15px; text-align: center; color: #fff; } .t0-b-footerMenuCustom-96 ul { padding: 5px 10px; } .t0-b-footerMenuCustom-96 .t0-b-footerMenu__item { margin-left: 15px; display: inline-block; } .t0-b-footerMenuCustom-96 .t0-b-footerMenu__item:first-child { margin-left: 0; } .t0-b-footerMenuCustom-96 .t0-b-footerMenu__item div { text-align: center; padding: 5px 0; line-height: 1.25; font-size: 0.857rem !important; text-decoration: underline; } .t0-b-footerMenuCustom-96 a { color: #fff; } .t0-b-footerMenuCustom-96 .state-em { color: #45b1c7; } .t0-b-footerMenuCustom-96 .state-em>a { color: #45b1c7; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-98__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-98__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-98__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-98__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-98 { padding-top: 10px; } .t0-b-headerCombiCustom-98__col2 { position: absolute; } .t0-b-headerCombiCustom-98__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-98 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-98__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-98__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-98 .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-98 .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-98 .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-98 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-98 .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-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 , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-99 { padding-top: 10px; margin-bottom: -20px; } .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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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-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-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: #393939; 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 { } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-99 .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-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 { 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-99 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-99 .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-99 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-99 .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-99 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-99 .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-100 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-100 .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-100 { padding: 15px 0; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-100__col2 { position: absolute; } .t0-b-headerCombiCustom-100__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-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-100__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-100__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-100 .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-100 .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-100 .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-100 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-100 .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-100 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-100 .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-100 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-100 .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-100 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-100 .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-100 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-100 .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-100 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-100__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-100__hd > p, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-101 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-101__col2 { position: absolute; } .t0-b-headerCombiCustom-101__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-101 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-101__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-101__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-101__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-101 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-101 .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-101 .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-101 .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-101 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-101 .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-101 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-101 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-101 .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-102 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-102 .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-102 { padding: 15px 0; } .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-102__col2 { position: absolute; } .t0-b-headerCombiCustom-102__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-102 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-102__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-102__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-102 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-102 .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-102 .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-102 .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-102 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-102 .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-102 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-102 .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-102 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-102 .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-102 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-102 .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-102 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-102 .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-102 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-102__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-102__hd > p, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-102 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-102 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-103 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-103__col2 { position: absolute; } .t0-b-headerCombiCustom-103__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-103 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-103__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-103__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-103__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-103 .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-103 .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-103 .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-103 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-103 .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-103 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-103 .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-104 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-104 .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-104 { padding: 15px 0; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-104__col2 { position: absolute; } .t0-b-headerCombiCustom-104__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-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-104__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-104__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-104 .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-104 .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-104 .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-104 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-104__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-104__hd > p, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-105 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-105__col2 { position: absolute; } .t0-b-headerCombiCustom-105__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-105 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-105__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-105 .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-105 .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-105 .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-105 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-105 .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-106 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-106 .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-106 { padding: 15px 0; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-106__col2 { position: absolute; } .t0-b-headerCombiCustom-106__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-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-106__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-106__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-106 .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-106 .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-106 .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-106 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-106__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-106__hd > p, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-107 { background-image: url('■■■■■■■■■■') !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; } .t0-b-headerFullWidthMediaCustom-107 .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__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-108__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-108__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-108 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-108__hd, .t0-b-headerCombiCustom-108__col1, .t0-b-headerCombiCustom-108__col2 { display: none; } .t0-b-headerCombiCustom-108__col3 { width: 100%; } .t0-b-headerCombiCustom-108__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-108__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-108__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/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: #052252; } /* 電話番号の色 */ .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: 400; 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: 410; 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:last-child { display: none; } /* 電話番号ボタンの色 */ .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 , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-110 { padding-top: 10px; margin-bottom: -20px; } .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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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-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-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, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-110 .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-111 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-111 .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-111 { padding: 15px 0; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-111 .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-111 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-111 .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-111 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-111 .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-111 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-111__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-111__hd > p, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .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 , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-112 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-112__col2 { position: absolute; } .t0-b-headerCombiCustom-112__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-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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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: 410; 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-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-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, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-112 .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-112 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-112 .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-112 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-112 .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-112 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-112 .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-112 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-112 .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-113 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-113 .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-113 { padding: 15px 0; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-113__col2 { position: absolute; } .t0-b-headerCombiCustom-113__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-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: 410; 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, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-113 .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-113 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-113 .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-113 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-113 .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-113 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-113__col3 > 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 .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 , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-114 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-114__col2 { position: absolute; } .t0-b-headerCombiCustom-114__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-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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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: 410; 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-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-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, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-114 .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-114 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-114 .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-114 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-114 .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-114 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-114 .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-114 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-114 .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-115 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-115 .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-115 { padding: 15px 0; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-115__col2 { position: absolute; } .t0-b-headerCombiCustom-115__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-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: 410; 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, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-115 .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-115 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-115 .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-115 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-115 .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-115 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-115__col3 > 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 .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 , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-116 { padding-top: 10px; margin-bottom: -20px; } .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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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-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-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, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-116 .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-116 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-116 .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-116 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-116 .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-116 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-116 .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-116 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-116 .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-117 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-117 .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-117 { padding: 15px 0; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-117 .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-117 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-117 .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-117 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-117 .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-117 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-117__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-117__hd > p, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-117 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-117 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-118 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-118 { 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-118 .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-119__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-119__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-119__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-119 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-119__hd, .t0-b-headerCombiCustom-119__col1, .t0-b-headerCombiCustom-119__col2 { display: none; } .t0-b-headerCombiCustom-119__col3 { width: 100%; } .t0-b-headerCombiCustom-119__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-119__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-119__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-120__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-120 { padding-top: 10px; } .t0-b-headerCombiCustom-120__col2 { position: absolute; } .t0-b-headerCombiCustom-120__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-120 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-120__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-120 .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-120 .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-120 .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-120 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-120 .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-120 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-120 .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-120 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-120 .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-120 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-120 .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-120 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-120 .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-120 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-120 .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-120__hd > p, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-footerFullWidthFrameCustom-121 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-121__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-122 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-122__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-123__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-123 { padding-top: 10px; } .t0-b-headerCombiCustom-123__col2 { position: absolute; } .t0-b-headerCombiCustom-123__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-123 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-123__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-123 .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-123 .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-123 .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-123 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-123 .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-123 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-123 .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-123 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5 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-123 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5 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-123 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5 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-123 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB5 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-124__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-124 { padding-top: 10px; } .t0-b-headerCombiCustom-124__col2 { position: absolute; } .t0-b-headerCombiCustom-124__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-124 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-124__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-124 .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-124 .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-124 .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-124 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-124 .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-124 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-124 .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-124 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5 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-124 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5 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-124 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5 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-124 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB5 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-124__col3 > div:last-child { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-125 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-125 { 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-125 .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-126__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-126__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-126__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-126 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-126__hd, .t0-b-headerCombiCustom-126__col1, .t0-b-headerCombiCustom-126__col2 { display: none; } .t0-b-headerCombiCustom-126__col3 { width: 100%; } .t0-b-headerCombiCustom-126__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-126__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-126__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .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 , .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5 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 , .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB5 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-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/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .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 , .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5 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: 400; 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: 410; 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, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-128 .t0-b-headerUnit-contact-navB5 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-128__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-129 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-129__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-130 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-130__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/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: #0B6678; } /* 電話番号の色 */ .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 { border: 0; } .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-headerFullWidthMediaCustom-132 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-132 { 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-132 .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-133__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-133 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-133__hd, .t0-b-headerCombiCustom-133__col1, .t0-b-headerCombiCustom-133__col2 { display: none; } .t0-b-headerCombiCustom-133__col3 { width: 100%; } .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-134__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-134__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-134__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-134__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-134 { padding-top: 10px; } .t0-b-headerCombiCustom-134__col2 { position: absolute; } .t0-b-headerCombiCustom-134__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-134 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-134__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-134__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-134 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-134 .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-134 .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-134 .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-134 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-134 .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-134 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-134 .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-134 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5 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-134 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5 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-134 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5 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-134 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-134 .t0-b-headerUnit-contact-navB5 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-135__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-135__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-135__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-135__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-135 { padding-top: 10px; } .t0-b-headerCombiCustom-135__col2 { position: absolute; } .t0-b-headerCombiCustom-135__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-135 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-135__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-135__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-135 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-135 .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-135 .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-135 .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-135 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-135 .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-135 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-135 .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-135 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5 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-135 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5 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-135 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5 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-135 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-135 .t0-b-headerUnit-contact-navB5 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-135__col3 > div:last-child { display: none; } /* 画像 */ .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-headerCombiCustom-139__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-139__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-139__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-139__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-139 { padding-top: 10px; } .t0-b-headerCombiCustom-139__col2 { position: absolute; } .t0-b-headerCombiCustom-139__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-139 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-139__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-139__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-139 .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-139 .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-139 .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-139 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-139 .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-139 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-139 .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-139 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 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-139 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 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-139 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 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-139 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 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-140__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-140 { padding-top: 10px; } .t0-b-headerCombiCustom-140__col2 { position: absolute; } .t0-b-headerCombiCustom-140__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-140 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-140__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-140 .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-140 .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-140 .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-140 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-140 .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-140 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-140 .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-140 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 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-140 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 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-140 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 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-140 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 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-140__col3 > div:last-child { display: none; } .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-headerCombiCustom-142__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-142 { padding-top: 10px; } .t0-b-headerCombiCustom-142__col2 { position: absolute; } .t0-b-headerCombiCustom-142__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-142 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-142__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-142 .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-142 .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-142 .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-142 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-142 .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-142 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-142 .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-142 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-142 .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-142 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-142 .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-142 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-142 .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-142 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-142 .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-142__hd > p, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-143 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-143 { 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-143 .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-144__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-144__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-144__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-144 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-144__hd, .t0-b-headerCombiCustom-144__col1, .t0-b-headerCombiCustom-144__col2 { display: none; } .t0-b-headerCombiCustom-144__col3 { width: 100%; } .t0-b-headerCombiCustom-144__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-144__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-144__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-mediaCustom-145__media { line-height: 0; } .t0-b-mediaCustom-145 { color: #333; } .t0-b-mediaCustom-145 img { width: 100%; } .t0-b-mediaCustom-145 > * { padding-top: 15px; } .t0-b-mediaCustom-145 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-145__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-145__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-145__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-145__media { text-align: center; } .t0-b-mediaCustom-145__media > * { vertical-align: top; } .t0-b-mediaCustom-145__media img { vertical-align: top; } .t0-b-mediaCustom-145__media > span { vertical-align: baseline; } .t0-b-mediaCustom-145 a { text-decoration: none; } .t0-b-mediaCustom-145__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-145__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-145__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-145__caption p { line-height: 1.25; font-size: 1em !important; text-align: center; } .t0-b-mediaCustom-145__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-145__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-145 img { max-width: 100% !important; } .t0-b-mediaCustom-145--width-l .t0-b-mediaCustom-194__media img { width: 100%; } .t0-b-mediaCustom-145--width-m .t0-b-mediaCustom-194__media img { width: 75%; } .t0-b-mediaCustom-145--width-s .t0-b-mediaCustom-194__media img { width: 50%; } .t0-b-mediaCustom-145--align-l { text-align: left; } .t0-b-mediaCustom-145--align-c { text-align: center; } .t0-b-mediaCustom-145--align-r { text-align: right; } .t0-b-mediaCustom-145__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-145__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-145__h-upper div { display: inline-block; } .t0-b-mediaCustom-145__h-lower div { display: inline-block; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-146__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-146__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-146__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-146__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-146 { padding-top: 10px; } .t0-b-headerCombiCustom-146__col2 { position: absolute; } .t0-b-headerCombiCustom-146__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-146 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-146__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-146__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-146 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-146 .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-146 .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-146 .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-146 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-146 .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-146 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-146 .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-146 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-146 .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-146 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-146 .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-146 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-146 .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-146 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-146 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-146 .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-147__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-147__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-147__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-147__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-147 { padding-top: 10px; } .t0-b-headerCombiCustom-147__col2 { position: absolute; } .t0-b-headerCombiCustom-147__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-147 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-147__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-147__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-147 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-147 .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-147 .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-147 .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-147 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-147 .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-147 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-147 .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-147 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-147 .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-147 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-147 .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-147 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-147 .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-147 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-147 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-147 .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-147__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-148__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-148__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-148__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-148__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-148 { padding-top: 10px; } .t0-b-headerCombiCustom-148__col2 { position: absolute; } .t0-b-headerCombiCustom-148__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-148 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-148__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-148__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-148 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-148 .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-148 .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-148 .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-148 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-148 .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-148 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-148 .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-148 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-148 .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-148 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-148 .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-148 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-148 .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-148 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-148 .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-148__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-148__hd > p, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-148 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-148 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-149__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-149__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-149__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-149__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-149 { padding-top: 10px; } .t0-b-headerCombiCustom-149__col2 { position: absolute; } .t0-b-headerCombiCustom-149__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-149 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-149__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-149__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-149 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-149 .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-149 .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-149 .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-149 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-149 .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-149 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-149 .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-149 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-149 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-149 .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-149 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-149 .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-149 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-149 .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-149 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-149 .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-150__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-150__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-150__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-150__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-150 { padding-top: 10px; } .t0-b-headerCombiCustom-150__col2 { position: absolute; } .t0-b-headerCombiCustom-150__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-150 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-150__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-150__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-150 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-150 .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-150 .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-150 .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-150 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-150 .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-150 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-150 .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-150 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-150 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-150 .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-150 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-150 .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-150 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-150 .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-150 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-150 .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-150__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-151__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-151__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-151__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-151__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-151 { padding-top: 10px; } .t0-b-headerCombiCustom-151__col2 { position: absolute; } .t0-b-headerCombiCustom-151__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-151 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-151__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-151__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-151 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-151 .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-151 .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-151 .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-151 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-151 .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-151 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-151 .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-151 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-151 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-151 .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-151 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-151 .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-151 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-151 .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-151 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-151 .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-152__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-152__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-152__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-152__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-152 { padding-top: 10px; } .t0-b-headerCombiCustom-152__col2 { position: absolute; } .t0-b-headerCombiCustom-152__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-152 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-152__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-152__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-152 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-152 .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-152 .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-152 .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-152 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-152 .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-152 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-152 .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-152 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-152 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-152 .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-152 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-152 .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-152 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-152 .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-152 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-152 .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-152__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-153__media { line-height: 0; } .t0-b-mediaCustom-153 { color: #333; } .t0-b-mediaCustom-153 img { width: 100%; } .t0-b-mediaCustom-153 > * { padding-top: 15px; } .t0-b-mediaCustom-153 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-153__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-153__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-153__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-153__media { text-align: center; } .t0-b-mediaCustom-153__media > * { vertical-align: top; } .t0-b-mediaCustom-153__media img { vertical-align: top; } .t0-b-mediaCustom-153__media > span { vertical-align: baseline; } .t0-b-mediaCustom-153__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-153 a { text-decoration: none; } .t0-b-mediaCustom-153__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-153__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-153__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-153__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-153__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-153__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-153 img { max-width: 100% !important; } .t0-b-mediaCustom-153--width-l .t0-b-mediaCustom-153__media img { width: 100%; } .t0-b-mediaCustom-153--width-m .t0-b-mediaCustom-153__media img { width: 75%; } .t0-b-mediaCustom-153--width-s .t0-b-mediaCustom-153__media img { width: 50%; } .t0-b-mediaCustom-153--align-l { text-align: left; } .t0-b-mediaCustom-153--align-c { text-align: center; } .t0-b-mediaCustom-153--align-r { text-align: right; } .t0-b-mediaCustom-153__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-153__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-153__h-upper div { display: inline-block; } .t0-b-mediaCustom-153__h-lower div { display: inline-block; } .t0-b-mediaCustom-154__media { line-height: 0; } .t0-b-mediaCustom-154 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-154 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-154__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-154__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-154__media a { text-decoration: none; } .t0-b-mediaCustom-154__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-154__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-154__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-154__media img { width: 100%; } .t0-b-mediaCustom-154--width-l .t0-b-mediaCustom-154__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-154__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-154__media img { width: 75%; } .t0-b-mediaCustom-154--width-m .t0-b-mediaCustom-154__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-154__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-154__media img { width: 50%; } .t0-b-mediaCustom-154--width-s .t0-b-mediaCustom-154__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-154__media img { width: 50%; } .t0-b-mediaCustom-154--align-l { text-align: left; } .t0-b-mediaCustom-154--align-c { text-align: center; } .t0-b-mediaCustom-154--align-r { text-align: right; } .t0-b-mediaCustom-154__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-154__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-154__h-upper div { display: inline-block; } .t0-b-mediaCustom-154__h-lower div { display: inline-block; } .t0-b-mediaCustom-154 img { border: 1px solid #333; } .t0-b-mediaCustom-155__media { line-height: 0; } .t0-b-mediaCustom-155 { color: #4d4d4d; } .t0-b-mediaCustom-155 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-155 img { width: 100%; } .t0-b-mediaCustom-155 a { text-decoration: none; } .t0-b-mediaCustom-155__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-155__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-155__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-155__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-155__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-155--width-l .t0-b-mediaCustom-155__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-155__media img { width: 100%; } .t0-b-mediaCustom-155--width-m .t0-b-mediaCustom-155__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-155__media img { width: 75%; } .t0-b-mediaCustom-155--width-s .t0-b-mediaCustom-155__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-155__media img { width: 50%; } .t0-b-mediaCustom-155--align-l { text-align: left; } .t0-b-mediaCustom-155--align-c { text-align: center; } .t0-b-mediaCustom-155--align-r { text-align: right; } .t0-b-mediaCustom-155__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-155__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-155__h-upper div { display: inline-block; } .t0-b-mediaCustom-155__h-lower div { display: inline-block; } .t0-b-mediaCustom-156__media { line-height: 0; } .t0-b-mediaCustom-156 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-156 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-156__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-156__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-156__media a { text-decoration: none; } .t0-b-mediaCustom-156__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-156__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-156__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-156--width-l .t0-b-mediaCustom-156__media img { width: 100%; } .t0-b-mediaCustom-156--width-m .t0-b-mediaCustom-156__media img { width: 75%; } .t0-b-mediaCustom-156--width-s .t0-b-mediaCustom-156__media img { width: 50%; } .t0-b-mediaCustom-156--align-l { text-align: left; } .t0-b-mediaCustom-156--align-c { text-align: center; } .t0-b-mediaCustom-156--align-r { text-align: right; } .t0-b-mediaCustom-156__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-156__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-156__h-upper div { display: inline-block; } .t0-b-mediaCustom-156__h-lower div { display: inline-block; } .t0-b-mediaCustom-157__media { line-height: 0; } .t0-b-mediaCustom-157 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-157 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-157__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-157__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-157__media a { text-decoration: none; } .t0-b-mediaCustom-157__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-157__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-157__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-157--width-l .t0-b-mediaCustom-157__media img { width: 100%; } .t0-b-mediaCustom-157--width-m .t0-b-mediaCustom-157__media img { width: 75%; } .t0-b-mediaCustom-157--width-s .t0-b-mediaCustom-157__media img { width: 50%; } .t0-b-mediaCustom-157--align-l { text-align: left; } .t0-b-mediaCustom-157--align-c { text-align: center; } .t0-b-mediaCustom-157--align-r { text-align: right; } .t0-b-mediaCustom-157__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-157__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-157__h-upper div { display: inline-block; } .t0-b-mediaCustom-157__h-lower div { display: inline-block; } .t0-b-mediaCustom-158__media { line-height: 0; } .t0-b-mediaCustom-158 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-158 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-158__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-158__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-158__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-158__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-158 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-158__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-158__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-158__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-158__caption { margin-top: 10px; } .t0-b-mediaCustom-158__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-158__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-158__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-158--width-l { width: 100%; } .t0-b-mediaCustom-158--width-m { width: 75%; } .t0-b-mediaCustom-158--width-s { width: 50%; } .t0-b-mediaCustom-158--align-l { text-align: left; } .t0-b-mediaCustom-158--align-c { text-align: center; } .t0-b-mediaCustom-158--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-159__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-159 { padding-top: 10px; } .t0-b-headerCombiCustom-159__col2 { position: absolute; } .t0-b-headerCombiCustom-159__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-159 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-159__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-159 .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-159 .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-159 .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-159 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-159 .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-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/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .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 { 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 { border: 0; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-160 .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-160 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-160 .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-160 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-160 .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-160 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-160 .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-160__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .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 { 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: 15; 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: 18; 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 { border: 0; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-161 .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-161 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-161 .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-161 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-161 .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-161 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-161 .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-161__hd > p, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .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 { 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: 15; 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: 18; 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 { border: 0; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-162 .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-162 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-162 .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-162 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-162 .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-162 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-162 .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-162__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-162__hd > p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .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 { 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: 15; 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: 18; 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 { border: 0; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-163 .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-163 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-163 .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-163 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-163 .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-163 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-163 .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-163__hd > p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .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 { 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: 15; 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: 18; 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-navB a, .t0-b-headerCombiCustom-164 .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-164 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-164 .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-164 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-164 .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-164 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-164 .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-164__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-164__hd > p, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-164 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-164 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-165 { height: 70vw; background: url(/_design/674/images/004-1.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-165__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-166 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-166 { 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-166 .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-167__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-167 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-167__hd, .t0-b-headerCombiCustom-167__col1, .t0-b-headerCombiCustom-167__col2 { display: none; } .t0-b-headerCombiCustom-167__col3 { width: 100%; } .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .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-headerFullWidthMediaCustom-169 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-169 { 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-169 .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-170__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-170__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-170__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-170 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-170__hd, .t0-b-headerCombiCustom-170__col1, .t0-b-headerCombiCustom-170__col2 { display: none; } .t0-b-headerCombiCustom-170__col3 { width: 100%; } .t0-b-headerCombiCustom-170__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-170__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-170__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .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-headerCombiCustom-173-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-173 { padding-top: 20px; margin: 0 -15px; color: #664b3a; background-color: #fef9fc; } .t0-b-headerCombiCustom-173__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-173__hd a { color: #664b3a; text-decoration: underline; } .t0-b-headerCombiCustom-173__hd>p { width: 100%; margin: 0 auto; line-height: 1.25; font-size: 1.000rem !important; } .t0-b-headerCombiCustom-173__bd { padding: 5px 15px 0; } .t0-b-headerCombiCustom-173__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-173__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-173__col1 { width: 100%; } .t0-b-headerCombiCustom-173__col2 { width: 100%; } .t0-b-headerCombiCustom-173__col3 { width: 100%; } /* 文字の背景色 */ .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-174 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-174__hd, .t0-b-headerCombiCustom-174__col1, .t0-b-headerCombiCustom-174__col2 { display: none; } .t0-b-headerCombiCustom-174__col3 { width: 100%; } .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-175 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-175__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-176 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-176 { 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-176 .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-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-footerFullWidthFrameCustom-178 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-178__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-179 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-179 { 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-179 .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-180__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-180__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-180__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-180 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-180__hd, .t0-b-headerCombiCustom-180__col1, .t0-b-headerCombiCustom-180__col2 { display: none; } .t0-b-headerCombiCustom-180__col3 { width: 100%; } .t0-b-headerCombiCustom-180__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-180__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-180__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-181 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-181__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .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-headerFullWidthMediaCustom-184 { background-image: url('/_design/674/images/スマホ.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-184 { 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-184 .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-footerFullWidthFrameCustom-185 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-185__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-186 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-186 { 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-186 .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-187__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-187__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-187__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-187 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-187__hd, .t0-b-headerCombiCustom-187__col1, .t0-b-headerCombiCustom-187__col2 { display: none; } .t0-b-headerCombiCustom-187__col3 { width: 100%; } .t0-b-headerCombiCustom-187__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-187__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-187__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-188 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-188__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-189 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-189 { 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-189 .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-190__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-190__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-190__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-190 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-190__hd, .t0-b-headerCombiCustom-190__col1, .t0-b-headerCombiCustom-190__col2 { display: none; } .t0-b-headerCombiCustom-190__col3 { width: 100%; } .t0-b-headerCombiCustom-190__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-190__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-190__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-191 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-191__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-192 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-192 { 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-192 .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-193__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-193 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-193__hd, .t0-b-headerCombiCustom-193__col1, .t0-b-headerCombiCustom-193__col2 { display: none; } .t0-b-headerCombiCustom-193__col3 { width: 100%; } .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-194 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-194__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 文字の背景色 */ .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-195 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-195__hd, .t0-b-headerCombiCustom-195__col1, .t0-b-headerCombiCustom-195__col2 { display: none; } .t0-b-headerCombiCustom-195__col3 { width: 100%; } .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-195__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-196__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-196__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-196__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-196__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-196 { padding-top: 10px; } .t0-b-headerCombiCustom-196__col2 { position: absolute; } .t0-b-headerCombiCustom-196__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-196 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-196__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-196__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-196 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-196 .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-196 .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-196 .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-196 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-196 .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-196 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-196 .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-196 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-196 .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-196 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-196 .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-196 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-196 .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-196 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-196 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-196 .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-197__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-197__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-197__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-197__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-197 { padding-top: 10px; } .t0-b-headerCombiCustom-197__col2 { position: absolute; } .t0-b-headerCombiCustom-197__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-197 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-197__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-197__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-197 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-197 .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-197 .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-197 .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-197 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-197 .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-197 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-197 .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-197 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-197 .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-197 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-197 .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-197 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-197 .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-197 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-197 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-197 .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-197__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-198__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-198__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-198__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-198__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-198 { padding-top: 10px; } .t0-b-headerCombiCustom-198__col2 { position: absolute; } .t0-b-headerCombiCustom-198__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-198 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-198__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-198__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-198 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-198 .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-198 .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-198 .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-198 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-198 .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-198 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-198 .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-198 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-198 .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-198 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-198 .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-198 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-198 .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-198 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-198 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-198 .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-199__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-199__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-199__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-199__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-199 { padding-top: 10px; } .t0-b-headerCombiCustom-199__col2 { position: absolute; } .t0-b-headerCombiCustom-199__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-199 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-199__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-199__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-199 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-199 .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-199 .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-199 .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-199 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-199 .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-199 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-199 .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-199 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-199 .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-199 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-199 .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-199 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-199 .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-199 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-199 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-199 .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-199__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-200__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-200 { padding-top: 10px; } .t0-b-headerCombiCustom-200__col2 { position: absolute; } .t0-b-headerCombiCustom-200__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-200 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-200__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-200 .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-200 .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-200 .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-200 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-200 .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-201__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-201__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-201__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-201__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-201 { padding-top: 10px; } .t0-b-headerCombiCustom-201__col2 { position: absolute; } .t0-b-headerCombiCustom-201__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-201 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-201__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-201__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-201 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-201 .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-201 .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-201 .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-201 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-201 .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-201 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-201 .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-201 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-201 .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-201 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-201 .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-201 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-201 .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-201 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-201 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-201 .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-201__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-202__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-202__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-202__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-202__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-202 { padding-top: 10px; } .t0-b-headerCombiCustom-202__col2 { position: absolute; } .t0-b-headerCombiCustom-202__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-202 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-202__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-202__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-202 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-202 .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-202 .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-202 .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-202 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-202 .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-202 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-202 .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-202 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-202 .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-202 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-202 .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-202 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-202 .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-202 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-202 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-202 .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-203__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-203__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-203__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-203__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-203 { padding-top: 10px; } .t0-b-headerCombiCustom-203__col2 { position: absolute; } .t0-b-headerCombiCustom-203__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-203 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-203__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-203__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-203 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-203 .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-203 .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-203 .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-203 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-203 .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-203 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-203 .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-203 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-203 .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-203 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-203 .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-203 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-203 .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-203 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-203 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-203 .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-203__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-204 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-204__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-205 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-205__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-206__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-206__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-206__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-206__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__free { background-color: #D2B67B; } /* 電話番号の色 */ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-206 .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-206 { padding: 15px 0; } .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-206__col2 { position: absolute; } .t0-b-headerCombiCustom-206__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-206 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-206__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-206__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-206 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-206 .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-206 .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-206 .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-206 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-206 .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-206 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-206 .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-206 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-206 .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-206 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-206 .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-206 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-206 .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-206 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-206__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-206__hd > p, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-206 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-206 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-footerFullWidthFrameCustom-207 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-207__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-208 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-208__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-209 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-209 { 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-209 .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-210 { background-image: url('■■■■■■■■■■') !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; } .t0-b-headerFullWidthMediaCustom-210 .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-211 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-211 { 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-211 .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-212 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-212 { 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-212 .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-213__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-213 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-213__hd, .t0-b-headerCombiCustom-213__col1, .t0-b-headerCombiCustom-213__col2 { display: none; } .t0-b-headerCombiCustom-213__col3 { width: 100%; } .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-214 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-214__hd, .t0-b-headerCombiCustom-214__col1, .t0-b-headerCombiCustom-214__col2 { display: none; } .t0-b-headerCombiCustom-214__col3 { width: 100%; } .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-215 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-215__hd, .t0-b-headerCombiCustom-215__col1, .t0-b-headerCombiCustom-215__col2 { display: none; } .t0-b-headerCombiCustom-215__col3 { width: 100%; } .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-215__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-216-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-216 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-216__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-216__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-216__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-216__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-216__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-216__col1 { width: 100%; } .t0-b-headerCombiCustom-216__col2 { width: 100%; } .t0-b-headerCombiCustom-216__col3 { width: 100%; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-217__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-217__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-217__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-217__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-217 { padding-top: 10px; } .t0-b-headerCombiCustom-217__col2 { position: absolute; } .t0-b-headerCombiCustom-217__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-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-miniCol, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-217__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-217__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-217 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-217 .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-217 .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-217 .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-217 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-217 .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-217 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-217 .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-217 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-217 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-217 .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-217 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-217 .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-217 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-217 .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-217 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-217 .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-218 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-218 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-218__col2 { position: absolute; } .t0-b-headerCombiCustom-218__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-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-miniCol, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-218__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-218__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-218__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-218 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-218 .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-218 .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-218 .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-218 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-218 .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-218 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-218 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-218 .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-219 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-219 .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-219 { padding: 15px 0; } .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-219__col2 { position: absolute; } .t0-b-headerCombiCustom-219__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-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-miniCol, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-219__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-219__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-219 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-219 .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-219 .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-219 .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-219 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-219 .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-219 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-219 .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-219 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-219 .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-219 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-219 .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-219 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-219 .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-219 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-219__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-219__hd > p, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-219 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-219 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-220 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-220 { 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-220 .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-221__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-221__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-221__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-221 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-221__hd, .t0-b-headerCombiCustom-221__col1, .t0-b-headerCombiCustom-221__col2 { display: none; } .t0-b-headerCombiCustom-221__col3 { width: 100%; } .t0-b-headerCombiCustom-221__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-221__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-221__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-222 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-222__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .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 , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-223 { padding-top: 10px; margin-bottom: -20px; } .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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-223__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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-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-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, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-223 .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-223 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-223 .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-223 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-223 .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-223 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-223 .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-223 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-223 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-223 .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-224 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-224 .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-224 { padding: 15px 0; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-224__col2 { position: absolute; } .t0-b-headerCombiCustom-224__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-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: 410; 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, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-224 .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-224 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-224 .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-224 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-224 .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-224 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-224 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-224__col3 > div:last-child { display: none; } /*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 .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 , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-225 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-225__col2 { position: absolute; } .t0-b-headerCombiCustom-225__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-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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-225__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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: 410; 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-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-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, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-225 .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-225 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-225 .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-225 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-225 .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-225 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-225 .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-225 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-225 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-225 .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-226 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-226 .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-226 { padding: 15px 0; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-226__col2 { position: absolute; } .t0-b-headerCombiCustom-226__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-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: 410; 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, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-226 .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-226 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-226 .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-226 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-226 .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-226 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-226 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-226__col3 > div:last-child { display: none; } /*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 .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 , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-227 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-227__col2 { position: absolute; } .t0-b-headerCombiCustom-227__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-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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-227__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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: 410; 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-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-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, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-227 .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-227 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-227 .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-227 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-227 .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-227 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-227 .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-227 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-227 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .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/674/images/ico_tel-1.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: #7D9F0A; } /* 電話番号の色 */ .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: 15; 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: 18; 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-228__col3 > div > div:last-child { display: 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-229 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-229 .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-229 { padding: 15px 0; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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;123 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, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-229 .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-229 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-229 .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-229 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-229 .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-229 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-229__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-229__hd > p, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-229 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-229 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .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 , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-230 { padding-top: 10px; margin-bottom: -20px; } .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 { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-230__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .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-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-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, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-230 .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-230 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-230 .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-230 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-230 .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-230 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-230 .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-230 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-230 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-230 .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-231 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-231 .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-231 { padding: 15px 0; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-231 .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-231 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-231 .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-231 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-231 .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-231 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-231__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-231__hd > p, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-231 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-231 .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-232 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-232 { padding-top: 10px; } .t0-b-headerCombiCustom-232__col2 { position: absolute; } .t0-b-headerCombiCustom-232__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-232 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-232__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-232__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-232 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-232 .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-232 .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-232 .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-232 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-232 .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-232 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-232 .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-232 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5 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-232 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5 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-232 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5 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-232 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-232 .t0-b-headerUnit-contact-navB5 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-233 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-233 { padding-top: 10px; } .t0-b-headerCombiCustom-233__col2 { position: absolute; } .t0-b-headerCombiCustom-233__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-233 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-233__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-233__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-233 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-233 .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-233 .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-233 .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-233 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-233 .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-233 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-233 .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-233 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5 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-233 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5 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-233 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5 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-233 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-233 .t0-b-headerUnit-contact-navB5 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-233__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-234 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-234__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-235 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-235 { 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-235 .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-236__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-236__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-236__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-236 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-236__hd, .t0-b-headerCombiCustom-236__col1, .t0-b-headerCombiCustom-236__col2 { display: none; } .t0-b-headerCombiCustom-236__col3 { width: 100%; } .t0-b-headerCombiCustom-236__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-236__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-236__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-237 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-237__col2 { position: absolute; } .t0-b-headerCombiCustom-237__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-237 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-237__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-237__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-237__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-237 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-237 .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-237 .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-237 .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-237 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-237 .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-237 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-237 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-237 .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-238 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/674/images/ico_tel-1.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: #5DB8E9; } /* 電話番号の色 */ .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 > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-238 .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-238 { padding: 15px 0; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-238 .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-238 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-238 .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-238 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-238 .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-238 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-238__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-238__hd > p, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-238 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-238 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-239 { background-image: url('/_design/674/images/sp_43-1.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-239 { 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-239 .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-240__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-240__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-240__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-240 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-240__hd, .t0-b-headerCombiCustom-240__col1, .t0-b-headerCombiCustom-240__col2 { display: none; } .t0-b-headerCombiCustom-240__col3 { width: 100%; } .t0-b-headerCombiCustom-240__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-240__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-240__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-fullWidthFrameCustom-241 { position: relative; padding: 40px 15px 20px; margin: -25px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-241 { background-color: #ffffff; } .t0-b-fullWidthFrameCustom-242 { position: relative; padding: 40px 5px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-242 { background-color: #fff; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight__hd { padding-top: -50px padding-bottom: 15px; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight__bd { display: block; width: 100%; table-layout: auto; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight__box { display: block; width: 30.3%; vertical-align: top; float: left; margin-right: 2%; margin-left: 1%; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight__box img { width: 100% !important; height: auto; } .t0-b-fullWidthFrameCustom-242 .t0-b-flow4LeftToRight__arrow { display: table-cell; width: 1%; } .t0-b-mediaCustom-243-bPlacer { padding-bottom: 15px; } .t0-b-mediaCustom-243 { margin: 0 auto; color: #333; } .t0-b-mediaCustom-243 a { color: #333; text-decoration: none; } .t0-b-mediaCustom-243__h-upper { line-height: 1.25; font-size: 1.143rem; margin-bottom: 10px; text-align: center; } .t0-b-mediaCustom-243__h-upper div { display: inline-block; } .t0-b-mediaCustom-243 img { max-width: 100% !important; } .t0-b-mediaCustom-243__media { position: relative; line-height: 0; text-align: center; } .t0-b-mediaCustom-243__media>* { width: 100%; vertical-align: top; } .t0-b-mediaCustom-243__media img { width: 100%; vertical-align: top; } .t0-b-mediaCustom-243__media>span { vertical-align: baseline; } .t0-b-mediaCustom-243__media a { text-decoration: none; } .t0-b-mediaCustom-243__media+div { margin-top: 10px; } .t0-b-mediaCustom-243__textOnImage-upper { position: absolute; top: 0; right: 0; left: 0; } .t0-b-mediaCustom-243__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: #333; background: rgba(255,255,255,0.8); } .t0-b-mediaCustom-243__textOnImage-lower { position: absolute; right: 0; bottom: 0; left: 0; } .t0-b-mediaCustom-243__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: #333; background: rgba(255,255,255,0.8); } .t0-b-mediaCustom-243__h-lower { line-height: 1.25; font-size: 1.143rem; margin-top: 10px; text-align: center; } .t0-b-mediaCustom-243__h-lower div { display: inline-block; } .t0-b-mediaCustom-243__h-lower+div { margin-top: 10px; } .t0-b-mediaCustom-243__caption { margin-top: 10px; } .t0-b-mediaCustom-243__caption p { line-height: 1.25; font-size: 1rem; color: #666; text-align: center; } .t0-b-mediaCustom-243__caption+div { margin-top: 10px; } .t0-b-mediaCustom-243__caption a { text-decoration: underline; } .t0-b-mediaCustom-243--width-l { width: 100%; } .t0-b-mediaCustom-243--width-m { width: 75%; } .t0-b-mediaCustom-243--width-s { width: 50%; } .t0-b-mediaCustom-243--align-l { text-align: left; } .t0-b-mediaCustom-243--align-c { text-align: center; } .t0-b-mediaCustom-243--align-r { text-align: right; } .t0-b-mediaCustom-243col__layout { padding-top: 15px; } .t0-b-lv3HCustom-244 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #333; text-align: center; } .t0-b-lv3HCustom-244 a { display: block; color: #333; text-decoration: none; } .t0-b-lv3HCustom-244 h3 { line-height: 1.25; font-size: 1.1rem !important; } .t0-b-lv3HCustom-244--align-l { text-align: left; } .t0-b-lv3HCustom-244--align-c { text-align: center; } .t0-b-lv3HCustom-244--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-245 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1247/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__free { background-color: #1E49AC; } /* 電話番号の色 */ .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-245 { padding: 15px 0; } .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-245__col2 { position: absolute; } .t0-b-headerCombiCustom-245__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-245 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-245__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-245__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-245 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-245 .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-245 .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-245 .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-245 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-245 .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-245 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-245 .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-245 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 { border: 0; } .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 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-245 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 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-245 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 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-245 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB10 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-navB15 a > div::after{ content: none; } .t0-b-headerCombiCustom-245__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-245__hd > p, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-245 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-245 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-246 { background-image: url('/_design/674/images/sp_43-1.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-246 { 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-246 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:bold; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-247 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-247__hd, .t0-b-headerCombiCustom-247__col1, .t0-b-headerCombiCustom-247__col2 { display: none; } .t0-b-headerCombiCustom-247__col3 { width: 100%; } .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-247__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-248 { background-image: url('/_design/674/images/sp_43-1.jpg') !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; font-family:"Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",serif; font-weight:bold; 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-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-250 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1247/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__free { background-color: #1E49AC; } /* 電話番号の色 */ .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-250 { padding: 15px 0; } .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-250__col2 { position: absolute; } .t0-b-headerCombiCustom-250__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-250 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-250__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-250__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-250 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-250 .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-250 .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-250 .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-250 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-250 .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-250 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-250 .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-250 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 { border: 0; } .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 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-250 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 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-250 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 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-250 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB10 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-navB15 a > div::after{ content: none; } .t0-b-headerCombiCustom-250__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-250__hd > p, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-250 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-250 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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-251 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1247/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__free { background-color: #1E49AC; } /* 電話番号の色 */ .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-251 { padding: 15px 0; } .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-251__col2 { position: absolute; } .t0-b-headerCombiCustom-251__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-251 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-251__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-251__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-251 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-251 .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-251 .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-251 .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-251 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-251 .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-251 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-251 .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-251 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 { border: 0; } .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 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-251 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 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-251 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 a > div > div{ display: table-cell; width: 21vw; 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-251 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB10 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-navB15 a > div::after{ content: none; } /*text color*/ .t0-b-headerCombiCustom-251__hd > p, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-251 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-251 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-252 { background-image: url('/_design/674/images/spmv0520.png') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-252 { 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-252 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; font-family:"Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",serif; font-weight:bold; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-253 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-253__hd, .t0-b-headerCombiCustom-253__col1, .t0-b-headerCombiCustom-253__col2 { display: none; } .t0-b-headerCombiCustom-253__col3 { width: 100%; } .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-253__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; }