/* ヘッダーテキストを消す場合は以下を追加 .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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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/679/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('/_design/679/images/ｓｐ.png') !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/679/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/679/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-81 { padding: 15px 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-81__col2 { position: absolute; } .t0-b-headerCombiCustom-81__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-81__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-81__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-81__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-81__hd > p, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-82 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-82__col2 { position: absolute; } .t0-b-headerCombiCustom-82__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-82__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/679/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/679/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/679/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/679/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-87 { padding-top: 10px; } .t0-b-headerCombiCustom-87__col2 { position: absolute; } .t0-b-headerCombiCustom-87__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-87__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-87__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-87__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-88 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-88__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-89 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-89 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-89 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-90 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-90__hd, .t0-b-headerCombiCustom-90__col1, .t0-b-headerCombiCustom-90__col2 { display: none; } .t0-b-headerCombiCustom-90__col3 { width: 100%; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-91 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-91__hd, .t0-b-headerCombiCustom-91__col1, .t0-b-headerCombiCustom-91__col2 { display: none; } .t0-b-headerCombiCustom-91__col3 { width: 100%; } .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-91__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; }