/* ヘッダーテキストを消す場合は以下を追加 .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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/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/2571/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-60 { padding-top: 10px; } .t0-b-headerCombiCustom-60__col2 { position: absolute; } .t0-b-headerCombiCustom-60__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-60__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-60__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-60 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-60__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-61 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-61__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-62 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-62__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-63 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-63__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-64 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-64__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-65 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-65 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-65 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-66 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-66 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-66 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-67 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-67 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-67 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-68 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-68 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-68 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-69 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-69__hd, .t0-b-headerCombiCustom-69__col1, .t0-b-headerCombiCustom-69__col2 { display: none; } .t0-b-headerCombiCustom-69__col3 { width: 100%; } .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-69__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-70 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-70__hd, .t0-b-headerCombiCustom-70__col1, .t0-b-headerCombiCustom-70__col2 { display: none; } .t0-b-headerCombiCustom-70__col3 { width: 100%; } .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-70__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-71 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-71__hd, .t0-b-headerCombiCustom-71__col1, .t0-b-headerCombiCustom-71__col2 { display: none; } .t0-b-headerCombiCustom-71__col3 { width: 100%; } .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-71__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-72-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-72 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-72__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-72__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-72__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-72__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-72__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-72__col1 { width: 100%; } .t0-b-headerCombiCustom-72__col2 { width: 100%; } .t0-b-headerCombiCustom-72__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-73 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-73__col2 { position: absolute; } .t0-b-headerCombiCustom-73__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-73__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-73__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-73__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-73 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-74 { padding: 15px 0; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-74__col2 { position: absolute; } .t0-b-headerCombiCustom-74__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-74__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-74__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-74__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-74__hd > p, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-74 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-74 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-75 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-75 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-75 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-76 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-76__hd, .t0-b-headerCombiCustom-76__col1, .t0-b-headerCombiCustom-76__col2 { display: none; } .t0-b-headerCombiCustom-76__col3 { width: 100%; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-76__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-77 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-77__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-78 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-78__col2 { position: absolute; } .t0-b-headerCombiCustom-78__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-78__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-78__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-78__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-78 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-79 { padding: 15px 0; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-79__col2 { position: absolute; } .t0-b-headerCombiCustom-79__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-79__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-79__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-79__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-79__hd > p, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-79 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-79 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-80 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-80__col2 { position: absolute; } .t0-b-headerCombiCustom-80__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-80__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-80__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-80__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-80 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-81 { padding: 15px 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-81__col2 { position: absolute; } .t0-b-headerCombiCustom-81__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-81__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-81__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-81__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-81__hd > p, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-81 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-81 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-82 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-82__col2 { position: absolute; } .t0-b-headerCombiCustom-82__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-82__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-82__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-82 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-83 { padding: 15px 0; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-83__col2 { position: absolute; } .t0-b-headerCombiCustom-83__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-83__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-83__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-83__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-83__hd > p, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-83 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-83 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-84 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-84__col2 { position: absolute; } .t0-b-headerCombiCustom-84__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-84__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-84__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-84__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-84 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-85 { padding: 15px 0; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-85__col2 { position: absolute; } .t0-b-headerCombiCustom-85__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-85__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-85__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-85__hd > p, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-85 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-85 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-85__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-85__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-86 { padding-top: 10px; } .t0-b-headerCombiCustom-86__col2 { position: absolute; } .t0-b-headerCombiCustom-86__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-86__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-86 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-86__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-86__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-87 { padding-top: 10px; } .t0-b-headerCombiCustom-87__col2 { position: absolute; } .t0-b-headerCombiCustom-87__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-87__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-87__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-87 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-87__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-88 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-88__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-89 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-89 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-89 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-90 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-90__hd, .t0-b-headerCombiCustom-90__col1, .t0-b-headerCombiCustom-90__col2 { display: none; } .t0-b-headerCombiCustom-90__col3 { width: 100%; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-90__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerFullWidthMediaCustom-91 { margin: 0 -15px; padding: 0 15px 3px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-91-inner { position: relative; } .t0-b-headerFullWidthMediaCustom-91-inner>div { position: absolute; bottom: 0; width: 100%; } .t0-b-headerFullWidthMediaCustom-91 { height: 61px; } .t0-b-headerFullWidthMediaCustom-91-inner { height: 58px; } .t0-b-headerFullWidthMediaCustom-91 { background-color: #FFFFFD; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-92 { background-image: url('/_design/2571/images/プレゼンテーション1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-92 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /* .t0-b-headerFullWidthMediaCustom-92 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } */ /* 文字の背景色 */ .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-93 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-93__hd, .t0-b-headerCombiCustom-93__col1, .t0-b-headerCombiCustom-93__col2 { display: none; } .t0-b-headerCombiCustom-93__col3 { width: 100%; } .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-93__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameCustom-94-bPlacer { padding-bottom: 25px; } .t0-b-lv4H-numIconCustom-95-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-numIconCustom-95 { line-height: 0; } .t0-b-lv4H-numIconCustom-95>div { display: inline-block; } .t0-b-lv4H-numIconCustom-95>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-numIconCustom-95__iconPlacer { padding: 0 10px 0 0; } .t0-b-lv4H-numIconCustom-95__iconPlacer>* { display: block; } .t0-b-lv4H-numIconCustom-95__caption-upper { line-height: 1.25; font-size: 1.000rem !important; padding: 0 0 4px; } .t0-b-lv4H-numIconCustom-95__h { line-height: 1.25; font-size: 1.286rem !important; } .t0-b-lv4H-numIconCustom-95__caption-lower { line-height: 1.25; font-size: 1.000rem !important; padding: 4px 0 0; } .t0-b-lv4H-numIconCustom-95__icon { background-size: 50px 50px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; color: transparent; } .t0-b-lv4H-numIconCustom-95__icon--anshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--anshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--concept-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--houshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--kodawari-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--merit-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--oyakusoku-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--point-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--riyu-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--tokucho2-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--tsuyomi-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/10.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/1.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/2.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/3.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/4.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/5.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/6.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/7.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/8.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/9.png"); } .t0-b-lv4H-numIconCustom-95__icon--step-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/10.png"); } .t0-b-lv4H-numIconCustom-95--align-l { text-align: left; } .t0-b-lv4H-numIconCustom-95--align-c { text-align: center; } .t0-b-lv4H-numIconCustom-95--align-r { text-align: right; } .t0-b-lv4H-numIconCustom-95 a { text-decoration: none; color: #555; } .t0-b-lv4H-numIconCustom-95 a:hover { color: #7c6600; } .t0-b-frameCustom-96-bPlacer { padding-bottom: 25px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-97__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-97__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-97__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-97__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .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 > 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 { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-97 { padding: 15px 0; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .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 { margin-bottom: 5px; } /* ロゴ */ .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-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: #555555; 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 { border: 0; } .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 { position: fixed; bottom: 1.5vw; 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 > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-97 .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-97 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-97__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-97__hd > p, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-97 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-97 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-98 { background-image: url('/_design/2571/images/インビザラインHPトップ画像製作スライド1101.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-98 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* 文字の背景色 */ .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-99 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-99__hd, .t0-b-headerCombiCustom-99__col1, .t0-b-headerCombiCustom-99__col2 { display: none; } .t0-b-headerCombiCustom-99__col3 { width: 100%; } .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-99__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameOuterCustom-100-bPlacer { padding-bottom: 25px; } .t0-b-frameOuterCustom-100__frame { padding: 20px 20px 10px; margin: 0 -5px; color: #675f4f; background-color: #fff9e2; border: 1px solid #ece5c8; border-radius: 11px; } .t0-b-frameOuterCustom-100__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; } .t0-b-frameOuterCustom-100__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-100__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-100__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-100__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-100__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-100__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-100__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-100__hd+.t0-b-frameOuterCustom-100__bd { padding: 20px 0 0; } .t0-b-frameOuterCustom-100__ft { margin-top: 20px; } .t0-b-lv2HCustom-101 a { text-decoration: none; display: table-cell; text-align: left; vertical-align: middle; color: #5d3e0e; } .t0-b-lv2HCustom-101 > div { display: inline-block; } .t0-b-lv2HCustom-101__iconPlacer { display: table-cell; background: url('/_master/acre/themes/027-N00-2/imgs/t0-b-lv2H/1.png?1590454249') no-repeat 0 50%; width: 40px; height: 50px; background-size: 40px 50px; } .t0-b-lv2HCustom-101 h2 { display: table-cell; padding: 4px 0 0 8px; line-height: 1.25; font-size: 1.286em; text-align: left; vertical-align: middle; } .t0-b-lv2HCustom-101--align-l { text-align: left; } .t0-b-lv2HCustom-101--align-c { text-align: center; } .t0-b-lv2HCustom-101--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-102 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-102 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-103 { background-image: url('/_design/2571/images/スライド1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-103 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-104__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-104__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-104__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-104__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .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 , .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-104 { padding-top: 10px; } .t0-b-headerCombiCustom-104__col2 { position: absolute; } .t0-b-headerCombiCustom-104__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-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-104__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-104__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-104 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; 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 { border: 0; } .t0-b-headerCombiCustom-104 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-104 .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-104 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-104 .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-105__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-105__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-105__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__free { background-color: #7D9F0A; } /* 電話番号の色 */ .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .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 { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-105 { padding-top: 10px; } .t0-b-headerCombiCustom-105__col2 { position: absolute; } .t0-b-headerCombiCustom-105__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-105 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-105__hd { margin-bottom: 5px; } /* ロゴ */ .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: 18; 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-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 { border: 0; } .t0-b-headerCombiCustom-105 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-105 .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-105 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-105 .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-105__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-106__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-106__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-106__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-106__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .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 , .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-106 { padding-top: 10px; } .t0-b-headerCombiCustom-106__col2 { position: absolute; } .t0-b-headerCombiCustom-106__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-106__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-106__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-106 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-106 .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-106 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-106 .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-107__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-107__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-107__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-107__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__free { background-color: #052252; } /* 電話番号の色 */ .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .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 { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-107 { padding-top: 10px; } .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-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 { margin-bottom: 5px; } /* ロゴ */ .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-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 { border: 0; } .t0-b-headerCombiCustom-107 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-107 .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-107 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-107 .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-107__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-108__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-108__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-108 { padding-top: 10px; } .t0-b-headerCombiCustom-108__col2 { position: absolute; } .t0-b-headerCombiCustom-108__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-108__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-108__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-108 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*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__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-109__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free { background-color: #0B6678; } /* 電話番号の色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-109 { padding-top: 10px; } .t0-b-headerCombiCustom-109__col2 { position: absolute; } .t0-b-headerCombiCustom-109__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-109__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-109__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-109__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-109__hd > p, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-109 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-109 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-110__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-110__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-110 { padding-top: 10px; } .t0-b-headerCombiCustom-110__col2 { position: absolute; } .t0-b-headerCombiCustom-110__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-110__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-110__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-110 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*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-headerCombiCustom-111__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-111__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free { background-color: #A3AC0F; } /* 電話番号の色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-111 { padding-top: 10px; } .t0-b-headerCombiCustom-111__col2 { position: absolute; } .t0-b-headerCombiCustom-111__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-111__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-111__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-111__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-111__hd > p, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-111 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-111 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-112__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-112__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-112 { padding-top: 10px; } .t0-b-headerCombiCustom-112__col2 { position: absolute; } .t0-b-headerCombiCustom-112__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-112__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-112__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-112 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-113__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-113__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free { background-color: #F1BAB8; } /* 電話番号の色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-113 { padding-top: 10px; } .t0-b-headerCombiCustom-113__col2 { position: absolute; } .t0-b-headerCombiCustom-113__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-113__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-113__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-113 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-113__col3 > div > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-114__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-114__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-114 { padding-top: 10px; } .t0-b-headerCombiCustom-114__col2 { position: absolute; } .t0-b-headerCombiCustom-114__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-114__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-114__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-114 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .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/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free { background-color: #F9DD64; } /* 電話番号の色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-115 { padding-top: 10px; } .t0-b-headerCombiCustom-115__col2 { position: absolute; } .t0-b-headerCombiCustom-115__col3 { position: fixed; left: 0; bottom: 0; z-index: 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 { border: 0; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-115 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-115__col3 > div > div:last-child { display: none; } .t0-b-mediaCustom-116__media { line-height: 0; } .t0-b-mediaCustom-116 { color: #333; } .t0-b-mediaCustom-116 img { width: 100%; } .t0-b-mediaCustom-116 > * { padding-top: 15px; } .t0-b-mediaCustom-116 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-116__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-116__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-116__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-116__media { text-align: center; } .t0-b-mediaCustom-116__media > * { vertical-align: top; } .t0-b-mediaCustom-116__media img { vertical-align: top; } .t0-b-mediaCustom-116__media > span { vertical-align: baseline; } .t0-b-mediaCustom-116__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-116 a { text-decoration: none; } .t0-b-mediaCustom-116__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; color: #553010; } .t0-b-mediaCustom-116__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-116__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-116__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-116__caption p:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-116__caption p:after { content: ""; display: block; height: 0; margin-top: -0.18em; } .t0-b-mediaCustom-116 img { max-width: 100% !important; } .t0-b-mediaCustom-116--width-l .t0-b-mediaCustom-116__media img { width: 100%; } .t0-b-mediaCustom-116--width-m .t0-b-mediaCustom-116__media img { width: 75%; } .t0-b-mediaCustom-116--width-s .t0-b-mediaCustom-116__media img { width: 50%; } .t0-b-mediaCustom-116--align-l { text-align: left; } .t0-b-mediaCustom-116--align-c { text-align: center; } .t0-b-mediaCustom-116--align-r { text-align: right; } .t0-b-mediaCustom-116__h-upper a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-116__h-lower a { text-decoration: none; color: #553010; } .t0-b-mediaCustom-116__h-upper div { display: inline-block; } .t0-b-mediaCustom-116__h-lower div { display: inline-block; } .t0-b-mediaCustom-117__media { line-height: 0; } .t0-b-mediaCustom-117 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-117 img { width: 100%; box-sizing: border-box; } .t0-b-mediaCustom-117__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 5px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-117__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-117__media a { text-decoration: none; } .t0-b-mediaCustom-117__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 5px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-117__caption { margin: 5px 0 0; text-align: left; } .t0-b-mediaCustom-117__caption p { line-height: 1.25; font-size: 1em !important; text-align: left; } .t0-b-media3--width-l .t0-b-mediaCustom-117__media img { width: 100%; } .t0-b-mediaCustom-117--width-l .t0-b-mediaCustom-117__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-117__media img { width: 100%; } .t0-b-media3--width-m .t0-b-mediaCustom-117__media img { width: 75%; } .t0-b-mediaCustom-117--width-m .t0-b-mediaCustom-117__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-117__media img { width: 75%; } .t0-b-media3--width-s .t0-b-mediaCustom-117__media img { width: 50%; } .t0-b-mediaCustom-117--width-s .t0-b-mediaCustom-117__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-117__media img { width: 50%; } .t0-b-mediaCustom-117--align-l { text-align: left; } .t0-b-mediaCustom-117--align-c { text-align: center; } .t0-b-mediaCustom-117--align-r { text-align: right; } .t0-b-mediaCustom-117__h-upper a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-117__h-lower a { text-decoration: none; color: #cdbcbc; } .t0-b-mediaCustom-117__h-upper div { display: inline-block; } .t0-b-mediaCustom-117__h-lower div { display: inline-block; } .t0-b-mediaCustom-117 img { border: 1px solid #333; } .t0-b-mediaCustom-118__media { line-height: 0; } .t0-b-mediaCustom-118 { color: #4d4d4d; } .t0-b-mediaCustom-118 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-118 img { width: 100%; } .t0-b-mediaCustom-118 a { text-decoration: none; } .t0-b-mediaCustom-118__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-118__media { text-align: center; line-height: 0; } .t0-b-mediaCustom-118__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-118__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-118__caption p { font-size: 1em !important; text-align: left; line-height: 1.2; } .t0-b-mediaCustom-118--width-l .t0-b-mediaCustom-118__media img { width: 100%; } .t0-b-media2--width-l .t0-b-mediaCustom-118__media img { width: 100%; } .t0-b-mediaCustom-118--width-m .t0-b-mediaCustom-118__media img { width: 75%; } .t0-b-media2--width-m .t0-b-mediaCustom-118__media img { width: 75%; } .t0-b-mediaCustom-118--width-s .t0-b-mediaCustom-118__media img { width: 50%; } .t0-b-media2--width-s .t0-b-mediaCustom-118__media img { width: 50%; } .t0-b-mediaCustom-118--align-l { text-align: left; } .t0-b-mediaCustom-118--align-c { text-align: center; } .t0-b-mediaCustom-118--align-r { text-align: right; } .t0-b-mediaCustom-118__h-upper a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-118__h-lower a { text-decoration: none; color: #4d4d4d; } .t0-b-mediaCustom-118__h-upper div { display: inline-block; } .t0-b-mediaCustom-118__h-lower div { display: inline-block; } .t0-b-mediaCustom-119__media { line-height: 0; } .t0-b-mediaCustom-119 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-119 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-119__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-119__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-119__media a { text-decoration: none; } .t0-b-mediaCustom-119__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-119__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-119__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-119--width-l .t0-b-mediaCustom-119__media img { width: 100%; } .t0-b-mediaCustom-119--width-m .t0-b-mediaCustom-119__media img { width: 75%; } .t0-b-mediaCustom-119--width-s .t0-b-mediaCustom-119__media img { width: 50%; } .t0-b-mediaCustom-119--align-l { text-align: left; } .t0-b-mediaCustom-119--align-c { text-align: center; } .t0-b-mediaCustom-119--align-r { text-align: right; } .t0-b-mediaCustom-119__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-119__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-119__h-upper div { display: inline-block; } .t0-b-mediaCustom-119__h-lower div { display: inline-block; } .t0-b-mediaCustom-120__media { line-height: 0; } .t0-b-mediaCustom-120 > *:first-child { padding-top: 0; } .t0-b-mediaCustom-120 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-120__h-upper { line-height: 1.25; font-size: 1.143em !important; margin: 0 0 10px; font-weight: bold; text-align: center; } .t0-b-mediaCustom-120__media { text-align: center; padding: 2px 4px 4px 2px; } .t0-b-mediaCustom-120__media a { text-decoration: none; } .t0-b-mediaCustom-120__h-lower { line-height: 1.25; font-size: 1.143em !important; margin: 10px 0 0; font-weight: bold; text-align: center; } .t0-b-mediaCustom-120__caption { margin: 10px 0 0; text-align: left; } .t0-b-mediaCustom-120__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-120--width-l .t0-b-mediaCustom-120__media img { width: 100%; } .t0-b-mediaCustom-120--width-m .t0-b-mediaCustom-120__media img { width: 75%; } .t0-b-mediaCustom-120--width-s .t0-b-mediaCustom-120__media img { width: 50%; } .t0-b-mediaCustom-120--align-l { text-align: left; } .t0-b-mediaCustom-120--align-c { text-align: center; } .t0-b-mediaCustom-120--align-r { text-align: right; } .t0-b-mediaCustom-120__h-upper a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-120__h-lower a { text-decoration: none; color: #5d3e0e; } .t0-b-mediaCustom-120__h-upper div { display: inline-block; } .t0-b-mediaCustom-120__h-lower div { display: inline-block; } .t0-b-mediaCustom-121__media { line-height: 0; } .t0-b-mediaCustom-121 { color: #664b3a; margin: 0 auto; } .t0-b-mediaCustom-121 img { width: 100%; box-sizing: border-box; border: 2px solid #fff; } .t0-b-mediaCustom-121__h-upper { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-bottom: 10px; } .t0-b-mediaCustom-121__h-upper:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-121__h-upper:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-121__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-121 a { text-decoration: none; color: #664b3a; } .t0-b-mediaCustom-121__h-lower { font-weight: bold; line-height: 1.25; font-size: 1.143em !important; text-align: center; margin-top: 10px; } .t0-b-mediaCustom-121__h-lower:before { content: ""; display: block; height: 0; margin-top: -0.08em; } .t0-b-mediaCustom-121__h-lower:after { content: ""; display: block; height: 0; margin-top: -0.25em; } .t0-b-mediaCustom-121__caption { margin-top: 10px; } .t0-b-mediaCustom-121__caption p { line-height: 1.6; font-size: 1em !important; text-align: left; } .t0-b-mediaCustom-121__caption p:before { content: ""; display: block; height: 0; margin-top: -0.3em; } .t0-b-mediaCustom-121__caption p:after { content: ""; display: block; height: 0; margin-top: -0.4em; } .t0-b-mediaCustom-121--width-l { width: 100%; } .t0-b-mediaCustom-121--width-m { width: 75%; } .t0-b-mediaCustom-121--width-s { width: 50%; } .t0-b-mediaCustom-121--align-l { text-align: left; } .t0-b-mediaCustom-121--align-c { text-align: center; } .t0-b-mediaCustom-121--align-r { text-align: right; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-122__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-122__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-122__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-122__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-122 { padding-top: 10px; } .t0-b-headerCombiCustom-122__col2 { position: absolute; } .t0-b-headerCombiCustom-122__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-122__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-122__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-122 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-122 .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-122 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-122 .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-122 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-122 .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-122 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-122 .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-123__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-123__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free { background-color: #FD9D92; } /* 電話番号の色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-123 { padding-top: 10px; } .t0-b-headerCombiCustom-123__col2 { position: absolute; } .t0-b-headerCombiCustom-123__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-123__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-123__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-123 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-123 .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-123 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-123 .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-123 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-123 .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-123 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-123 .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-123__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-124__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-124__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-124 { padding-top: 10px; } .t0-b-headerCombiCustom-124__col2 { position: absolute; } .t0-b-headerCombiCustom-124__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-124__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-124__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-124 .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-124 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-124 .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-124 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-124 .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-124 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-124 .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-124__hd > p, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-124 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-124 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-tel__free { background-color: #FF65AB; } /* 電話番号の色 */ .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 { 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: 15; 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: 18; 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 { border: 0; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-125 .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-125 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-125 .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-125 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-125 .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-125 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-125 .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-125__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-125__hd > p, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-125 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-125 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .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/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-126 { padding-top: 10px; } .t0-b-headerCombiCustom-126__col2 { position: absolute; } .t0-b-headerCombiCustom-126__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; 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: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 { border: 0; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /*text color*/ .t0-b-headerCombiCustom-126__hd > p, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-126 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-126 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-127__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-127__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free { background-color: #1F5BB6; } /* 電話番号の色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-127 { padding-top: 10px; } .t0-b-headerCombiCustom-127__col2 { position: absolute; } .t0-b-headerCombiCustom-127__col3 { position: fixed; left: 0; bottom: 0; z-index: 15; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-127__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-127__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 18; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 { } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a div { display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a div:before { content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-navB2 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-127__col3 > div > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-127__hd > p, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-127 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-127 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-128 { height: 70vw; background: url(/_design/2571/images/004-1.png) no-repeat center center; background-size: 100%; margin: 0 -15px; } .t0-b-headerCombiCustom-128__bd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-129 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-129 { 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-129 .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-130__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-130__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-130__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-130 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-130__hd, .t0-b-headerCombiCustom-130__col1, .t0-b-headerCombiCustom-130__col2 { display: none; } .t0-b-headerCombiCustom-130__col3 { width: 100%; } .t0-b-headerCombiCustom-130__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-130__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-130__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-131 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-131__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-132 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-132 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-132 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-133 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-133__hd, .t0-b-headerCombiCustom-133__col1, .t0-b-headerCombiCustom-133__col2 { display: none; } .t0-b-headerCombiCustom-133__col3 { width: 100%; } .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-133__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-134 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-134__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-135 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-135 { 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-135 .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-136__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-136__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-136__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-136 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-136__hd, .t0-b-headerCombiCustom-136__col1, .t0-b-headerCombiCustom-136__col2 { display: none; } .t0-b-headerCombiCustom-136__col3 { width: 100%; } .t0-b-headerCombiCustom-136__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-136__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-136__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-137 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-137__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-138 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-138 { 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-138 .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-139__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-139__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-139__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-139 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-139__hd, .t0-b-headerCombiCustom-139__col1, .t0-b-headerCombiCustom-139__col2 { display: none; } .t0-b-headerCombiCustom-139__col3 { width: 100%; } .t0-b-headerCombiCustom-139__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-139__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-139__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-140 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-140__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-141 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-141 { 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-141 .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-142__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-142__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-142__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-142 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-142__hd, .t0-b-headerCombiCustom-142__col1, .t0-b-headerCombiCustom-142__col2 { display: none; } .t0-b-headerCombiCustom-142__col3 { width: 100%; } .t0-b-headerCombiCustom-142__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-142__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-142__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-143 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-143__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-144 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-144 { 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-144 .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-145__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-145__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-145__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-145 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-145__hd, .t0-b-headerCombiCustom-145__col1, .t0-b-headerCombiCustom-145__col2 { display: none; } .t0-b-headerCombiCustom-145__col3 { width: 100%; } .t0-b-headerCombiCustom-145__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-145__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-145__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-146 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-146__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-147 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-147 { 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-147 .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-148__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-148__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-148__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-148 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-148__hd, .t0-b-headerCombiCustom-148__col1, .t0-b-headerCombiCustom-148__col2 { display: none; } .t0-b-headerCombiCustom-148__col3 { width: 100%; } .t0-b-headerCombiCustom-148__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-148__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-148__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-149 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-149__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-150 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-150 { 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-150 .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-151__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-151__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-151__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-151 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-151__hd, .t0-b-headerCombiCustom-151__col1, .t0-b-headerCombiCustom-151__col2 { display: none; } .t0-b-headerCombiCustom-151__col3 { width: 100%; } .t0-b-headerCombiCustom-151__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-151__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-151__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-152 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-152__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-153 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-153 { 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-153 .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-154__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-154__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-154__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-154 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-154__hd, .t0-b-headerCombiCustom-154__col1, .t0-b-headerCombiCustom-154__col2 { display: none; } .t0-b-headerCombiCustom-154__col3 { width: 100%; } .t0-b-headerCombiCustom-154__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-154__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-154__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-155 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-155__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-156__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-156__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-156__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-156__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-156 { padding-top: 10px; } .t0-b-headerCombiCustom-156__col2 { position: absolute; } .t0-b-headerCombiCustom-156__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-156__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-156__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-156 .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-156 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-156 .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-156 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-156 .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-156 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-156 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-156 .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-157__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-157__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-157__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-157__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-157 { padding-top: 10px; } .t0-b-headerCombiCustom-157__col2 { position: absolute; } .t0-b-headerCombiCustom-157__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-157__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-157__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-157 .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-157 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-157 .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-157 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-157 .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-157 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-157 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-157 .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-157__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-158__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-158__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-158__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-158__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB4 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-158 { padding-top: 10px; } .t0-b-headerCombiCustom-158__col2 { position: absolute; } .t0-b-headerCombiCustom-158__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-158__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-158__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-158 .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-158 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2 a div , .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-158 .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-158 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-158 .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-158 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-158 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-158 .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-159__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-159__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-159 { padding-top: 10px; } .t0-b-headerCombiCustom-159__col2 { position: absolute; } .t0-b-headerCombiCustom-159__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-159__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-159__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-159 .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-159 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-159 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-159 .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-159__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-160__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-160__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-160 { padding-top: 10px; } .t0-b-headerCombiCustom-160__col2 { position: absolute; } .t0-b-headerCombiCustom-160__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-160__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-160__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-160 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-161__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-161__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free { background-color: #FF8C00; } /* 電話番号の色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-161 { padding-top: 10px; } .t0-b-headerCombiCustom-161__col2 { position: absolute; } .t0-b-headerCombiCustom-161__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-161__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-161__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 { border: 0; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-161 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-161__col3 > div:last-child { display: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-162__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-162__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-162 { padding-top: 10px; } .t0-b-headerCombiCustom-162__col2 { position: absolute; } .t0-b-headerCombiCustom-162__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-162__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-162__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-162 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-163__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-163__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free { background-color: #AB2B08; } /* 電話番号の色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-163 { padding-top: 10px; } .t0-b-headerCombiCustom-163__col2 { position: absolute; } .t0-b-headerCombiCustom-163__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-163__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-163__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a div{ display: table-cell; width: 4vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a div:before{ content: ""; display: inline-block; width: 1.8vw; height: 1.8vw; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-163 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-163__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-164 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-164__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-165 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-165__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-166 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-166__bd .t0-b-freeHtml { margin: 0 -5px -20px; } .t0-b-footerFullWidthFrameCustom-167 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-167__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-168 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-168 { 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-168 .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-169 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-169 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-169 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-170 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-170 { 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-170 .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-171 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-171 { 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-171 .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-172__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-172__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-172__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-172 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-172__hd, .t0-b-headerCombiCustom-172__col1, .t0-b-headerCombiCustom-172__col2 { display: none; } .t0-b-headerCombiCustom-172__col3 { width: 100%; } .t0-b-headerCombiCustom-172__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-172__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-172__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-173 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-173__hd, .t0-b-headerCombiCustom-173__col1, .t0-b-headerCombiCustom-173__col2 { display: none; } .t0-b-headerCombiCustom-173__col3 { width: 100%; } .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-173__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } /* 文字の背景色 */ .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-174 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-174__hd, .t0-b-headerCombiCustom-174__col1, .t0-b-headerCombiCustom-174__col2 { display: none; } .t0-b-headerCombiCustom-174__col3 { width: 100%; } .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-174__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerCombiCustom-175-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-175 { margin: 0 -15px; padding-top: 20px; background-repeat: repeat-x; background-position: left top; } .t0-b-headerCombiCustom-175__hd { padding: 5px 5px 10px; } .t0-b-headerCombiCustom-175__hd>p { line-height: 1.25; font-size: 1.000rem !important; width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-175__bd { padding: 5px 20px 0; } .t0-b-headerCombiCustom-175__bd>div { width: 100%; margin: 0 auto; } .t0-b-headerCombiCustom-175__bd>div>div { text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-175__col1 { width: 100%; } .t0-b-headerCombiCustom-175__col2 { width: 100%; } .t0-b-headerCombiCustom-175__col3 { width: 100%; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-176 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-176__col2 { position: absolute; } .t0-b-headerCombiCustom-176__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-176__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-176__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-176__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-176 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-176 .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-176 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-176 .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-176 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-176 .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-176 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-176 .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-176 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-176 .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-176 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-176 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-176 .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-177 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-177 .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-177 { padding: 15px 0; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-177__col2 { position: absolute; } .t0-b-headerCombiCustom-177__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-177__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-177__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-177 .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-177 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-177 .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-177 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-177 .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-177 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-177__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-177__hd > p, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-177 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-177 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-178 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-178 { 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-178 .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-179__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-179__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-179__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-179 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-179__hd, .t0-b-headerCombiCustom-179__col1, .t0-b-headerCombiCustom-179__col2 { display: none; } .t0-b-headerCombiCustom-179__col3 { width: 100%; } .t0-b-headerCombiCustom-179__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-179__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-179__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-footerFullWidthFrameCustom-180 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-180__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-181 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-181__col2 { position: absolute; } .t0-b-headerCombiCustom-181__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-181__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-181__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-181__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-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-181 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-181 .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-181 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10 a div { 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-181 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-181 .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-181 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-181 .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-181 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-181 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-181 .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-182 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-182 .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-182 { padding: 15px 0; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-182__col2 { position: absolute; } .t0-b-headerCombiCustom-182__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-182__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-182__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-182 .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-182 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-182 .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-182 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-182 .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-182 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-182__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-182__hd > p, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-182 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-182 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-183 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-183__col2 { position: absolute; } .t0-b-headerCombiCustom-183__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-183__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-183__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-183__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-183 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-183 .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-183 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-183 .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-183 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-183 .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-183 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-183 .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-183 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-183 .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-183 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-183 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-183 .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-184 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-184 .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-184 { padding: 15px 0; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-184__col2 { position: absolute; } .t0-b-headerCombiCustom-184__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-184__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-184__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-184 .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-184 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-184 .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-184 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-184 .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-184 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-184__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-184__hd > p, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-184 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-184 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-185 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-185__col2 { position: absolute; } .t0-b-headerCombiCustom-185__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-185__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-185__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-185__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-185 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-186 { padding: 15px 0; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-186__col2 { position: absolute; } .t0-b-headerCombiCustom-186__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-186__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-186__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span { display: table-cell;123 width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-186__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-186__hd > p, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-186 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-186 .t0-b-headerUnit-labeledList th { color: #fff; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-187 { padding-top: 10px; margin-bottom: -20px; } .t0-b-headerCombiCustom-187__col2 { position: absolute; } .t0-b-headerCombiCustom-187__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-187__hd { display:none; } /* 下テキスト */ .t0-b-headerCombiCustom-187__col1 .t0-b-headerUnit-siteName2__ft { display:none; } /* ロゴ */ .t0-b-headerCombiCustom-187__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; /* 電話番号アイコンの色 */ background-color: #c6a66b; background-image: url(/_design/575/images/ico_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 { } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a div, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a div { display: table-cell; width: 24vw; height: 15vw; margin: 0; padding: 0; padding-left: 0.5em; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: left; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a div div:before, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a div div:before { content: "" display: inline-block; width: 1.8vw; height: 1.8vw; margin-right: 0.5em; border-right: 1px solid #393939; border-bottom: 1px solid #393939; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9 a p, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10 a p { display: table-cell; width: 20vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: left; vertical-align: middle; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB__inner , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9__inner, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10__inner{ background: none; color: #333; } .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB__inner:after , .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB2__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB3__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB4__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB5__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB6__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB7__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB8__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB9__inner:after, .t0-b-headerCombiCustom-187 .t0-b-headerUnit-contact-navB10__inner:after { background: none; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-19__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-19__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 濃いグリーン #0B6678 明るいグリーン #56C378 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B33 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-188 { padding: 15px 0; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-188__col2 { position: absolute; } .t0-b-headerCombiCustom-188__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-188__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-188__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せはこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div { position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a div > span { display: table-cell; width: 0vw; height: 15vw; margin: 0; padding: 0; box-sizing: border-box; font-size: 3vw !important; text-decoration: none; text-align: center; line-height: 1.2; vertical-align: middle; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div > div { display: table-cell; width: 25vw; height: 15vw; margin: 0; padding: 0; color: #393939; font-size: 3vw !important; line-height: 1.2; text-align: center; vertical-align: middle; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-navB10 a > div::after { content: none; } .t0-b-headerCombiCustom-188__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-188__hd > p, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-188 .t0-b-headerUnit-contact-fax > p { color: #393939; } .t0-b-headerCombiCustom-188 .t0-b-headerUnit-labeledList th { color: #fff; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-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-189 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-189 { padding-top: 10px; } .t0-b-headerCombiCustom-189__col2 { position: absolute; } .t0-b-headerCombiCustom-189__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-189__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-189__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a{ position: fixed; bottom: 1.5vw; left: 62vw; display: table; margin: 0; padding: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a div{ 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-189 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-189 .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-189 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-189 .t0-b-headerUnit-contact-navB4 a p{ display: table-cell; width: 20vw; height: 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-190 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/2571/images/ico_tel-1.png); } /* 電話アイコンの色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free { background-color: #2361AA; } /* 電話番号の色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a , .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a , .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /*----------------------------------*/ .t0-b-headerCombiCustom-190 { padding-top: 10px; } .t0-b-headerCombiCustom-190__col2 { position: absolute; } .t0-b-headerCombiCustom-190__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-190__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-190__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-tel__free + span:before { content: 'お問合せ・ご予約はこちら'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #393939; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 , .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4{ border: 0; } .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a, .t0-b-headerCombiCustom-190 .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-190 .t0-b-headerUnit-contact-navB a div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a div, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB4 a div{ 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-190 .t0-b-headerUnit-contact-navB a div:before, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a div:before, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a div:before, .t0-b-headerCombiCustom-190 .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-190 .t0-b-headerUnit-contact-navB a p, .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB2 a p , .t0-b-headerCombiCustom-190 .t0-b-headerUnit-contact-navB3 a p, .t0-b-headerCombiCustom-190 .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-190__col3 > div:last-child { display: none; } .t0-b-footerFullWidthFrameCustom-191 { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; margin: 0 -15px -10px; } .t0-b-footerFullWidthFrameCustom-191__bd .t0-b-freeHtml { margin: 0 -5px -20px; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-192 { background-image: url('■■■■■■■■■■') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-192 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-192 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; } /* 文字の背景色 */ .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-193 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-193__hd, .t0-b-headerCombiCustom-193__col1, .t0-b-headerCombiCustom-193__col2 { display: none; } .t0-b-headerCombiCustom-193__col3 { width: 100%; } .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-193__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-headerFullWidthMediaCustom-194 { margin: 0 -15px; padding: 0 15px 3px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; box-sizing: border-box; } .t0-b-headerFullWidthMediaCustom-194-inner { position: relative; } .t0-b-headerFullWidthMediaCustom-194-inner>div { position: absolute; bottom: 0; width: 100%; } .t0-b-headerFullWidthMediaCustom-194 { height: 61px; } .t0-b-headerFullWidthMediaCustom-194-inner { height: 58px; } .t0-b-headerFullWidthMediaCustom-194 { background-color: #FFFFFD; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-195 { background-image: url('/_design/2571/images/プレゼンテーション1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-195 { 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-195 .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-196__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-196__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-196__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-196 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-196__hd, .t0-b-headerCombiCustom-196__col1, .t0-b-headerCombiCustom-196__col2 { display: none; } .t0-b-headerCombiCustom-196__col3 { width: 100%; } .t0-b-headerCombiCustom-196__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-196__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-196__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameCustom-197-bPlacer { padding-bottom: 25px; } .t0-b-lv4H-numIconCustom-198-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-numIconCustom-198 { line-height: 0; } .t0-b-lv4H-numIconCustom-198>div { display: inline-block; } .t0-b-lv4H-numIconCustom-198>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-numIconCustom-198__iconPlacer { padding: 0 10px 0 0; } .t0-b-lv4H-numIconCustom-198__iconPlacer>* { display: block; } .t0-b-lv4H-numIconCustom-198__caption-upper { line-height: 1.25; font-size: 1.000rem !important; padding: 0 0 4px; } .t0-b-lv4H-numIconCustom-198__h { line-height: 1.25; font-size: 1.286rem !important; } .t0-b-lv4H-numIconCustom-198__caption-lower { line-height: 1.25; font-size: 1.000rem !important; padding: 4px 0 0; } .t0-b-lv4H-numIconCustom-198__icon { background-size: 50px 50px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; color: transparent; } .t0-b-lv4H-numIconCustom-198__icon--anshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--anshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/anshin/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--concept-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/concept/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--houshin-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/houshin/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--kodawari-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/kodawari/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--merit-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/merit/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--oyakusoku-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/oyakusoku/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--point-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/point/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--riyu-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/riyu/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--tokucho2-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tokucho2/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--tsuyomi-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/tsuyomi/10.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-1 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/1.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-2 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/2.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-3 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/3.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-4 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/4.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-5 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/5.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-6 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/6.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-7 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/7.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-8 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/8.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-9 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/9.png"); } .t0-b-lv4H-numIconCustom-198__icon--step-10 { background-image: url("/_master/acre/themes/033E-L25/imgs/t0-b-lv4H-numIcon__icon/step/10.png"); } .t0-b-lv4H-numIconCustom-198--align-l { text-align: left; } .t0-b-lv4H-numIconCustom-198--align-c { text-align: center; } .t0-b-lv4H-numIconCustom-198--align-r { text-align: right; } .t0-b-lv4H-numIconCustom-198 a { text-decoration: none; color: #555; } .t0-b-lv4H-numIconCustom-198 a:hover { color: #7c6600; } .t0-b-frameCustom-199-bPlacer { padding-bottom: 25px; } /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-200__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-200__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-200 .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-200 { padding: 15px 0; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-200__col2 { position: absolute; } .t0-b-headerCombiCustom-200__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-200__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-200__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-tel__free + span:before { content: '電話予約・問合わせ'; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif; color: #555555; font-size: 3vw !important; font-weight: normal; } /* 問合せボタン */ .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-200 .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-200 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-200__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-200__hd > p, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-200 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-200 .t0-b-headerUnit-labeledList th { color: #fff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-201 { background-image: url('/_design/2571/images/インビザラインHPトップ画像製作スライド1101-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-201 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* 文字の背景色 */ .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft { background: #000; } /* 文字の色 */ .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft * { color: #fff !important; } /*-----------------------------------------------------------*/ .t0-b-headerCombiCustom-202 { margin: 0 -15px 20px; padding: 0; } .t0-b-headerCombiCustom-202__hd, .t0-b-headerCombiCustom-202__col1, .t0-b-headerCombiCustom-202__col2 { display: none; } .t0-b-headerCombiCustom-202__col3 { width: 100%; } .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft { padding: 10px; } .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-202__col3 .t0-b-headerUnit-siteName2__ft * { font-size: 26px !important; } .t0-b-frameOuterCustom-203-bPlacer { padding-bottom: 25px; } .t0-b-frameOuterCustom-203__frame { padding: 20px 20px 10px; margin: 0 -5px; color: #675f4f; background-color: #fff9e2; border: 1px solid #ece5c8; border-radius: 11px; } .t0-b-frameOuterCustom-203__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; } .t0-b-frameOuterCustom-203__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-203__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-203__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-203__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-203__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-203__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-203__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-203__hd+.t0-b-frameOuterCustom-203__bd { padding: 20px 0 0; } .t0-b-frameOuterCustom-203__ft { margin-top: 20px; } .t0-b-lv2HCustom-204 a { text-decoration: none; display: table-cell; text-align: left; vertical-align: middle; color: #5d3e0e; } .t0-b-lv2HCustom-204 > div { display: inline-block; } .t0-b-lv2HCustom-204__iconPlacer { display: table-cell; background: url('/_master/acre/themes/027-N00-2/imgs/t0-b-lv2H/1.png?1590454249') no-repeat 0 50%; width: 40px; height: 50px; background-size: 40px 50px; } .t0-b-lv2HCustom-204 h2 { display: table-cell; padding: 4px 0 0 8px; line-height: 1.25; font-size: 1.286em; text-align: left; vertical-align: middle; } .t0-b-lv2HCustom-204--align-l { text-align: left; } .t0-b-lv2HCustom-204--align-c { text-align: center; } .t0-b-lv2HCustom-204--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-205 { position: relative; padding: 40px 15px 20px; margin: -20px -15px 0px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-205 { background-color: #faf2ff; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-206 { background-image: url('/_design/2571/images/スライド1-1.jpeg') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-206 { position: relative; height: 75vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /* ヘッダーテキストを消す場合は以下を追加 .t0-b-headerCombiCustom-207__hd { display: none; } */ /* サイト名・サイト画像を消す場合は以下を追加 .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-siteName2__bd { display: none; } */ /* サイト名・サイト画像の補足文だけを消す場合は以下を追加 .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-siteName2__bd + .t0-b-headerUnit-siteName2__ft { display: none; } */ /* 左カラムを全部消す場合は以下を追加 .t0-b-headerCombiCustom-207__col1 { display: none; } */ /*-------------------------------------------------------*/ /* 電話番号アイコンのパス */ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel { background-image: url(/_design/260/images/ico_tel.png); } /* 電話アイコンの色 濃いグリーン #0B66137 明るいグリーン #56C1364 オレンジ #FDAA09 濃い赤 #B71B21 ゴールド #BDA552 フリーダイヤル #2F9B136 */ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__free { background-color: #5DB8E9; } /* 電話番号の色 */ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__free + span { color: #b22d00; } /* 電話番号ボタンの色 */ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__bd { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7)) left top repeat; } /* 問合せボタンの色 */ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-207 .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-207 { padding: 15px 0; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0; } .t0-b-headerCombiCustom-207__col2 { position: absolute; } .t0-b-headerCombiCustom-207__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; width: 100vw; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-nav { display: none; } /* 上テキスト */ .t0-b-headerCombiCustom-207__hd { margin-bottom: 5px; } /* ロゴ */ .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-siteName2__bd img { width: auto; max-width: 100%; margin: auto; } /*電話*/ .t0-b-headerCombiCustom-207 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__ruby { display: none; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel { display: block; width: auto; margin: auto; background: none; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; word-break: break-all; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 1.5vw; left: 1.5vw; z-index: 410; display: table; width: 59.3vw; height: 15vw; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel { display: table-cell; width: 9.3vw; background-repeat: no-repeat; background-position: center center; background-size: 6vw; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__free { display: table-cell; width: 9.3vw; background-position: center center; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__free + span { display: table-cell; width: 50vw; font-family: verdana; font-size: 5.5vw !important; font-weight: bold; text-align: center; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-tel__tel + span:before, .t0-b-headerCombiCustom-207 .t0-b-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-207 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB10 { border: 0; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8 a > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9 a > div, .t0-b-headerCombiCustom-207 .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-207 .t0-b-headerUnit-contact-navB a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8 a div > span, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9 a div > span, .t0-b-headerCombiCustom-207 .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-207 .t0-b-headerUnit-contact-navB a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8 a > div > div, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9 a > div > div, .t0-b-headerCombiCustom-207 .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-207 .t0-b-headerUnit-contact-navB a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB2 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB3 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB4 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB5 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB6 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB7 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB8 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB9 a > div::after, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-navB10 a > div::after { content: none;} .t0-b-headerCombiCustom-207__col3 > div:last-child { display: none; } /*text color*/ .t0-b-headerCombiCustom-207__hd > p, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-text a, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteName, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteTitle, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteTitle2, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteName a, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteTitle a, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteTitle2 a, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-siteName2__ft, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-207 .t0-b-headerUnit-contact-fax > p { color: #555555; } .t0-b-headerCombiCustom-207 .t0-b-headerUnit-labeledList th { color: #fff; } .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-siteName2__bd { display: none; } .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-text-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-207 { padding: 0px; } .t0-b-headerCombiCustom-207__col1 .t0-b-headerUnit-siteName2-bPlacer { padding-bottom: 0px; } .t0-b-headerCombiCustom-207__hd { display: none; } /* 画像 */ .t0-b-headerFullWidthMediaCustom-208 { background-image: url('/_design/2571/images/1_sp-doctor.png') !important; } /*-----------------------------------------------------------*/ .t0-b-headerFullWidthMediaCustom-208 { position: relative; height: 150vw; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; margin: 0 -15px; padding: 0; box-sizing: border-box; } /*スマホMVの文字関係*/ /*.t0-b-headerFullWidthMediaCustom-105 .t0-b-headerFullWidthMedia-text { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .4); padding: 10px; color: #fff; font-size: 20px !important; text-shadow: 1px 1px 2px #000; box-sizing: border-box; }*/ /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/2571/images/image0.jpeg); } /* 左画像（ＴＥＬ）の非表示部分 */ .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel__tel+span, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel__fax+span, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel__free+span, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel__cell+span{ color:#00000000 } .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel__tel{ color: #00000000; background-color: #00000000; background-image: none; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/2571/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-209 { padding-top: 0px; } .t0-b-headerCombiCustom-209__col2 { position: absolute; } .t0-b-headerCombiCustom-209__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-209__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-209__hd, .t0-b-headerCombiCustom-209__col1, .t0-b-headerCombiCustom-209__col2, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-209 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-209 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/2571/images/image0_v2.jpg); } .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-tel__free + span { color: #fff; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/2571/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-210 { padding-top: 0px; } .t0-b-headerCombiCustom-210__col2 { position: absolute; } .t0-b-headerCombiCustom-210__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-210__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-210__hd, .t0-b-headerCombiCustom-210__col1, .t0-b-headerCombiCustom-210__col2, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-210 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/2571/images/TEL_GW.png); } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/2571/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-211 { padding-top: 0px; } .t0-b-headerCombiCustom-211__col2 { position: absolute; } .t0-b-headerCombiCustom-211__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-211__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-211__hd, .t0-b-headerCombiCustom-211__col1, .t0-b-headerCombiCustom-211__col2, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-211 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/2571/images/TEL_time.png); } .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-tel__free + span { color: transparent; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 10vw; background-image: none; } .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 0; z-index: 455; display: table; font-size: 5.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/2571/images/image1.jpeg); } /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-212 { padding-top: 0px; } .t0-b-headerCombiCustom-212__col2 { position: absolute; } .t0-b-headerCombiCustom-212__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-212__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-212__hd, .t0-b-headerCombiCustom-212__col1, .t0-b-headerCombiCustom-212__col2, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-212 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB { right: 0; background: url(/_design/2571/images/HP001_sp_reserve.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB__inner::after{ display:none; } .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-213 { padding-top: 0px; } .t0-b-headerCombiCustom-213__col2 { position: absolute; } .t0-b-headerCombiCustom-213__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-213__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 100vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-213__hd, .t0-b-headerCombiCustom-213__col1, .t0-b-headerCombiCustom-213__col2, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-213 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-213 .t0-b-headerUnit-contact-navB8{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB2 { right: 0; background: url(/_design/2571/images/HP001_sp_reserve.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB2__inner::after{ display:none; } .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB2 a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-214 { padding-top: 0px; } .t0-b-headerCombiCustom-214__col2 { position: absolute; } .t0-b-headerCombiCustom-214__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-214__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 100vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-214__hd, .t0-b-headerCombiCustom-214__col1, .t0-b-headerCombiCustom-214__col2, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-contact-nav, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-contact-navB3{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-214 .t0-b-headerUnit-contact-tel2, .t0-b-headerCombiCustom-214 .t0-b-headerUnit-contact-navB8{ display: none; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-215 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-215 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-215 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-215 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-215 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-215 ol { overflow: hidden; } .t0-b-wysiwygCustom-215-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-215 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-215 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-215>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-215 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-215 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-215 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-215 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-215 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-215 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-215 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-215 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-215 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-215 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-215 table ul { font-size: 14px; } .t0-b-wysiwygCustom-215 table ol { font-size: 14px; } .t0-b-wysiwygCustom-215 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-215 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-215 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-215 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-215 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-215 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-215 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-215 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-215 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-215>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-215 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-215 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-215 ul li { line-height: 1.25; font-size: 1.3rem; } .t0-b-wysiwygCustom-215 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-215 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-215 strong { font-weight: bolder; background: linear-gradient(transparent 65%, #ffdf6f 50%); font-size: 1.5rem;} .t0-b-wysiwygCustom-215-bPlacer { padding: 0 15px 15px 15px; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-216 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-216 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-216 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-216 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-216 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-216 ol { overflow: hidden; } .t0-b-wysiwygCustom-216-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-216 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-216 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-216>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-216 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-216 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-216 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-216 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-216 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-216 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-216 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-216 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-216 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-216 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-216 table ul { font-size: 14px; } .t0-b-wysiwygCustom-216 table ol { font-size: 14px; } .t0-b-wysiwygCustom-216 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-216 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-216 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-216 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-216 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-216 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-216 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-216 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-216 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-216>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-216 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-216 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-216 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-216 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-216 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-216 strong { font-weight: bolder; color:#41AECF; font-size: 1.4rem;} .t0-b-wysiwygCustom-216-bPlacer { padding: 0 15px 15px 15px; } .t0-b-lv3HCustom-217-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-217 { color: #675f4f; text-align: center; } .t0-b-lv3HCustom-217 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-217 h3 { line-height: 1.25; font-size: 1.286rem; } .t0-b-lv3HCustom-217--align-l { text-align: left; } .t0-b-lv3HCustom-217--align-c { text-align: center; } .t0-b-lv3HCustom-217--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-218 { position: relative; padding: 0px 15px 0px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-218 { background-color: #fff; } .t0-b-lv2HCustom-219-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-219 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-219 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-219__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-219 h2 { line-height: 1.75; font-size: 1.629rem; padding: 0 10px; position: relative; margin-top: -30px; margin-bottom: 20px; } .t0-b-lv2HCustom-219__caption-lower { line-height: 1.25; font-size: .857rem; padding: 0px 7px 0; } .t0-b-lv2HCustom-219--align-l { text-align: left; } .t0-b-lv2HCustom-219--align-c { text-align: center; } .t0-b-lv2HCustom-219--align-r { text-align: right; } .t0-b-lv3HCustom-220-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-220 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-220 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-220 h3 { line-height: 1.25; font-size: 1.6rem; min-height: 22px; padding: 10px; background-color: #FFF5E7; -webkit-box-shadow: 5px 5px 0 #FFCC00; box-shadow: 5px 5px 0 #FFCC00;} .t0-b-lv3HCustom-220--align-l { text-align: left; } .t0-b-lv3HCustom-220--align-c { text-align: center; } .t0-b-lv3HCustom-220--align-r { text-align: right; } .t0-b-frameOuterCustom-221-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-221__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-221__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-221__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-221__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-221__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-221__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-221__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-221__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-221__ft { margin-top: 20px; } .t0-b-navBItemCustom-222-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-222 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fea600; text-align: center; border: 2px solid #fea600; border-radius: 30px; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-222 a { display: block; color: #fea600; } .t0-b-navBItemCustom-222__inner { padding: 12px 10px; background-color: #fff; border-radius: 30px; } .t0-b-navBItemCustom-223-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-223 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-223 a { display: block; color: #fff; } .t0-b-navBItemCustom-223__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #ff9000; } .t0-b-navBItemCustom-223__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-navBItemCustom-224-bPlacer { padding: 10px 20px 25px 20px; } .t0-b-navBItemCustom-224 { width: 95%; margin: 0 auto; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",serif !important; color: #EB7E31; text-align: center; line-height: 1.25; font-size: 1.3rem; } .t0-b-navBItemCustom-224 a { display: block; color: #EB7E31; } .t0-b-navBItemCustom-224__inner { position: relative; padding: 15px 30px 15px 15px; background-color: none; border: 2px solid #ff9000; border-radius: 10px; } .t0-b-navBItemCustom-224__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_design/2571/images/sp_Banner_arrow001.png"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-225 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-225 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-225 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-225 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-225 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-225 ol { overflow: hidden; } .t0-b-wysiwygCustom-225-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-225 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-225 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-225>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-225 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-225 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-225 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-225 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-225 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-225 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-225 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-225 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-225 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-225 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-225 table ul { font-size: 14px; } .t0-b-wysiwygCustom-225 table ol { font-size: 14px; } .t0-b-wysiwygCustom-225 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-225 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-225 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-225 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-225 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-225 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-225 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-225 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-225 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-225>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-225 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-225 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-225 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-225 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-225 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-225 strong { font-weight: bolder; color:#F2AA77; font-size: 1.4rem;} .t0-b-wysiwygCustom-225-bPlacer { padding: 0 15px 15px 15px; } .t0-b-frameOuterCustom-226-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-226__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-226__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-226__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-226__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-226__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-226__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-226__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-226__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-226__ft { margin-top: 20px; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-227 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-227 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-227 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-227 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-227 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-227 ol { overflow: hidden; } .t0-b-wysiwygCustom-227-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-227 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-227 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-227>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-227 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-227 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-227 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-227 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-227 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-227 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-227 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-227 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-227 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-227 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-227 table ul { font-size: 14px; } .t0-b-wysiwygCustom-227 table ol { font-size: 14px; } .t0-b-wysiwygCustom-227 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-227 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-227 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-227 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-227 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-227 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-227 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-227 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-227 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-227>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-227 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-227 p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-227 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-227 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-227 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-lv2HCustom-228-bPlacer { /* padding-bottom: 10px; */ position: relative; margin-top: -27px; } .t0-b-lv2HCustom-228 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #1E68A1; text-align: center; } .t0-b-lv2HCustom-228 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-228__caption-upper { line-height: 1.25; font-size: 1.2rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-228 h2 { line-height: 1.25; font-size: 1.829rem; padding: 0 7px; } .t0-b-lv2HCustom-228__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-228--align-l { text-align: left; } .t0-b-lv2HCustom-228--align-c { text-align: center; } .t0-b-lv2HCustom-228--align-r { text-align: right; } .t0-b-lv2HCustom-229-bPlacer { position: relative; margin-top: -59px; margin-left: 54px; } .t0-b-lv2HCustom-229 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-229 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-229__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-229 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 47px; } .t0-b-lv2HCustom-229__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-229--align-l { text-align: left; } .t0-b-lv2HCustom-229--align-c { text-align: center; } .t0-b-lv2HCustom-229--align-r { text-align: right; } .t0-b-lv2HCustom-230-bPlacer { position: relative; margin-top: -59px; margin-left: 31px; } .t0-b-lv2HCustom-230 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-230 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-230__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-230 h2 { line-height: 1.25; font-size: 1.3rem; /* padding: 0 7px; */ position: relative; margin-top: -27px; margin-left: 47px; } .t0-b-lv2HCustom-230__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-230--align-l { text-align: left; } .t0-b-lv2HCustom-230--align-c { text-align: center; } .t0-b-lv2HCustom-230--align-r { text-align: right; } .t0-b-lv2HCustom-231-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-231 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-231 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-231__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-231 h2 { line-height: 1.25; font-size: 1.429rem; padding: 0 7px; } .t0-b-lv2HCustom-231__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-231--align-l { text-align: left; } .t0-b-lv2HCustom-231--align-c { text-align: center; } .t0-b-lv2HCustom-231--align-r { text-align: right; } .t0-b-lv2HCustom-232-bPlacer { position: relative; margin-top: -44px; margin-left: 10px; margin-bottom: 20px; } .t0-b-lv2HCustom-232 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-232 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-232__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-232 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-232__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-232--align-l { text-align: left; } .t0-b-lv2HCustom-232--align-c { text-align: center; } .t0-b-lv2HCustom-232--align-r { text-align: right; } .t0-b-labeledListCustom-233-bPlacer { padding-bottom: 10px; padding-left: 0px; } .t0-b-labeledListCustom-233 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-labeledListCustom-233 a { display: block; text-decoration: underline; } .t0-b-labeledListCustom-233 table { display: block; } .t0-b-labeledListCustom-233 table th { display: inline-block; min-width: 86px; padding: 0; color: #fff; text-align: center; line-height: 1.25; font-size: 1rem; } .t0-b-labeledListCustom-233 table th>div { min-height: 17px; padding: 3px 8px 2px; background-color: #EB7E31; border-radius: 15px;} .t0-b-labeledListCustom-233 table th>div a { color: #675f4f; } .t0-b-labeledListCustom-233 table td { padding: 0 0 0 14px; color: #767065; text-align: left; line-height: 0.25; font-size: 1.3rem; } .t0-b-labeledListCustom-233 table td>div { padding: 5px 0; } .t0-b-labeledListCustom-233 table td>div a { color: #767065; } .t0-b-fullWidthFrameCustom-234 { position: relative; padding-top: 15px; padding-bottom: 50px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-234 { background-color: #fff; } .t0-b-lv2HCustom-235-bPlacer { position: relative; margin-top: -44px; margin-left: 155px; margin-bottom: 20px; } .t0-b-lv2HCustom-235 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-235 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-235__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-235 h2 { line-height: 1.25; font-size: 1.25rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 60px; } .t0-b-lv2HCustom-235__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-235--align-l { text-align: left; } .t0-b-lv2HCustom-235--align-c { text-align: center; } .t0-b-lv2HCustom-235--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-236 { position: relative; padding: 0px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-236 .t0-b-media__media { position: relative; z-index: 3; } .t0-b-fullWidthFrameCustom-236 .t0-b-media-bPlacer { padding-bottom: 15px; padding-top: 0px; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-237 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-237 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-237 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-237 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-237 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-237 ol { overflow: hidden; } .t0-b-wysiwygCustom-237-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-237 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-237 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-237>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-237 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-237 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-237 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-237 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-237 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-237 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-237 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-237 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-237 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-237 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-237 table ul { font-size: 14px; } .t0-b-wysiwygCustom-237 table ol { font-size: 14px; } .t0-b-wysiwygCustom-237 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-237 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-237 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-237 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-237 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-237 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-237 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-237 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-237 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-237>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-237 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-237 p { line-height: 1.6; font-size: 1.2rem; } .t0-b-wysiwygCustom-237 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-237 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-237 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-237 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; } .t0-b-wysiwygCustom-237 strong { font-weight: bolder; color:#F2AA77; font-size: 1.4rem;} .t0-b-wysiwygCustom-237-bPlacer { padding: 0 15px 15px 15px; } .t0-b-lv2HCustom-238-bPlacer { position: relative; margin-top: -80px; margin-left: 70px; margin-bottom: 20px; } .t0-b-lv2HCustom-238 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; z-index: 210;} .t0-b-lv2HCustom-238 strong { font-weight: bolder; color: #E35E00; } .t0-b-lv2HCustom-238 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-238__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-238 h2 { line-height: 1.25; font-size: 1.6rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-left: 10px; z-index: 10;} .t0-b-lv2HCustom-238__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-238--align-l { text-align: left; } .t0-b-lv2HCustom-238--align-c { text-align: center; } .t0-b-lv2HCustom-238--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-239 { position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; margin: -25px -15px 0 -15px;} .t0-b-fullWidthFrameCustom-240 { position: relative; padding: 0px 0px 0px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-240 { background-color: #fff; } .t0-b-lv2HCustom-241-bPlacer { position: relative; margin-top: -80px; margin-right: 70px; margin-bottom: 20px; } .t0-b-lv2HCustom-241 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-241 strong { font-weight: bolder; color: #E35E00; } .t0-b-lv2HCustom-241 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-241__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-241 h2 { line-height: 1.25; font-size: 1.5rem; /* padding: 0 7px; */ position: relative; margin-top: -22px; margin-right: 10px; z-index: 10; } .t0-b-lv2HCustom-241__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-241--align-l { text-align: left; } .t0-b-lv2HCustom-241--align-c { text-align: center; } .t0-b-lv2HCustom-241--align-r { text-align: right; } .t0-b-lv2HCustom-242-bPlacer { position: relative; margin-top: -87px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .t0-b-lv2HCustom-242 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #000; text-align: center; } .t0-b-lv2HCustom-242 strong { font-weight: bolder; color: #E35E00; } .t0-b-lv2HCustom-242 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-242__caption-upper { line-height: 1.25; font-size: 1.1rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-242 h2 { line-height: 1.25; font-size: 1.6rem; /* padding: 0 7px; */ position: relative; z-index: 10; } .t0-b-lv2HCustom-242__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-242--align-l { text-align: left; } .t0-b-lv2HCustom-242--align-c { text-align: center; } .t0-b-lv2HCustom-242--align-r { text-align: right; } .t0-b-frameOuterCustom-243-bPlacer { padding-bottom: 20px; } .t0-b-frameOuterCustom-243__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-243__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-243__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-243__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-243__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-243__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-243__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-243__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-243__ft { margin-top: 20px; } .t0-b-wysiwygCustom-244-bPlacer { padding-bottom: 25px; } .t0-b-wysiwygCustom-244 { line-height: 1.25; font-size: 1rem; padding: 15px; color: #767065; background-color: #eee; } .t0-b-wysiwygCustom-244 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-244>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-244 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-244 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-244 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-244 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-244 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-244 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-244 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-244 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-244 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-244 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-244 table ul { font-size: 14px; } .t0-b-wysiwygCustom-244 table ol { font-size: 14px; } .t0-b-wysiwygCustom-244 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-244 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-244 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-244 table th { color: #482e15; background: #eee; } .t0-b-wysiwygCustom-244 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-244 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-244 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-244 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-244 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-244>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-244 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-244 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-244 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-244 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-244 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-frameOuterCustom-245-bPlacer { padding-bottom: 0px; } .t0-b-frameOuterCustom-245__frame { color: #767065; margin: 0 -5px; padding: 20px; background-color: #fff; border: 3px solid #D5376B; background-image:url("/_design/2571/images/bg_in2.jpg"); background-repeat: no-repeat; background-size:100%;} .t0-b-frameOuterCustom-245__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; min-height: 20px; padding: 5px 0; margin-bottom: 15px; overflow: hidden; color: #D5376B; text-align: center; } .t0-b-frameOuterCustom-245__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-245__hd-h { line-height: 1.25; font-size: 2.5rem; padding-left: 80px;} .t0-b-frameOuterCustom-245__hd-caption-upper { line-height: 1.25; font-size: 1.7rem; padding: 0 0 5px; padding-left: 80px;} .t0-b-frameOuterCustom-245__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; padding-left: 80px;} .t0-b-frameOuterCustom-245__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-245__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-245__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-245__ft { margin-top: 20px; } .t0-b-frameOuterCustom-245__frame .t0-b-mediaCols .t0-b-mediaCols__img { width: 40%; padding-top: 0px; } .t0-b-frameOuterCustom-245__frame .t0-b-mediaCols--imgR .t0-b-mediaCols__img { float: right; padding-right: 0; padding-left: 0px; } .t0-b-frameOuterCustom-245__frame .t0-b-media-bPlacer { padding-bottom: 0px; } .t0-b-navBItemCustom-246-bPlacer { padding-bottom: 25px; } .t0-b-navBItemCustom-246 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-246 a { display: block; color: #fff; } .t0-b-navBItemCustom-246__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #ff9000; border-radius: 30px; } .t0-b-navBItemCustom-246__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-navBItemCustom-247-bPlacer { padding-top:20px; padding-bottom: 15px; } .t0-b-navBItemCustom-247 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-navBItemCustom-247 a { display: block; color: #fff; } .t0-b-navBItemCustom-247__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #D5376B; border-radius: 30px; } .t0-b-navBItemCustom-247__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-fullWidthFrameCustom-248 { position: relative; padding: 40px 15px 20px; margin: -1px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-248 { padding: 40px 35px; } .t0-b-fullWidthFrameCustom-248::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; pointer-events: none; content: ""; border-radius: 10px; } .t0-b-fullWidthFrameCustom-248>* { position: relative; } .t0-b-fullWidthFrameCustom-248 { background-color: #fff0; } .t0-b-fullWidthFrameCustom-248::before { background-color: #fff; } .t0-b-lv3HCustom-249-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-249 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-249 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-249 h3 { line-height: 1.25; font-size: 1.286rem; } .t0-b-lv3HCustom-249--align-l { text-align: left; } .t0-b-lv3HCustom-249--align-c { text-align: center; } .t0-b-lv3HCustom-249--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-250 { position: relative; padding:15px 20px; margin: -3px -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-250 { background-color: #ED7573; } .t0-b-sideBoxCustom-251-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-251__hd, .t0-b-sideBoxCustom-251 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-251 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-251 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-251 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-251 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/2571/images/icon_calender.png); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; overflow: hidden; background-color:#00B901; } .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-251 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-252-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-252__hd, .t0-b-sideBoxCustom-252 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-252 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-252 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-252 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-252 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/2571/images/icon_calender_text.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; overflow: hidden; background-color:#EB7E31; } .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-252 .t0-b-sideNavBItem8__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #fff0; border-radius: 30px; } .t0-b-sideBoxCustom-253-bPlacer { padding-bottom: 25px; } .t0-b-sideBoxCustom-253 { margin: 0 -5px; background-color: #fffefa; border-top: 4px solid #ffe168; } .t0-b-sideBoxCustom-253__hd { padding: 10px; text-align: center; background-color: #fff6ba; border-right: 1px solid #ece5c8; border-left: 1px solid #ece5c8; } .t0-b-sideBoxCustom-253__hd h4 { min-height: 22px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; line-height: 1.25; font-size: 1.286rem; } .t0-b-sideBoxCustom-253__bd { padding: 10px 20px; border: 1px solid #ece5c8; border-top: none; } .t0-b-sideBoxCustom-253--align-l { text-align: left; } .t0-b-sideBoxCustom-253--align-c { text-align: center; } .t0-b-sideBoxCustom-253--align-r { text-align: right; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB2 { right: 55px; background: url(/_design/2571/images/btn2.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB2__inner::after{ display:none; } .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB2 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB2{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-254 { padding-top: 0px; } .t0-b-headerCombiCustom-254__col2 { position: absolute; } .t0-b-headerCombiCustom-254__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 82vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-254__hd, .t0-b-headerCombiCustom-254__col1, .t0-b-headerCombiCustom-254__col2, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-254 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-254__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-254 .t0-b-headerUnit-contact-navB8{ display: none; } .t0-b-lv3HCustom-255-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-255 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-255 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-255>div { display: table; } .t0-b-lv3HCustom-255>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-255__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-255__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/2571/images/maru1.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-255 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-255--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-255--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-255--align-r>div { margin-left: auto; } .t0-b-lv3HCustom-256-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-256 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-256 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-256>div { display: table; } .t0-b-lv3HCustom-256>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-256__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-256__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/2571/images/maru2.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-256 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-256--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-256--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-256--align-r>div { margin-left: auto; } .t0-b-fullWidthFrameCustom-257 { position: relative; padding: 0px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-257 { background-color: #fff; } .t0-b-lv5HCustom-258-bPlacer { padding-bottom: 10px; position: relative; margin-top: -100px; margin-bottom: 70px;} .t0-b-lv5HCustom-258 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv5HCustom-258 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv5HCustom-258__caption-upper { line-height: 1.25; font-size: .57rem; padding: 0 0 5px; } .t0-b-lv5HCustom-258 h5 { line-height: 1.25; font-size: 0.8rem; } .t0-b-lv5HCustom-258__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 0 0; } .t0-b-lv5HCustom-258--align-l { text-align: left; } .t0-b-lv5HCustom-258--align-c { text-align: center; } .t0-b-lv5HCustom-258--align-r { text-align: right; } .t0-b-mediaCustom-259-bPlacer { padding-bottom: 15px; } .t0-b-mediaCustom-259 { margin: 0 auto; color: #675f4f; } .t0-b-mediaCustom-259 a { color: #675f4f; text-decoration: none; } .t0-b-mediaCustom-259__h-upper { line-height: 1.25; font-size: 1.0rem; margin-top: 10px; margin-bottom: -30px; text-align: center; position: relative; Z-INDEX: 10; color: #fff;} .t0-b-mediaCustom-259__h-upper div { display: inline-block; } .t0-b-mediaCustom-259 img { max-width: 100% !important; height: auto; } .t0-b-mediaCustom-259__media { position: relative; line-height: 0; text-align: center; } .t0-b-mediaCustom-259__media a { text-decoration: none; } .t0-b-mediaCustom-259__media>* { width: 100%; height: auto; vertical-align: top; border-radius: 5px; } .t0-b-mediaCustom-259__media img { width: 100%; height: auto; vertical-align: top; border-radius: 5px; } .t0-b-mediaCustom-259__media+div { margin-top: 10px; } .t0-b-mediaCustom-259__textOnImage-upper { position: absolute; top: 0; right: 0; left: 0; } .t0-b-mediaCustom-259__textOnImage-upper p { line-height: 1.25; font-size: 1.286rem; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; background: rgba(255,255,255,.8); border-top-left-radius: 5px; border-top-right-radius: 5px; } .t0-b-mediaCustom-259__textOnImage-lower { position: absolute; right: 0; bottom: 0; left: 0; } .t0-b-mediaCustom-259__textOnImage-lower p { line-height: 1.25; font-size: 1.286rem; text-shadow: -1px -1px 1px #fff,-1px 0 1px #fff,-1px 1px 1px #fff,0 -1px 1px #fff,0 0 1px #fff,0 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,1px 1px 1px #fff; padding: 10px 5px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; background: rgba(255,255,255,.8); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .t0-b-mediaCustom-259__h-lower { line-height: 1.25; font-size: 1.143rem; margin-top: 10px; text-align: center; } .t0-b-mediaCustom-259__h-lower div { display: inline-block; } .t0-b-mediaCustom-259__h-lower+div { margin-top: 10px; } .t0-b-mediaCustom-259__caption { margin-top: 10px; } .t0-b-mediaCustom-259__caption p { line-height: 1.25; font-size: 1rem; color: #664b3a; text-align: center; } .t0-b-mediaCustom-259__caption+div { margin-top: 10px; } .t0-b-mediaCustom-259__caption a { text-decoration: underline; } .t0-b-mediaCustom-259--width-l { width: 100%; } .t0-b-mediaCustom-259--width-m { width: 75%; } .t0-b-mediaCustom-259--width-s { width: 50%; } .t0-b-mediaCustom-259--align-l { text-align: left; } .t0-b-mediaCustom-259--align-c { text-align: center; } .t0-b-mediaCustom-259--align-r { text-align: right; } .t0-b-frameOuterCustom-260-bPlacer { padding-bottom: 30px; position: relative; padding: 0px 0px 0px; margin: 30px -15px;} .t0-b-frameOuterCustom-260__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-260__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-260__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-260__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-260__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-260__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-260__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-260__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-260__ft { margin-top: 20px; } .t0-b-fullWidthFrameCustom-261 { position: relative; padding: 40px 15px 20px; margin: -15px -15px 0px -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-261 { background-color: #fff5e7; } .t0-b-frameOuterCustom-262-bPlacer { padding-bottom: 20px; } .t0-b-frameOuterCustom-262__hd { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; text-align: center; color: #675f4f; padding: 5px 0; } .t0-b-frameOuterCustom-262__hd a { text-decoration: none; color: inherit; } .t0-b-frameOuterCustom-262__hd-h { line-height: 1.25; font-size: 1.286rem; } .t0-b-frameOuterCustom-262__hd-caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 5px; } .t0-b-frameOuterCustom-262__hd-caption-lower { line-height: 1.25; font-size: 1rem; padding: 5px 0 0; } .t0-b-frameOuterCustom-262__hd--align-l { text-align: left; } .t0-b-frameOuterCustom-262__hd--align-c { text-align: center; } .t0-b-frameOuterCustom-262__hd--align-r { text-align: right; } .t0-b-frameOuterCustom-262__ft { margin-top: 20px; } .t0-b-fullWidthFrameCustom-263 { position: relative; padding: 40px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-263 { background-color: #fff5e7; } .t0-b-lv3HCustom-264-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-264 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-264 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-264 h3 { line-height: 1.25; font-size: 1.1rem; } .t0-b-lv3HCustom-264--align-l { text-align: left; } .t0-b-lv3HCustom-264--align-c { text-align: center; } .t0-b-lv3HCustom-264--align-r { text-align: right; } .t0-b-navListCustom-265-bPlacer { padding-bottom: 20px; } .t0-b-navListCustom-265 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #767065; text-align: left; } .t0-b-navListCustom-265 th>table:first-child { margin-top: 0; } .t0-b-navListCustom-265 td>table:first-child { margin-top: 0; } .t0-b-navListCustom-265 th>ul:first-child { margin-top: 0; } .t0-b-navListCustom-265 td>ul:first-child { margin-top: 0; } .t0-b-navListCustom-265 th>ol:first-child { margin-top: 0; } .t0-b-navListCustom-265 td>ol:first-child { margin-top: 0; } .t0-b-navListCustom-265 th>p:first-child { margin-top: 0; } .t0-b-navListCustom-265 td>p:first-child { margin-top: 0; } .t0-b-navListCustom-265 th>hr:first-child { margin-top: 0; } .t0-b-navListCustom-265 td>hr:first-child { margin-top: 0; } .t0-b-navListCustom-265 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-navListCustom-265>p:first-child { margin-top: 0; } .t0-b-navListCustom-265 ol { margin: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-navListCustom-265 ol ul { margin-top: 10px; } .t0-b-navListCustom-265 ol ol { margin-top: 10px; } .t0-b-navListCustom-265 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-navListCustom-265 ol li:first-child { margin-top: 0; } .t0-b-navListCustom-265>ol:first-child { margin-top: 0; } .t0-b-navListCustom-265 ul { margin-top: 15px; font-size: 14px; } .t0-b-navListCustom-265 ul ul { margin-top: 5px; } .t0-b-navListCustom-265 ul ol { margin-top: 5px; } .t0-b-navListCustom-265 ul li { line-height: 1.25; font-size: 1.3rem; padding: 0 0 0 21px; margin: 10px 0 0; background: url("/_master/acre/themes/031C-N00/imgs/list/list002/list002_ico01_v2_v2f1.svg"); background-repeat: no-repeat; background-position: 0 .16em; background-size: 15px 10px; } .t0-b-navListCustom-265 ul li:first-child { margin-top: 0; } .t0-b-navListCustom-265>ul:first-child { margin-top: 0; } .t0-b-navListCustom-265 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-navListCustom-265 table th { line-height: 1.25; font-size: 1.3rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-navListCustom-265 table td { line-height: 1.25; font-size: 1.3rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-navListCustom-265 table ul { font-size: 14px; } .t0-b-navListCustom-265 table ol { font-size: 14px; } .t0-b-navListCustom-265 table ul li { line-height: 1.25; font-size: 1.3rem; } .t0-b-navListCustom-265 table ol li { line-height: 1.25; font-size: 1.3rem } .t0-b-navListCustom-265 table p { line-height: 1.6; font-size: 1.3rem; } .t0-b-navListCustom-265 table th { color: #675f4f; background-color: #fff4a6; } .t0-b-navListCustom-265 table td { color: #706d5e; background-color: #fffbdc; } .t0-b-navListCustom-265 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-navListCustom-265 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-navListCustom-265 table tr:last-child>th { background-image: none; } .t0-b-navListCustom-265 table tr:last-child td { background-image: none; } .t0-b-navListCustom-265>table:first-child { margin-top: 0; } .t0-b-navListCustom-265 a { display: block; color: inherit; text-decoration: underline; } .t0-b-navListCustom-265 ul li { line-height: 1.25; font-size: 1.3rem; min-height: 17px; } .t0-b-lv1H-mainHCustom-266-bPlacer { padding-bottom: 10px; } .t0-b-lv1H-mainHCustom-266 { margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; text-align: center; } .t0-b-lv1H-mainHCustom-266 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv1H-mainHCustom-266__caption-upper { line-height: 1.25; font-size: 1.3rem; padding: 0 10px 5px; } .t0-b-lv1H-mainHCustom-266__bd { line-height: 1.25; font-size: 1.6rem; padding: 0 10px; background: linear-gradient(transparent 50%, #FFF4C7 50%);} .t0-b-lv1H-mainHCustom-266__caption-lower { line-height: 1.25; font-size: 1.3rem; padding: 5px 10px 10px; } .t0-b-lv1H-mainHCustom-266--align-l { text-align: left; } .t0-b-lv1H-mainHCustom-266--align-c { text-align: center; } .t0-b-lv1H-mainHCustom-266--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-267 { position: relative; padding: 0px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-267 .t0-b-media__media { position: relative; z-index: 3; } .t0-b-fullWidthFrameCustom-267 .t0-b-media-bPlacer { padding-bottom: 0px; } .t0-b-lv4H-qIconCustom-268-bPlacer { padding-bottom: 10px; } .t0-b-lv4H-qIconCustom-268 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv4H-qIconCustom-268 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv4H-qIconCustom-268 a .t0-b-lv4H-qIconCustom-268__h { color: #675f4f; } .t0-b-lv4H-qIconCustom-268>div { display: table; } .t0-b-lv4H-qIconCustom-268>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv4H-qIconCustom-268__iconPlacer { width: 35px; text-align: left; } .t0-b-lv4H-qIconCustom-268__icon { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-image: url("/_master/acre/themes/031C-N00/imgs/heading/heading021/heading021_question_v1f1.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 25px 25px; } .t0-b-lv4H-qIconCustom-268__caption-upper { line-height: 1.25; font-size: 1rem; padding: 0 0 2px; color: #675f4f; } .t0-b-lv4H-qIconCustom-268__h { line-height: 1.25; font-size: 1.3rem; } .t0-b-lv4H-qIconCustom-268__caption-lower { line-height: 1.25; font-size: 1rem; padding: 2px 0 0; color: #675f4f; } .t0-b-lv4H-qIconCustom-268--align-l>div { margin-right: auto; } .t0-b-lv4H-qIconCustom-268--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv4H-qIconCustom-268--align-r>div { margin-left: auto; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-269 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-269 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-269 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-269 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-269 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-269 ol { overflow: hidden; } .t0-b-wysiwygCustom-269-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-269 { line-height: 1.25; font-size: 1rem; color: #767065; } .t0-b-wysiwygCustom-269 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-269>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-269 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-269 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-269 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-269 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-269 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-269 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-269 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-269 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-269 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-269 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-269 table ul { font-size: 14px; } .t0-b-wysiwygCustom-269 table ol { font-size: 14px; } .t0-b-wysiwygCustom-269 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-269 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-269 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-269 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-269 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-269 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-269 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-269 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-269 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-269>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-269 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-269 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-269 ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-269 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-269 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-269 strong { font-weight: bolder; color:#F2AA77; font-size: 1.4rem;} .t0-b-wysiwygCustom-269-bPlacer { padding: 0 15px 15px 15px; padding: 15px 15px 15px 15px; border-top: 2px solid #ccc;} .t0-b-lv3HCustom-270-bPlacer { padding-bottom: 0px; } .t0-b-lv3HCustom-270 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv3HCustom-270 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-270 h3 { line-height: 1.25; font-size: 2rem; padding-top: 15px; } .t0-b-lv3HCustom-270--align-l { text-align: left; } .t0-b-lv3HCustom-270--align-c { text-align: center; } .t0-b-lv3HCustom-270--align-r { text-align: right; } .t0-b-footerCombiCustom-271-bPlacer { padding-bottom: 0; text-align: center;} .t0-b-footerCombiCustom-271 { padding-top: 20px; background-color: #fff; position: relative; margin: 0 -15px;} .t0-b-footerCombiCustom-271>div { width: 100%; margin: 0 auto; } .t0-b-footerCombiCustom-271__col1 { vertical-align: top; } .t0-b-footerCombiCustom-271__col2 { vertical-align: top; } .t0-b-footerCombiCustom-271__col3 { vertical-align: top; } .t0-b-footerCombiCustom-271 .t0-b-footerUnit-siteName2--width-m img { margin: 0 auto; } .t0-b-footerCombiCustom-271 .t0-b-footerUnit-table table { width: 85%; margin: 0 auto; } .t0-b-footerCombiCustom-271 .t0-b-footerUnit-siteName2__ft { font-size: 0.9rem; } .t0-b-tableCustom-272-bPlacer { padding-bottom: 15px; } .t0-b-tableCustom-272 a { text-decoration: underline; } .t0-b-tableCustom-272 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-tableCustom-272>p:first-child { margin-top: 0; } .t0-b-tableCustom-272 ol { padding-left: 2em; margin-top: 15px; } .t0-b-tableCustom-272 ol ul { margin-top: 10px; } .t0-b-tableCustom-272 ol ol { margin-top: 10px; } .t0-b-tableCustom-272 ol li { line-height: 1.3; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-tableCustom-272 ol li::before { display: none; float: left; width: 100%; } .t0-b-tableCustom-272 ol li::after { display: none; float: left; width: 100%; } .t0-b-tableCustom-272 ol li:first-child { margin-top: 0; } .t0-b-tableCustom-272>ol:first-child { margin-top: 0; } .t0-b-tableCustom-272 ul { padding-left: 15px; margin-top: 15px; } .t0-b-tableCustom-272 ul ul { margin-top: 10px; } .t0-b-tableCustom-272 ul ol { margin-top: 10px; } .t0-b-tableCustom-272 ul li { line-height: 1.3; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-tableCustom-272 ul li::before { display: none; float: left; width: 100%; } .t0-b-tableCustom-272 ul li::after { display: none; float: left; width: 100%; } .t0-b-tableCustom-272 ul li:first-child { margin-top: 0; } .t0-b-tableCustom-272>ul:first-child { margin-top: 0; } .t0-b-tableCustom-272 table { width: 100%; margin-top: 15px; border: 1px solid rgba(0,0,0,0); } .t0-b-tableCustom-272 table th { line-height: 1.3; font-size: 1rem; padding: 6px; text-align: left; vertical-align: middle; } .t0-b-tableCustom-272 table th>table:first-child { margin-top: 0; } .t0-b-tableCustom-272 table th>ul:first-child { margin-top: 0; } .t0-b-tableCustom-272 table th>ol:first-child { margin-top: 0; } .t0-b-tableCustom-272 table th>p:first-child { margin-top: 0; } .t0-b-tableCustom-272 table th>hr:first-child { margin-top: 0; } .t0-b-tableCustom-272 table td { line-height: 1.3; font-size: 1rem; padding: 6px; text-align: left; vertical-align: middle; border-style: none; } .t0-b-tableCustom-272 table td>table:first-child { margin-top: 0; } .t0-b-tableCustom-272 table td>ul:first-child { margin-top: 0; } .t0-b-tableCustom-272 table td>ol:first-child { margin-top: 0; } .t0-b-tableCustom-272 table td>p:first-child { margin-top: 0; } .t0-b-tableCustom-272 table td>hr:first-child { margin-top: 0; } .t0-b-tableCustom-272 table tr:first-child { border-top: 1px solid #888; } .t0-b-tableCustom-272 table tr:last-child { border-bottom: 1px solid #888; } .t0-b-tableCustom-272>table:first-child { margin-top: 0; } .t0-b-tableCustom-272 table th { background-color: #efead9; } .t0-b-tableCustom-272 table td { background-color: #f9f8f2; } .t0-b-tableCustom-272 table tr { border-top: 1px solid #888; border-bottom: 1px solid #888; } .t0-b-lv2HCustom-273-bPlacer { position: relative; margin-top: -60px; margin-left: 30px; } .t0-b-lv2HCustom-273 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-273 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-273__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-273 h2 { line-height: 1.25; font-size: 1.2rem; /* padding: 0 7px; */ position: relative; margin-top: -37px; margin-left: 53px; } .t0-b-lv2HCustom-273__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-273--align-l { text-align: left; } .t0-b-lv2HCustom-273--align-c { text-align: center; } .t0-b-lv2HCustom-273--align-r { text-align: right; } .t0-b-lv2HCustom-274-bPlacer { position: relative; margin-top: -61px; margin-left: 54px; } .t0-b-lv2HCustom-274 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #fff; text-align: center; } .t0-b-lv2HCustom-274 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-274__caption-upper { line-height: 1.25; font-size: 1.8rem; padding: 0 6px 0px; } .t0-b-lv2HCustom-274 h2 { line-height: 1.25; font-size: 1.2rem; /* padding: 0 7px; */ position: relative; margin-top: -35px; margin-left: 53px; } .t0-b-lv2HCustom-274__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-274--align-l { text-align: left; } .t0-b-lv2HCustom-274--align-c { text-align: center; } .t0-b-lv2HCustom-274--align-r { text-align: right; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8 { right: 55px; background: url(/_design/2571/images/WEBSP.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8__inner::after{ display:none; } .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8__inner{ border:none; } .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-276 { padding-top: 0px; } .t0-b-headerCombiCustom-276__col2 { position: absolute; } .t0-b-headerCombiCustom-276__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 82vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-276__hd, .t0-b-headerCombiCustom-276__col1, .t0-b-headerCombiCustom-276__col2, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-276__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-tel2-bPlacer, .t0-b-headerCombiCustom-276 .t0-b-headerUnit-contact-navB7__inner{ display: none; } .t0-b-sideBoxCustom-277-bPlacer { padding-bottom: 0; } .t0-b-sideBoxCustom-277__hd, .t0-b-sideBoxCustom-277 .t0-b-sideBoxMedia-bPlacer, .t0-b-sideBoxCustom-277 .t0-b-sideBoxTextStrong-bPlacer, .t0-b-sideBoxCustom-277 .t0-b-sideBoxIconText-tel-bPlacer, .t0-b-sideBoxCustom-277 .t0-b-sideBoxText-bPlacer { display: none; } /* 右上ボタンの背景色を変更（background-color） */ .t0-b-sideBoxCustom-277 { position: fixed; right: 100px; top: 0; z-index: 500; width: 50px; height: 50px; } /* 右上ボタンの表示アイコンを変更（画像URL） */ .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem1, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem2, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem3, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem4, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem5, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem6, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem7, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem8, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem9, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem10, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem11, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem12, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem13, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem14, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem15, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem16, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem17, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem18, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem19, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem20, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem21, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem22, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem23, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem24, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem25, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem26, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem27, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem28, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem29 { position: fixed; z-index: 500; display: block; width: 50px; height: 50px; background-image: url(/_design/2571/images/btn_WEB.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; overflow: hidden; background-color:#EB7E31; } .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem1__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem2__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem3__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem4__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem5__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem6__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem7__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem8__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem9__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem10__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem11__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem12__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem13__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem14__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem15__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem16__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem17__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem18__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem19__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem20__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem21__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem22__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem23__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem24__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem25__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem26__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem27__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem28__inner, .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem29__inner{ border: none; color: #00000000; } .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem2__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #fff0; border-radius: 0px; } .t0-b-sideBoxCustom-277 .t0-b-sideNavBItem2 { border: 0px solid #fff; border-radius: 0px; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB9 { right: 55px; background: url(/_design/2571/images/WEBSP.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB9__inner::after{ display:none; } .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB9 a div{ color: #00000000; background-color: #00000000; } /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB9{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-280 { padding-top: 0px; } .t0-b-headerCombiCustom-280__col2 { position: absolute; } .t0-b-headerCombiCustom-280__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navBCustom-284, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 5px; z-index: 450 !important; display: block; width: 82vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-280__hd, .t0-b-headerCombiCustom-280__col1, .t0-b-headerCombiCustom-280__col2, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-280 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-280__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-280 .t0-b-headerUnit-contact-navBCustom-285{ display: none; } .t0-b-headerUnit-contact-navBCustom-283-bPlacer { padding-bottom: 15px; } .t0-b-headerUnit-contact-navBCustom-283 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; text-align: center; line-height: 1.25; font-size: 1.143rem; } .t0-b-headerUnit-contact-navBCustom-283 a { display: block; color: #fff; } .t0-b-headerUnit-contact-navBCustom-283__inner { position: relative; padding: 12px 30px 12px 15px; background-color: #ff9000; border-radius: 30px; } .t0-b-headerUnit-contact-navBCustom-283__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_master/acre/themes/031C-N00/imgs/common/navItem001/sp_Banner_arrow001.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-headerUnit-contact-navBCustom-285-bPlacer { padding-bottom: 15px; } .t0-b-headerUnit-contact-navBCustom-285 { width: 95%; margin: 0 auto; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #816739; text-align: center; border: 2px solid #816739; line-height: 1.25; font-size: 1.143rem; } .t0-b-headerUnit-contact-navBCustom-285 a { display: block; color: #816739; } .t0-b-headerUnit-contact-navBCustom-285__inner { padding: 12px 10px; background-color: #fff; } .t0-b-labeledListCustom-286-bPlacer { padding-bottom: 10px; padding-left: 0px; } .t0-b-labeledListCustom-286 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-labeledListCustom-286 a { display: block; text-decoration: underline; } .t0-b-labeledListCustom-286 table { display: block; } .t0-b-labeledListCustom-286 table th { display: inline-block; min-width: 86px; padding: 0; color: #fff; text-align: center; line-height: 1.25; font-size: 1rem; } .t0-b-labeledListCustom-286 table th>div { min-height: 17px; padding: 3px 8px 2px; background-color: #917000; border-radius: 15px;} .t0-b-labeledListCustom-286 table th>div a { color: #675f4f; } .t0-b-labeledListCustom-286 table td { padding: 0 0 0 14px; color: #767065; text-align: left; line-height: 0.25; font-size: 1.3rem; } .t0-b-labeledListCustom-286 table td>div { padding: 5px 0; } .t0-b-labeledListCustom-286 table td>div a { color: #767065; } .t0-b-lv3HCustom-287-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-287 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-287 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-287>div { display: table; } .t0-b-lv3HCustom-287>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-287__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-287__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/2571/images/maru1.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-287 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-287--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-287--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-287--align-r>div { margin-left: auto; } .t0-b-lv3HCustom-288-bPlacer { padding-bottom: 10px; } .t0-b-lv3HCustom-288 { font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #675f4f; } .t0-b-lv3HCustom-288 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv3HCustom-288>div { display: table; } .t0-b-lv3HCustom-288>div>* { display: table-cell; vertical-align: middle; } .t0-b-lv3HCustom-288__iconPlacer { width: 30px; text-align: left; } .t0-b-lv3HCustom-288__icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-image: url("/_design/2571/images/maru2.png"); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px; } .t0-b-lv3HCustom-288 h3 { line-height: 1.25; font-size: 1.286rem; padding: 3px 0; position: absolute; margin-left: -15px; margin-top: 10px; } .t0-b-lv3HCustom-288--align-l>div { margin-right: auto; } .t0-b-lv3HCustom-288--align-c>div { margin-right: auto; margin-left: auto; } .t0-b-lv3HCustom-288--align-r>div { margin-left: auto; } .t0-b-navBItemCustom-289-bPlacer { padding: 10px 20px 25px 20px; } .t0-b-navBItemCustom-289 { width: 95%; margin: 0 auto; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",serif !important; color: #917000; text-align: center; line-height: 1.25; font-size: 1.3rem; } .t0-b-navBItemCustom-289 a { display: block; color: #917000; } .t0-b-navBItemCustom-289__inner { position: relative; padding: 15px 30px 15px 15px; background-color: none; border: 2px solid #917000; border-radius: 10px; } .t0-b-navBItemCustom-289__inner::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 15px; content: ""; background-image: url("/_design/2571/images/sp_Banner_arrow002.png"); background-repeat: no-repeat; background-position: right center; background-size: 10px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .t0-b-lv2HCustom-290-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-290 { overflow: hidden; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-290 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-290__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 15px 5px; } .t0-b-lv2HCustom-290 h2 { line-height: 1.25; font-size: 1.429rem; position: relative; display: inline-block; max-width: calc(100% - (20px + 15px)*2); min-height: 25px; padding: 0 15px; vertical-align: middle; } .t0-b-lv2HCustom-290 h2::before { position: absolute; top: 50%; right: 100%; width: 100vw; content: ""; border-top: 1px solid #917000; } .t0-b-lv2HCustom-290 h2::after { position: absolute; top: 50%; left: 100%; width: 100vw; content: ""; border-top: 1px solid #917000; } .t0-b-lv2HCustom-290__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 15px 0; } .t0-b-lv2HCustom-290--align-l { text-align: left; } .t0-b-lv2HCustom-290--align-l h2 { max-width: calc(100% - (20px + 15px)); padding-left: 0; } .t0-b-lv2HCustom-290--align-l .t0-b-lv2HCustom-290__caption-upper { padding-left: 0; } .t0-b-lv2HCustom-290--align-l .t0-b-lv2HCustom-290__caption-lower { padding-left: 0; } .t0-b-lv2HCustom-290--align-c { text-align: center; } .t0-b-lv2HCustom-290--align-r { text-align: right; } .t0-b-lv2HCustom-290--align-r h2 { max-width: calc(100% - (20px + 15px)); padding-right: 0; } .t0-b-lv2HCustom-290--align-r .t0-b-lv2HCustom-290__caption-upper { padding-right: 0; } .t0-b-lv2HCustom-290--align-r .t0-b-lv2HCustom-290__caption-lower { padding-right: 0; } .t0-b-footerMenuWithCpCustom-292 { margin: 0 -15px; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; color: #fff; background-color: #332020; line-height: 1.25; font-size: 1rem; } .t0-b-footerMenuWithCpCustom-292 a { color: #675f4f; text-decoration: underline; } .t0-b-footerMenuWithCpCustom-292>div { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; min-height: 55px; padding: 5px 0; margin: 0 auto; } .t0-b-footerMenuWithCpCustom-292 p { width: 100%; margin: 0; text-align: center; } .t0-b-footerMenuWithCpCustom-292__menu { width: 100%; } .t0-b-footerMenuWithCpCustom-292__menu ul { padding: 5px 10px; text-align: center; letter-spacing: -0.4em; } .t0-b-footerMenuWithCpCustom-292__menu li { display: inline-block; letter-spacing: normal; } .t0-b-footerMenuWithCpCustom-292__menu li a { color: #675f4f; text-decoration: underline; } .t0-b-footerMenuWithCpCustom-292__menu li div { padding: 0 7px; color: #675f4f; } .t0-b-footerMenuWithCpCustom-292 .state-em div { color: #a97417; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-293 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-293 { overflow: visible; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-293 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__col [class*=-bPlacer]>.t0-b-wysiwygCustom-293 ol { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-293 ul { overflow: hidden; } .t0-b-mediaCols .t0-b-mediaCols__colHead [class*=-bPlacer]>.t0-b-wysiwygCustom-293 ol { overflow: hidden; } .t0-b-wysiwygCustom-293-bPlacer { padding-bottom: 15px; } .t0-b-wysiwygCustom-293 { line-height: 1.25; font-size: 1.4rem; color: #767065; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important;} .t0-b-wysiwygCustom-293 th>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 td>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 th>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 td>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 th>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 td>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 th>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 td>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 th>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 td>hr:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 p { line-height: 1.6; font-size: 1rem; margin-top: 1em; } .t0-b-wysiwygCustom-293>p:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 ol { padding: 0 0 0 2em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-293 ol ul { margin-top: 10px; } .t0-b-wysiwygCustom-293 ol ol { margin-top: 10px; } .t0-b-wysiwygCustom-293 ol li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: decimal; } .t0-b-wysiwygCustom-293 ol li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293>ol:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 ul { padding: 0 0 0 1.5em; margin-top: 15px; font-size: 14px; } .t0-b-wysiwygCustom-293 ul ul { margin-top: 10px; } .t0-b-wysiwygCustom-293 ul ol { margin-top: 10px; } .t0-b-wysiwygCustom-293 ul li { line-height: 1.25; font-size: 1rem; margin-top: 10px; list-style-type: disc; } .t0-b-wysiwygCustom-293 ul li:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293>ul:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 table { width: 100%; margin-top: 15px; border: rgba(0,0,0,0) 1px solid; } .t0-b-wysiwygCustom-293 table th { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-293 table td { line-height: 1.25; font-size: 1rem; padding: 3% 1%; text-align: left; vertical-align: middle; border-style: none; border-bottom: 1px solid #fff; } .t0-b-wysiwygCustom-293 table ul { font-size: 14px; } .t0-b-wysiwygCustom-293 table ol { font-size: 14px; } .t0-b-wysiwygCustom-293 table ul li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-293 table ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-293 table p { line-height: 1.6; font-size: 1rem; } .t0-b-wysiwygCustom-293 table th { color: #482e15; background: #eae4d5; } .t0-b-wysiwygCustom-293 table td { color: #7c5e42; background-color: #f6f3ed; } .t0-b-wysiwygCustom-293 table tr:first-child th { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-293 table tr:first-child td { border-top: 1px solid #fff; } .t0-b-wysiwygCustom-293 table tr:last-child>th { background-image: none; } .t0-b-wysiwygCustom-293 table tr:last-child td { background-image: none; } .t0-b-wysiwygCustom-293>table:first-child { margin-top: 0; } .t0-b-wysiwygCustom-293 a { display: inline-block; color: #767065; text-decoration: underline; } .t0-b-wysiwygCustom-293 p { line-height: 1.6; font-size: 1.3rem; } .t0-b-wysiwygCustom-293 ul li { line-height: 1.25; font-size: 1.3rem; } .t0-b-wysiwygCustom-293 ol { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-293 ol li { line-height: 1.25; font-size: 1rem; } .t0-b-wysiwygCustom-293 strong { font-weight: bolder; background: linear-gradient(transparent 65%, #ffdf6f 50%); font-size: 1.5rem;} .t0-b-wysiwygCustom-293-bPlacer { padding: 0 15px 15px 15px; } .t0-b-lv2HCustom-294-bPlacer { padding-bottom: 20px; } .t0-b-lv2HCustom-294 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-294 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-294__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-294 h2 { line-height: 1.25; font-size: 1.429rem; padding: 0 7px; margin: -15px 0 0 0;} .t0-b-lv2HCustom-294__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-294--align-l { text-align: left; } .t0-b-lv2HCustom-294--align-c { text-align: center; } .t0-b-lv2HCustom-294--align-r { text-align: right; } .t0-b-fullWidthFrameCardCustom-295 { padding: 20px 4% 0; margin: 0 -15px; background-color: #EC7F2D; background-repeat: no-repeat; background-position: center center; background-size: cover; } .t0-b-fullWidthFrameCustom-296 { position: relative; padding: 10px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: #E9DED9; } .t0-b-fullWidthFrameCustom-296 .t0-b-media__media { position: relative; z-index: 3; } .t0-b-fullWidthFrameCustom-296 .t0-b-media-bPlacer { padding-bottom: 15px; padding-top: 10px; } .t0-b-fullWidthFrameCustom-297{ position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; margin: -1px 0px;} .t0-b-fullWidthFrameCustom-297 .t0-b-media-bPlacer{ position: relative; margin: -25px -15px 0px -15px; background-color: #E9DED9; } .t0-b-fullWidthFrameCustom-298{ position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; margin: -1px 0px;} .t0-b-fullWidthFrameCustom-298 .t0-b-media-bPlacer{ position: relative; margin: -25px -15px 0px -15px; background-color: #E9DED9; } .t0-b-fullWidthFrameCustom-299{ position: relative; background-repeat: repeat; background-position: center center; background-size: auto 100%; margin: -1px 0px;} .t0-b-fullWidthFrameCustom-299 .t0-b-media-bPlacer{ position: relative; margin: -0px -15px 0px -15px; background-color: #E9DED9; } .t0-b-fullWidthFrameCustom-300 { position: relative; padding: 5px 15px 20px; margin: 0 -15px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .t0-b-fullWidthFrameCustom-300 { background-color: #E9DED9; } .t0-b-lv2HCustom-301-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-301 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-301 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-301__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-301 h2 { font-size: 1.429rem; padding: 0 7px; position: absolute; left: -10px; width: fit-content; background-color: #ffffff; padding: 0.4em 0.3em 0.3em 1.3em; /* 右上、右下だけ角丸 */ border-radius: 0 calc(1px / 0) calc(1px / 0) 0; box-shadow: 2px 4px 0 0 #b99828;} .t0-b-lv2HCustom-301 h2 strong{ font-size: .7em; margin-inline-end: .3em;} .t0-b-lv2HCustom-301__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-301--align-l { text-align: left; } .t0-b-lv2HCustom-301--align-c { text-align: center; } .t0-b-lv2HCustom-301--align-r { text-align: right; } .t0-b-lv2HCustom-302-bPlacer { padding-bottom: 10px; } .t0-b-lv2HCustom-302 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-302 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-302__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-302 h2 { font-size: 1.429rem; padding: 0 7px; position: absolute; right: 0px; width: fit-content; background-color: #f0f0f0; padding: 0.4em 0.3em 0.3em 0.8em; /* 左上、左下だけ角丸 */ border-radius: calc(1px / 0) 0 0 calc(1px / 0); box-shadow: -2px 4px 0 0 #b99828;} .t0-b-lv2HCustom-302 h2 strong{ font-size: .7em; margin-inline-end: .3em;} .t0-b-lv2HCustom-302__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-302--align-l { text-align: left; } .t0-b-lv2HCustom-302--align-c { text-align: center; } .t0-b-lv2HCustom-302--align-r { text-align: right; } .t0-b-fullWidthFrameCustom-303 { position: relative; padding: 0px 0px 0px 0px; margin: 0 -15px; background-repeat: repeat; background-position: center center; background-size: auto 100%; background-color: none; } .t0-b-fullWidthFrameCustom-303 .t0-b-media__media { position: relative; z-index: 3; } .t0-b-fullWidthFrameCustom-303 .t0-b-media-bPlacer { padding-bottom: 15px; padding-top: 15px; } .t0-b-lv2HCustom-305-bPlacer { padding-bottom: 20px; } .t0-b-lv2HCustom-305 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif !important; color: #675f4f; text-align: center; } .t0-b-lv2HCustom-305 a { display: block; color: #675f4f; text-decoration: none; } .t0-b-lv2HCustom-305__caption-upper { line-height: 1.25; font-size: .857rem; padding: 0 7px 5px; } .t0-b-lv2HCustom-305 h2 { line-height: 1.25; font-size: 1.429rem; padding: 0 7px; } .t0-b-lv2HCustom-305__caption-lower { line-height: 1.25; font-size: .857rem; padding: 5px 7px 0; } .t0-b-lv2HCustom-305--align-l { text-align: left; } .t0-b-lv2HCustom-305--align-c { text-align: center; } .t0-b-lv2HCustom-305--align-r { text-align: right; } /*-------------------書き換え部分----------------------*/ /* 左画像（ＴＥＬ）の配置とパス */ .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-tel{ left: 0; border-radius: 0px; background: url(/_design/2571/images/btn_phonenumber.png); width: 45vw !important; animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.00; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-tel__tel + span, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-tel__free + span { color: #fff; font-weight: bold; font-family: "Tenor Sans","游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-tel__tel + span::before, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-tel__free + span::before { content: '';/*何も入れない*/ display: inline-block; width: 13px;/*画像の幅*/ height: 18px;/*画像の高さ*/ background-image: url(/_design/2571/images/tel2.png); background-size: contain; vertical-align: middle; } .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9__inner{ border: none;} .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-tel__tel{ display: table-cell; width: 0vw; background-image: none; } .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-tel__bd { position: fixed; bottom: 2vw; left: 2px; z-index: 455; display: table; font-size: 4.5vw; } /* 右画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9{ right: 0; border-radius: 0px; background: url(/_design/2571/images/btn_booking.png); width: 55vw !important; animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.00; /* 最大の倍率。この定義がない場合の初期値は1.1 */} /* 右画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB6__inner::after, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB10__inner::after, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9__inner::after{ display:none; } .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9{ border: 0px solid #245e98;} .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB10 a div, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9 a div{ color: #00000000; background-color: #00000000; } /*----------------------------------*/ .t0-b-headerCombiCustom-307 { padding-top: 0px; } .t0-b-headerCombiCustom-307__col2 { position: absolute; } .t0-b-headerCombiCustom-307__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像2つのサイズ */ .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-307__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 0; z-index: 450 !important; display: block; width: 50vw; height: 15vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-307__hd, .t0-b-headerCombiCustom-307__col1, .t0-b-headerCombiCustom-307__col2, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-navBCustom-285, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-navBCustom-532, .t0-b-headerCombiCustom-307 .t0-b-headerUnit-contact-navBCustom-517{ display: none; } /*-------------------書き換え部分----------------------*/ /* 画像（24時間web予約）の配置とパス */ .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9{ right: 30px; background: url(/_design/2696/images/WEBSP.png); } /* 画像（24時間web予約）の非表示部分、不要バナーなど */ .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB6__inner::after, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB10__inner::after, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9__inner::after{ display:none; } .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB6 a div, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB10 a div, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9 a div{ color: #00000000; background-color: #00000000; } .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9__inner{ border: none;} /* - ボタンの拡大縮小アニメーション ※head自由記入欄にscaleAnimeの定義が必要（デザイン管理エディタでは@keyframesが定義できないため） - */ .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9{ animation: scaleAnime 0.8s ease 0s infinite alternate; --scale-min: 0.93; /* 最小の倍率。この定義がない場合の初期値は1 */ --scale-max: 1.03; /* 最大の倍率。この定義がない場合の初期値は1.1 */ } /*----------------------------------*/ .t0-b-headerCombiCustom-308 { padding-top: 0px; } .t0-b-headerCombiCustom-308__col2 { position: absolute; } .t0-b-headerCombiCustom-308__col3 { position: fixed; left: 0; bottom: 0; z-index: 400; height: 18vw; overflow: hidden; background-color: rgba(0,0,0,.4); } /* 画像のサイズ */ .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-tel, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB1, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB3, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB4, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB5, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB6, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB7, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB8, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB9, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB10, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB11, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB12, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB13, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB14, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB15, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB16 { position: fixed; bottom: 1px; z-index: 450 !important; display: block; width: 85vw; height: 17vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border:none; } /* 表示不要な要素 */ .t0-b-headerCombiCustom-308__hd, .t0-b-headerCombiCustom-308__col1, .t0-b-headerCombiCustom-308__col2, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-text, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-fax, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-labeledList, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-labeledList2, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-labeledList3, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-labeledList4, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-miniCol, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-table, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-nav{ display: none; } /* その他表示不要な他バリエ */ .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-tel { display: none; } .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-navBCustom-285, .t0-b-headerCombiCustom-308__col3 .t0-b-headerUnit-contact-navB2, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-navBCustom-277, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-navBCustom-517, .t0-b-headerCombiCustom-308 .t0-b-headerUnit-contact-navBCustom-532{ display: none; }