/* ヘッダーテキストを消す場合は以下を追加 .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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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/1316/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 , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 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-navB11, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 { } .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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15__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, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB15__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/1247/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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 { 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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 a > div{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 a div > span{ display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 a > div > div{ display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB15 a > div::after{ content: none; } .t0-b-headerCombiCustom-74__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-74__hd > p, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-75 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-75 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-75 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-76 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-76__hd, .t0-b-headerCombiCustom-76__col1, .t0-b-headerCombiCustom-76__col2 { display: none; } .t0-b-headerCombiCustom-76__col3 { width: 100%; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-77 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-77__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 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-navB11, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 { } .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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15__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, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB15__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/1247/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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 { 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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB15 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 , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 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-navB11, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 { } .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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15__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, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB15__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/1247/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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 { 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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 a > div{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 a div > span{ display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 a > div > div{ display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB15 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 , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 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-navB11, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 { } .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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15__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, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB15__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/1247/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: #89D1D5; } /* 電話番号の色 */ .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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-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-labeledList2, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList4, .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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 { 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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 a > div{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 a div > span{ display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 a > div > div{ display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB15 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 , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 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-navB11, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 { } .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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15 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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15__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, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB15__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/1247/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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 { 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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 a > div{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 a div > span{ display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 a > div > div{ display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB15 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/1316/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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5{ 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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5 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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5{ 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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-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, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-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 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-91 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-91__col2 { position: absolute; } .t0-b-headerCombiCustom-91__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-91__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-91__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-91__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-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-91 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10 a div { 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-91 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-91 .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-91 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-91 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-91 .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-92 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-92 .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-92 { padding: 15px 0; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-92__col2 { position: absolute; } .t0-b-headerCombiCustom-92__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-92 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-92__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-92__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-92 .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-92 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-92 .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-92 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-92 .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-92 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-92 .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-92 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-92__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-92__hd > p, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-92 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-92 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-93 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-93__col2 { position: absolute; } .t0-b-headerCombiCustom-93__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-93 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-93__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-93__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-93__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-93 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-93 .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-93 .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-93 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-93 .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-93 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-93 .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-93 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-93 .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-93 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-93 .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-93 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-93 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-93 .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-94 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-94 .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-94 { padding: 15px 0; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-94__col2 { position: absolute; } .t0-b-headerCombiCustom-94__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-94 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-94__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-94__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-94 .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-94 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-94 .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-94 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-94 .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-94 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-94 .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-94 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-94__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-94__hd > p, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-94 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-94 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-95 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-95__col2 { position: absolute; } .t0-b-headerCombiCustom-95__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-95 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-95__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-95__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-95__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-95 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-95 .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-95 .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-95 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-95 .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-95 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-95 .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-95 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-95 .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-95 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-95 .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-95 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-95 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-95 .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-96 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-96 .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-96 { padding: 15px 0; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-96__col2 { position: absolute; } .t0-b-headerCombiCustom-96__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-96 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-96__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-96__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-96 .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-96 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-96 .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-96 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-96 .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-96 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-96 .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-96 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-96__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-96__hd > p, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-96 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-96 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-97 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-97__col2 { position: absolute; } .t0-b-headerCombiCustom-97__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-97 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-97__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-97__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-97__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-97 .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-97 .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-97 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-97 .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-98 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-98 .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-98 { padding: 15px 0; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-98__col2 { position: absolute; } .t0-b-headerCombiCustom-98__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-98__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-98__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-98 .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-98 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-98__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-98__hd > p, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-98 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-98 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-99 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-99__col2 { position: absolute; } .t0-b-headerCombiCustom-99__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-99__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-99__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-99 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-100 { padding: 15px 0; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-100__col2 { position: absolute; } .t0-b-headerCombiCustom-100__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-100__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-100__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-100__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-100__hd > p, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-100 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-100 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-101 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-101 { 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-101 .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-102__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-102__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-102__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-102 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-102__hd, .t0-b-headerCombiCustom-102__col1, .t0-b-headerCombiCustom-102__col2 { display: none; } .t0-b-headerCombiCustom-102__col3 { width: 100%; } .t0-b-headerCombiCustom-102__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-102__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-102__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-103 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-103__col2 { position: absolute; } .t0-b-headerCombiCustom-103__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-103__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-103__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-103__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-103 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-104 { padding: 15px 0; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-104__col2 { position: absolute; } .t0-b-headerCombiCustom-104__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-104__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-104__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-104__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-104__hd > p, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-105 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-105__col2 { position: absolute; } .t0-b-headerCombiCustom-105__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-105__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-106 { padding: 15px 0; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-106__col2 { position: absolute; } .t0-b-headerCombiCustom-106__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-106__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-106__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-106__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-106__hd > p, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-107 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-107__col2 { position: absolute; } .t0-b-headerCombiCustom-107__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-107 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-107__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-107__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-107__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-107 .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-107 .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-107 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-107 .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-108 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-108 .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-108 { padding: 15px 0; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-108__col2 { position: absolute; } .t0-b-headerCombiCustom-108__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-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-108__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-108 .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-108 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-108 .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-108 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-108 .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-108 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-108__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-108__hd > p, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-109 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-109__col2 { position: absolute; } .t0-b-headerCombiCustom-109__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-109__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-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-109 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-109 .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-109 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-109 .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-109 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-109 .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-109 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-109 .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-109 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-109 .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-110 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-110 { padding: 15px 0; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-110__col2 { position: absolute; } .t0-b-headerCombiCustom-110__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-110__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-110 .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-110 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-110__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-110__hd > p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-111 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-111 { 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-111 .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-112__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-112__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-112__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-112 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-112__hd, .t0-b-headerCombiCustom-112__col1, .t0-b-headerCombiCustom-112__col2 { display: none; } .t0-b-headerCombiCustom-112__col3 { width: 100%; } .t0-b-headerCombiCustom-112__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-112__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-112__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-113 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-113__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-114 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-114__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-115__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-115__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-115 { padding-top: 10px; } .t0-b-headerCombiCustom-115__col2 { position: absolute; } .t0-b-headerCombiCustom-115__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-115__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-115__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-116__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-116__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-116 { padding-top: 10px; } .t0-b-headerCombiCustom-116__col2 { position: absolute; } .t0-b-headerCombiCustom-116__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-116__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-116__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-116 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-116__col3 > div:last-child { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-117 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-117 { 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-117 .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-118__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-118__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-118__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-118 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-118__hd, .t0-b-headerCombiCustom-118__col1, .t0-b-headerCombiCustom-118__col2 { display: none; } .t0-b-headerCombiCustom-118__col3 { width: 100%; } .t0-b-headerCombiCustom-118__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-118__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-118__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-119__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-119__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-119 { padding-top: 10px; } .t0-b-headerCombiCustom-119__col2 { position: absolute; } .t0-b-headerCombiCustom-119__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-119__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-119__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-119 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-120__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-120__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-120 { padding-top: 10px; } .t0-b-headerCombiCustom-120__col2 { position: absolute; } .t0-b-headerCombiCustom-120__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-120__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-120__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-120 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-120__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-121 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-121__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-122 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-122__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-123 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-123 { 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-123 .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-124__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-124__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-124__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-124 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-124__hd, .t0-b-headerCombiCustom-124__col1, .t0-b-headerCombiCustom-124__col2 { display: none; } .t0-b-headerCombiCustom-124__col3 { width: 100%; } .t0-b-headerCombiCustom-124__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-124__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-124__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-125__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-125__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-125__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-125__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-125 { padding-top: 10px; } .t0-b-headerCombiCustom-125__col2 { position: absolute; } .t0-b-headerCombiCustom-125__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-125 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-125__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-125__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-125 .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-125 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-126__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-126__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-126 { padding-top: 10px; } .t0-b-headerCombiCustom-126__col2 { position: absolute; } .t0-b-headerCombiCustom-126__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-126__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-126__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-126__col3 > div:last-child { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-127 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-127 { 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-127 .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-128__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-128__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-128__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-128 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-128__hd, .t0-b-headerCombiCustom-128__col1, .t0-b-headerCombiCustom-128__col2 { display: none; } .t0-b-headerCombiCustom-128__col3 { width: 100%; } .t0-b-headerCombiCustom-128__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-128__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-128__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-129 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-129__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-130__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-130__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-130 { padding-top: 10px; } .t0-b-headerCombiCustom-130__col2 { position: absolute; } .t0-b-headerCombiCustom-130__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-130__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-130__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-130 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-131__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-131__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-131 { padding-top: 10px; } .t0-b-headerCombiCustom-131__col2 { position: absolute; } .t0-b-headerCombiCustom-131__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-131__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-131__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-131 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-131__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-132 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-132__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-133 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-133 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-133 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-134 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-134__hd, .t0-b-headerCombiCustom-134__col1, .t0-b-headerCombiCustom-134__col2 { display: none; } .t0-b-headerCombiCustom-134__col3 { width: 100%; } .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-134__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-mediaCustom-135__media { line-height: 0; } .t0-b-mediaCustom-135 { color: #333; } .t0-b-mediaCustom-135 img { width: 100%; } .t0-b-mediaCustom-135 > * { padding-top: 15px; } .t0-b-mediaCustom-135 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-135__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-135__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-135__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-135__media { text-align: center; } .t0-b-mediaCustom-135__media > * { vertical-align: top; } .t0-b-mediaCustom-135__media img { vertical-align: top; } .t0-b-mediaCustom-135__media > span { vertical-align: baseline; } .t0-b-mediaCustom-135 a { text-decoration: none; } .t0-b-mediaCustom-135__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-135__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-135__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-135__caption p { line-height: 1.25; font-size: 1em !important; text-align: center; } .t0-b-mediaCustom-135__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-135__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-135 img { max-width: 100% !important; } .t0-b-mediaCustom-135--width-l .t0-b-mediaCustom-194__media img { width: 100%; } .t0-b-mediaCustom-135--width-m .t0-b-mediaCustom-194__media img { width: 75%; } .t0-b-mediaCustom-135--width-s .t0-b-mediaCustom-194__media img { width: 50%; } .t0-b-mediaCustom-135--align-l { text-align: left; } .t0-b-mediaCustom-135--align-c { text-align: center; } .t0-b-mediaCustom-135--align-r { text-align: right; } .t0-b-mediaCustom-135__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-135__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-135__h-upper div { display: inline-block; } .t0-b-mediaCustom-135__h-lower div { display: inline-block; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-136 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-136__col2 { position: absolute; } .t0-b-headerCombiCustom-136__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-136 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-136__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-136__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-136__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-136 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-136 .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-136 .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-136 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #13641379; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16{ } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15 a, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16 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-136 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15 a div, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16 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-136 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15 a div div:before, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16 a div div:before{ content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #13641379; border-bottom: 1px solid #13641379; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15 a p, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #13641379; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15__inner, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16__inner{ background: none; color: #1363; } .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB10__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB11__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB12__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB13__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB14__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB15__inner:after, .t0-b-headerCombiCustom-136 .t0-b-headerUnit-contact-navB16__inner:after{ background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-137__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-137__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-137__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-137__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-137 { padding: 15px 0; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-137__col2 { position: absolute; } .t0-b-headerCombiCustom-137__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-137 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-137__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-137__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-137 .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-137 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 { border: 0; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15 a > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 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-137 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15 a div > span, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 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-137 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15 a > div > div, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB10 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB11 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB12 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB13 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB14 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB15 a > div::after, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-navB16 a > div::after { content: none;} .t0-b-headerCombiCustom-137__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-137__hd > p, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-137 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-137 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-138__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-138__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-138__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-138__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/659/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB10 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-138 { padding-top: 10px; } .t0-b-headerCombiCustom-138__col2 { position: absolute; } .t0-b-headerCombiCustom-138__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-138 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-138__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-138__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-138 .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-138 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 , .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-138 .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-138 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB10 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-138 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 a div:before, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB10 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-138 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-138 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-138 .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-138__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-138__col3 .t0-b-headerUnit-contact-navB10{ background: none; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-139 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-139__col2 { position: absolute; } .t0-b-headerCombiCustom-139__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-139__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-139__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-139__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-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-139 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #13641379; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11{ } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10 a, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10 a div, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11 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-139 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10 a div div:before, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11 a div div:before{ content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #13641379; border-bottom: 1px solid #13641379; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10 a p, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #13641379; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10__inner, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11__inner{ background: none; color: #1363; } .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB10__inner:after, .t0-b-headerCombiCustom-139 .t0-b-headerUnit-contact-navB11__inner:after{ background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-140__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-140__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-140 .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-140 { padding: 15px 0; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-140__col2 { position: absolute; } .t0-b-headerCombiCustom-140__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-140__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-140__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-140 .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-140 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-140 .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-140 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #555555; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-140__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-140__hd > p, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-140 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-140 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-141__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-141__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-141__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-141__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__free { background-color: #4C0003; } /* 電話番号の色 */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-141 { padding-top: 10px; } .t0-b-headerCombiCustom-141__col2 { position: absolute; } .t0-b-headerCombiCustom-141__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-141 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-141__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-141__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-141 .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-141 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-141 .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-141 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-141 .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-141 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-141 .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-141 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-141 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-141 .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-141__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-142__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-142__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free { background-color: #4C0003; } /* 電話番号の色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-142 { padding-top: 10px; } .t0-b-headerCombiCustom-142__col2 { position: absolute; } .t0-b-headerCombiCustom-142__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-142__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-142__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #13641379; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5{ border: 0; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #13641379; border-bottom: 1px solid #13641379; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-142 .t0-b-headerUnit-contact-navB5 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #13641379; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-143__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-143__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-143__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-143__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/659/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB10 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-143 { padding-top: 10px; } .t0-b-headerCombiCustom-143__col2 { position: absolute; } .t0-b-headerCombiCustom-143__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-143 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-143__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-143__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-143 .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-143 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 , .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-143 .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-143 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB10 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-143 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 a div:before, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB10 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-143 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-143 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-143 .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-143__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-143__col3 .t0-b-headerUnit-contact-navB10{ background: none; } .t0-b-headerCombiCustom-143__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-144__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-144__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-144__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-144__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-144 { padding-top: 10px; } .t0-b-headerCombiCustom-144__col2 { position: absolute; } .t0-b-headerCombiCustom-144__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-144 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-144__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-144__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-144 .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-144 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-144 .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-144 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-144 .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-144 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-144 .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-144 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-144 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-144 .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-144__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-145__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-145__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-145__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-145__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/1316/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-145 { padding-top: 10px; } .t0-b-headerCombiCustom-145__col2 { position: absolute; } .t0-b-headerCombiCustom-145__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-145 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-145__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-145__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-145 .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-145 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-145 .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-145 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-145 .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-145 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-145 .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-145 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-145 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-145 .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-145__col3 > div:last-child { display: none; } .t0-b-lv3HCustom-146-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-146 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #8e6f40; text-align: center; margin-top: -50px; position: relative; text-align: center; } .t0-b-lv3HCustom-146 a { display: block; color: #8e6f40; text-decoration: none; } .t0-b-lv3HCustom-146 h3 { line-height: 1.25; font-size: 22px; width: 100%; position: absolute; z-index: 1; margin-top: -30px; } .t0-b-lv3HCustom-146--align-l { text-align: left; } .t0-b-lv3HCustom-146--align-c { text-align: center; } .t0-b-lv3HCustom-146--align-r { text-align: right; } .t0-b-mediaCustom-147-bPlacer { padding-bottom: 15px; } .t0-b-mediaCustom-147 { margin: 0 auto; color: #714f2d; } .t0-b-mediaCustom-147 a { color: #714f2d; text-decoration: none; } .t0-b-mediaCustom-147__h-upper { line-height: 1.25; font-size: 1.143rem !important; margin-bottom: 10px; text-align: center; } .t0-b-mediaCustom-147__h-upper div { display: inline-block; } .t0-b-mediaCustom-147 img { max-width: 100% !important; } .t0-b-mediaCustom-147__media { position: relative; line-height: 0; text-align: center; } .t0-b-mediaCustom-147__media>* { width: 100%; vertical-align: top; } .t0-b-mediaCustom-147__media img { width: 100%; vertical-align: top; } .t0-b-mediaCustom-147__media>span { vertical-align: baseline; } .t0-b-mediaCustom-147__media a { text-decoration: none; } .t0-b-mediaCustom-147__media+div { margin-top: 10px; } .t0-b-mediaCustom-147__textOnImage-upper { position: absolute; top: 0; right: 0; left: 0; } .t0-b-mediaCustom-147__textOnImage-upper p { line-height: 1.25; font-size: 1.286rem !important; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #714f2d; background: rgba(255,255,255,0.8); } .t0-b-mediaCustom-147__textOnImage-lower { position: absolute; right: 0; bottom: 0; left: 0; } .t0-b-mediaCustom-147__textOnImage-lower p { line-height: 1.25; font-size: 1.286rem !important; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #714f2d; background: rgba(255,255,255,0.8); } .t0-b-mediaCustom-147__h-lower { line-height: 1.25; font-size: 1.143rem !important; margin-top: 10px; text-align: center; } .t0-b-mediaCustom-147__h-lower div { display: inline-block; } .t0-b-mediaCustom-147__h-lower+div { margin-top: 10px; } .t0-b-mediaCustom-147__caption { margin-top: 10px; } .t0-b-mediaCustom-147__caption p { line-height: 1.25; font-size: 1rem !important; text-align: center; } .t0-b-mediaCustom-147__caption+div { margin-top: 10px; } .t0-b-mediaCustom-147__caption a { text-decoration: underline; } .t0-b-mediaCustom-147--width-l { width: 100%; } .t0-b-mediaCustom-147--width-m { width: 75%; } .t0-b-mediaCustom-147--width-s { width: 50%; } .t0-b-mediaCustom-147--align-l { text-align: left; } .t0-b-mediaCustom-147--align-c { text-align: center; } .t0-b-mediaCustom-147--align-r { text-align: right; } .t0-b-mediaCustom-147col__layout { padding-top: 15px; } .t0-b-fullWidthFrameCustom-148 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-148 { background-color: #f6feff; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight__hd { padding-top: -50px padding-bottom: 15px; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight__bd { display: block; width: 100%; table-layout: auto; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight__box { display: block; width: 45%; vertical-align: top; float: left; margin-right: 3%; margin-left: 2%; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight__box img { width: 100% !important; height: auto; } .t0-b-fullWidthFrameCustom-148 .t0-b-flow4LeftToRight__arrow { display: table-cell; width: 5%; } .t0-b-fullWidthFrameCustom-149 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-149 { background-color: #f6feff; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight__hd { padding-top: -50px padding-bottom: 15px; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight__bd { display: block; width: 100%; table-layout: auto; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight__box { display: block; width: 30%; vertical-align: top; float: left; margin-right: 2%; margin-left: 1%; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight__box img { width: 100% !important; height: auto; } .t0-b-fullWidthFrameCustom-149 .t0-b-flow3LeftToRight__arrow { display: table-cell; width: 1%; } .t0-b-fullWidthFrameCustom-150 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-150 { background-color: #f6feff; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight__hd { padding-top: -50px padding-bottom: 15px; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight__bd { display: block; width: 100%; table-layout: auto; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight__box { display: block; width: 30.3%; vertical-align: top; float: left; margin-right: 2%; margin-left: 1%; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight__box img { width: 100% !important; height: auto; } .t0-b-fullWidthFrameCustom-150 .t0-b-flow4LeftToRight__arrow { display: table-cell; width: 1%; } .t0-b-fullWidthFrameCustom-151 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-151 { background-color: #f6feff; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight__hd { padding-top: -50px padding-bottom: 15px; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight__bd { display: block; width: 100%; table-layout: auto; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight__box { display: block; width: 30%; vertical-align: top; float: left; margin-right: 2%; margin-left: 1%; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight__box img { width: 100% !important; height: auto; } .t0-b-fullWidthFrameCustom-151 .t0-b-flow3LeftToRight__arrow { display: table-cell; width: 1%; } .t0-b-lv3HCustom-152-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-152 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #8e6f40; text-align: center; } .t0-b-lv3HCustom-152 a { display: block; color: #8e6f40; text-decoration: none; } .t0-b-lv3HCustom-152 h3 { line-height: 1.25; font-size: 1rem !important; } .t0-b-lv3HCustom-152--align-l { text-align: left; } .t0-b-lv3HCustom-152--align-c { text-align: center; } .t0-b-lv3HCustom-152--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-153 { position: relative; padding: 40px 15px 20px; margin: -20px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-153 { background-color: #f6feff; } .t0-b-wysiwygCustom-154 { line-height: 1.25; font-size: 1rem !important; padding: 21px 7px 14px 7px; color: #664b3a; } .t0-b-wysiwygCustom-154 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 p { line-height: 1.6; font-size: 1rem !important; margin-top: 1em; } .t0-b-wysiwyg2Custom-154 >p:first-child { margin-top: 20px; } .t0-b-wysiwygCustom-154 ol { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-154 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-154 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-154 ol li { line-height: 1.25; font-size: 1rem !important; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-154 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-154 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-154 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-154 ul li { line-height: 1.25; font-size: 1rem !important; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-154 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 table { width: 100%; margin-top: 15px; border: transparent 1px solid; } .t0-b-wysiwygCustom-154 table th { line-height: 1.25; font-size: 1rem !important; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-154 table td { line-height: 1.25; font-size: 1rem !important; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-154 table ul { font-size: 14px; } .t0-b-wysiwygCustom-154 table ol { font-size: 14px; } .t0-b-wysiwygCustom-154 table ul li { line-height: 1.25; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 table ol li { line-height: 1.25; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 table p { line-height: 1.6; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 table td { color: #7c5e42; background-color: #f1efe8; } .t0-b-wysiwygCustom-154 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-154 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-154 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-154 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-154>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-154 a { display: inline-block; color: #664b3a; text-decoration: underline; } .t0-b-wysiwygCustom-154 p { line-height: 1.6; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 ul li { line-height: 1.25; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 ol { line-height: 1.25; font-size: 1rem !important; } .t0-b-wysiwygCustom-154 ol li { line-height: 1.25; font-size: 1rem !important; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-155 { background-image: url('/_design/1316/images/sp_43.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-155 { 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-155 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:bold; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-156 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-156__hd, .t0-b-headerCombiCustom-156__col1, .t0-b-headerCombiCustom-156__col2 { display: none; } .t0-b-headerCombiCustom-156__col3 { width: 100%; } .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-156__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerMenuWithCpCustom-157 { margin: 0 -15px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #ffffff; background-color: #00B8BF; line-height: 1.25; font-size: 1rem; } .t0-b-footerMenuWithCpCustom-157 a { color: #ffffff; text-decoration: underline; } .t0-b-footerMenuWithCpCustom-157>div { box-sizing: border-box; display: block; min-height: 55px; padding: 5px 0; /*margin: 0 auto;*/ margin: 0 auto 22px auto; } .t0-b-footerMenuWithCpCustom-157 p { width: 100%; margin: 0; text-align: center; } .t0-b-footerMenuWithCpCustom-157__menu { width: 100%; } .t0-b-footerMenuWithCpCustom-157__menu ul { padding: 5px 10px; text-align: center; letter-spacing: -.4em; } .t0-b-footerMenuWithCpCustom-157__menu li { display: inline-block; letter-spacing: normal; } .t0-b-footerMenuWithCpCustom-157__menu li a { color: #dde9f5; text-decoration: underline; } .t0-b-footerMenuWithCpCustom-157__menu li div { padding: 0 7px; color: #ffffff; } .t0-b-footerMenuWithCpCustom-157 .state-em div { font-weight: bold; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-158 { background-image: url('/_design/1316/images/0208_納品_sp01.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-158 { 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-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-159 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-159__hd, .t0-b-headerCombiCustom-159__col1, .t0-b-headerCombiCustom-159__col2 { display: none; } .t0-b-headerCombiCustom-159__col3 { width: 100%; } .t0-b-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-159__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-fullWidthFrameCustom-160 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-160 { padding: 40px 35px; } .t0-b-fullWidthFrameCustom-160::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; pointer-events: none; content: ""; border-radius: 10px; } .t0-b-fullWidthFrameCustom-160>* { position: relative; } .t0-b-fullWidthFrameCustom-160 { background-color: #fff; } .t0-b-fullWidthFrameCustom-160::before { background-color:rgba(255,255,255,.7); } .t0-b-frameOuterCustom-161-bPlacer { margin-top: -110vw; padding-bottom: 83vw; } .t0-b-frameOuterCustom-161__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #714f2d; padding: 5px 0; } .t0-b-frameOuterCustom-161 .t0-b-lv1H-mainH3__bd{ font-size: 2rem; } .t0-b-frameOuterCustom-161__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-161__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-161__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-161__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-161__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-161__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-161__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-161__ft { margin-top: 20px; } /* 背景 */ .t0-b-mediaCustom-162 { background: url(/_design/1316/images/01.jpg) no-repeat center center !important; } /* 表示サイズ */ .t0-b-mediaCustom-162 { height: 570vw; background-size: 100% !important; margin: 0 -15px 30px; } .t0-b-mediaCustom-162 > div { display: none; } /* 背景 */ .t0-b-mediaCustom-163 { background: url(/_design/1316/images/02.jpg) no-repeat center center !important; } /* 表示サイズ */ .t0-b-mediaCustom-163 { height: 352vw; background-size: 100% !important; margin: 0 -15px 20px; } .t0-b-mediaCustom-163 > div { display: none; } .t0-b-mediaCustom-164__media a::after { content: ''; display: inline-block; width: 100vw; height: 60vw; vertical-align: middle; background: url(/_design/1694/images/banner_SP_new.jpg) no-repeat center; background-size: 93vw !important; margin: -120px -15px 0; } .t0-b-fullWidthFrameCustom-165 { position: relative; padding: 40px 35px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-165::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; pointer-events: none; content: ""; border-radius: 10px; } .t0-b-fullWidthFrameCustom-165>* { position: relative; } .t0-b-fullWidthFrameCustom-165 { background-color: #f7f7f7; } .t0-b-fullWidthFrameCustom-165::before { background-color: #fff; } /* 背景 */ .t0-b-headerFullWidthMediaCustom-166 { background: url(/_design/1316/images/MV_SP_new.jpg) no-repeat center center !important; } /* 表示サイズ */ .t0-b-headerFullWidthMediaCustom-166 { height: 115vw; background-size: 100% !important; margin: 0 -15px; } .t0-b-headerFullWidthMediaCustom-166 > div { display: none; } /*-------------------------------------------------------*/ /* WEB予約ボタンのパス */ .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-contact-navB{ background: url(/_design/1316/images/line_online_325×140.png); } /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free { background-image: url(/_design/1111/images/ico_tel0.png); } /*電話アイコンの色TELアイコンと同じ水色*/ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free { background-color: #7fdae0; } /* 電話番号の色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-167 { padding-top: 10px; } .t0-b-headerCombiCustom-167__col2 { position: absolute; } .t0-b-headerCombiCustom-167__col3 { position: fixed; left: 0; bottom: 0; width: 100vw; height: 18vw; z-index: 410; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-table{ display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-167__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-167__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-167 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left:1vw; z-index: 450; display: table; width: 52.5vw; height: 14vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 6.5vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お気軽にお問合せください'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: bold; } /* WEB予約 */ .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-contact-navB { position: fixed; bottom: 1.5vw; right: 13vw; z-index: 450; display: block; width: 32.5vw; height: 14vw; background-repeat: no-repeat; background-position: center center; background-size: 32.5vw auto; border-radius: 0; } .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB{ border:none; } .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-contact-navB__inner, .t0-b-headerCombiCustom-167__col3 .t0-b-headerUnit-contact-navB{ background-color:#00000000; color: #00000000; border:none; } /* 表示不要 */ .t0-b-headerCombiCustom-167__hd, .t0-b-headerCombiCustom-167__col1, .t0-b-headerCombiCustom-167 .t0-b-headerUnit-contact-navB__inner::after{ display: none; } .t0-b-fullWidthFrameCustom-172 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-172 { background-color: #f7f7f7; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-175 { background-image: url('/_design/1316/images/sp01.jpg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-175 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; }