@charset "Shift_JIS"; /*-------------------------------------------------------- 共通レイアウトパーツ設定 --------------------------------------------------------*/ /* ヘッダー内パーツ */ #hpb-headerMain{margin:0;height:29px;} #hpb-headerMain h1{margin:0;padding:15px 0 0 0;text-align:left;font-weight:normal;line-height:12px;font-size:0.8em;} #hpb-headerLogo{margin:8px;width:1092px;} #hpb-headerLogo a{ display:block;margin:0;padding:0;text-indent:-9999px;overflow:hidden;width:624px;height:153px; background:url(../img/logo_5Ac.png) center left no-repeat;float:left;} #hpb-headerLogo p{width:460px;float:right;} #hpb-headerLogo p.tel{margin:0;padding:100px 0 0 0;font-size:1.5em;text-align:right;} #hpb-headerLogo p.tel span{display:block;text-align:right;font-size:0.5em;} #hpb-headerLogo p.address{margin:0;padding:0 5px 0 0;line-height:19px;text-align:right;} /* フッター内パーツ */ #hpb-footerMain{padding-top:50px;} #hpb-footerMain p{font-size:0.8em;text-align:center;} #hpb-footerExtra1{position:absolute;top:5px;left:0px;} #hpb-footerExtra1 ul{margin:0;padding:0;list-style-type:none;text-align:left;} #hpb-footerExtra1 li{display:inline-block;line-height:1.2;padding-right:10px;} * html #hpb-footerExtra1 li{display:inline; /* for IE6 */} *:first-child + html #hpb-footerExtra1 li{display:inline; /* for IE7 */} #hpb-footerExtra1 li a{border:1px solid #d6d6d6;padding:2px 20px;} #hpb-footerExtra1 a:link{color:#666666;text-decoration:none;} #hpb-footerExtra1 a:visited{color:#666666;text-decoration:none;} #hpb-footerExtra1 a:hover{color:#ffffff;background-color:#D2419D;text-decoration:none;} #hpb-footerExtra1 a:active{color:#ffffff;background-color:#D2419D;text-decoration:none;} /* サイドブロック内パーツ */ /* バナー */ #banner{padding-bottom:20px;} #banner ul{margin:0;padding:0;list-style-type:none;} #banner li{display:block;padding:3px;} #banner li.bord{border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:0px;border-left:1px solid #d6d6d6;} #banner li.bend{border:1px solid #d6d6d6;} #banner li a{display:block;width:380px;height:63px;margin-left:auto;margin-right:auto;text-indent:-9999px;overflow:hidden;} #banner a#banner-blog{background-image :url(../img/top_banner_5Ac_01.png);background-position:top left;background-repeat:no-repeat;} #banner a#banner-trip{background-image :url(../img/top_banner_5Ac_02.png);background-position:top left;background-repeat:no-repeat;} #banner a#banner-card{background-image :url(../img/top_banner_5Ac_03.png);background-position:top left;background-repeat:no-repeat;} #banner a#banner-gallery{background-image :url(../img/top_banner_5Ac_04.png);background-position:top left;background-repeat:no-repeat;} #banner a#banner-reserve{background-image :url(../img/top_banner_5Ac_05.png);background-position:top left;background-repeat:no-repeat;} /* 店舗情報 */ #shopinfo{border:1px solid #d6d6d6;padding:1em;} #shopinfo::after{content:".";clear:both;height:0;display:block;visibility:hidden;} #shopinfo img.shopinfo-img{float:right;margin-top:26px;} #shopinfo h3{margin:0 0 1em;padding:0 0 3px;font-size:1em;line-height:1;color:#C394C1;border-bottom:1px solid #C394C1;font-weight:normal;text-align:left;} #shopinfo span.en{font-family:century, serif;padding-right:1em;text-transform:uppercase;} #shopinfo h4{font-weight:normal;padding:1em 0 0.5em;font-size:0.8em;color:#C394C1;} #shopinfo p{margin-bottom:0.1em;font-size:0.9em;} /*-------------------------------------------------------- ナビゲーションデザイン設定 --------------------------------------------------------*/ #hpb-nav li a{/* ナビゲーション文字設定 */} /*-------------------------------------------------------- 基本パーツデザイン設定 --------------------------------------------------------*/ /* リンク文字色 */ a:link{color:#A67D9A;text-decoration:underline;} a:visited{color:#A67D9A;text-decoration:underline;} a:hover{color:#C394C1;text-decoration:none;} a:active{color:#C394C1;text-decoration:none;} #hpb-skip{height:1px;margin:0;padding:0;overflow:hidden;text-indent:-9999px;} p{margin:0.5em 0 2em;padding:0 0.1em;line-height:1.4;text-align:left;} p.large{color:#C394C1;font-weight:bold;} p.indent{padding-left:15px;} .left{float:left;} .right{float:right;} hr{width:100%;height:1px;margin:10px auto 20px;padding:0;clear:both;border:1px none;color:#ffffff;} .hpb-layoutset-02 h2{background:url(../img/content_title_5Ac.png) top right;margin:0 auto 0 0;height:50px;text-align:left;overflow:hidden;line-height:50px;} .hpb-layoutset-02 h2 span.ja{font-size:0.8em;color:#fff;padding:0 10px 0 55px;text-shadow:0px 0px 4px #4D094A;} h2 span.en{font-size:0.65em;color:#C394C1;font-family:century, serif;font-weight:normal;text-transform:uppercase;} .hpb-layoutset-02 #hpb-wrapper h3{margin:0 0 10px 0;padding:0 0 3px 2px;font-size:1.1em;line-height:1;color:#C394C1;border-bottom:1px solid #C394C1;font-weight:normal;text-align:left;} h3.hpb-c-index{height:1px;margin:0;padding:0;overflow:hidden;text-indent:-9999px;background:none;} h4{margin:0;padding:5px 10px 2px 2px;text-align:left;font-size:1em;line-height:1.2;color:#C394C1;} h5{display:inline;margin:0;padding-left:10px;text-align:left;background:url(../img/point_5Ac.png) 2px 5px no-repeat;font-size:1.1em;line-height:1.5;font-weight:normal;} table{margin:5px auto 5px 0;border-collapse:collapse;border-top:1px solid #d6d6d6;} table th{padding:8px;text-align:left;border-bottom:1px solid #d6d6d6;background-color:#F0E2F0;} table td{padding:5px;text-align:left;border-bottom:1px solid #d6d6d6;} /* フォームパーツ設定 */ #contact table{width:100%} .must_sl{font-size:0.9em;margin:0;} input.button{margin-top:10px;margin-bottom:15px;} textarea{width:90%;height:200px;} input.l{width:380px;} input.m{width:250px;} input.s{width:50px;} /* メインコンテンツ内基本パーツ */ #hpb-main ul{margin:0;padding:0;list-style-type:none;} #hpb-main ul li{text-align:left;line-height:1.4;padding:5px 15px;background:url(../img/point_5Ac.png) 2px 7px no-repeat;border-bottom:1px solid #D6d6d6;} #hpb-main dl{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;} #hpb-main dt{ float:left;margin:0;text-align:left;line-height:1.4;font-weight:normal;width:9em !important; padding:5px 0 2px 10px;background:url(../img/point_5Ac.png) 2px 8px no-repeat;} #hpb-main dd{margin:0;padding:5px 0 2px 11em;text-align:left;line-height:1.4;color:#C394C1;border-bottom:1px solid #d6d6d6;} * html #hpb-main dd{height:1%; /* for IE6 */} #hpb-main dl::after{content:".";clear:both;height:0;display:block;visibility:hidden;} #hpb-main img.left{margin-top:5px;margin-right:20px;margin-bottom:10px;float:left;} #hpb-main img.right{margin-top:5px;margin-bottom:10px;margin-left:20px;float:right;} #toppage p{font-size:1em;} #toppage span{font-size:1.3em;font-weight:bold;color:#C394C1;} #pagetop{margin-top:10px;margin-right:auto;margin-bottom:0;margin-left:auto;text-align:right;} #pagetop a{display:block;margin:0 auto 0 0;width:113px;height:20px;overflow:hidden; background:url(../img/returnTop_5Ac.png) center left no-repeat;text-align:left;text-indent:-9999px;} /* トップページ デザイン定義 */ .hpb-layoutset-01 #hpb-title h2{margin:0;overflow:hidden;text-indent:-9999px;height:280px;background:url(../img/top_mainimg_5Ac_01.png) top center no-repeat;} * html #toppage-news dd{height:68px; /* for ie6 */} *:first-child + html #toppage-news dd{height:68px; /* for ie7 */} #hpb-main dd::after{content:".";clear:both;height:0;display:block;visibility:hidden;} /* メニューページ デザイン定義 */ .idx_char{margin:40px 40px 0;} .price_table{width:670px;margin:20px;border-collapse:collapse;} caption{font-size:1.25em;} .price_table{border:none;font-size:0.9em;} .price_table th{background-color:#F0E2F0;border:none;} .price_table td{border:none;} .hyphen{background-image:url(../img/bg_price_menu.gif);padding:5px 0;width:100%;} .txt_r{text-align:right;word-break:keep-all;} .bg_white{background-color:#FFF;padding:0 10px;} .tax{font-size:10px;} .attention{font-size:0.7em;margin: 0 2em 2em;} /* プロフィールページ デザイン定義 */ #profimg{float:left;margin:0 20px 20px 0;} /* ギャラリー */ #gallery ul{display:flex;flex-wrap:wrap;align-items:center;list-style-type:none;} #gallery ul li {width:150px;height:150px;border:none;background:none;display:flex;justify-content:center;align-items:center;padding:0;margin:15px 11px;} #gallery ul li img{max-width:100%;max-height:100%;cursor:pointer;} #detail {background-color:rgba(30,30,30,0.5);cursor:pointer;top:0;left:0;position:fixed;z-index:1;display:none;justify-content:center;align-items:center;} #popup {display:none;cursor:pointer;} #gm{position:relative;top:5px;left:0;font-size:1.1em;} /* ======================================================= レスポンシブル設定 ======================================================= */ @media screen and (max-width:568px) { /*-------------------------------------------------------- 共通レイアウトパーツ設定 --------------------------------------------------------*/ /* ヘッダー内パーツ */ #hpb-headerMain{width:100%;float:none;height:auto;} #hpb-headerMain h1{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;line-height:1.4;} #hpb-headerLogo{width:98%;float:none;margin:0;} #hpb-headerLogo a{max-width:100%;max-height:85px;background-size:contain;background-position:center center;margin:10px auto;} #hpb-headerExtra1{width:98%;margin-top:0;margin-left:auto;margin-right:auto;padding-top:0;float:none;} #hpb-headerLogo p.tel{padding:0;} #hpb-headerLogo p.address{padding:0;} /* フッター内パーツ */ #hpb-footerMain{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;background-color:#f1f0f0;margin-bottom:20px;} #hpb-footerMain p{margin-bottom:0.5em;word-break:break-all;} #hpb-footerExtra1{position:relative;top:0;} #hpb-footerExtra1 ul{padding-right:10px;padding-left:10px;} #hpb-footerExtra1 li{line-height:2.2;padding-bottom:5px;} /* サイドブロック内パーツ */ /* バナー */ #banner li{max-width:100%;box-sizing:border-box;} #banner li a{max-width:100%;} #banner a#banner-blog{background-position:top center;background-size:contain;} #banner a#banner-trip{background-position:top center;background-size:contain;} #banner a#banner-card{background-position:top center;background-size:contain;} #banner a#banner-reserve{background-position:top center;background-size:contain;} /* 店舗情報 */ #shopinfo{max-width:100%;box-sizing:border-box;} #shopinfo img.shopinfo-img{float:none;margin-top:10px;margin-right:auto;margin-bottom:10px;margin-left:auto;max-width:100%;box-sizing:border-box;} #shopinfo h3{line-height:1.4;max-width:100%;box-sizing:border-box;} #shopinfo span.en{display:inline-block;} #shopinfo h4{padding-right:10px;max-width:100%;box-sizing:border-box;} #shopinfo p{padding-right:10px;max-width:100%;box-sizing:border-box;} /*-------------------------------------------------------- 基本パーツデザイン設定 --------------------------------------------------------*/ p{padding-right:0;padding-left:0;} .hpb-layoutset-02 h2{background-position:bottom right;background-size:cover;width:100%;height:auto;line-height:1.4;padding:8px 0;word-break:break-all;} .hpb-layoutset-02 h2 span.ja{padding:0 15px;display:inline;} .hpb-layoutset-02 h2 span.en{display:inline;} .hpb-layoutset-02 #hpb-wrapper h3{padding-left:0;line-height:1.4;} h4{padding-right:0;padding-left:0;line-height:1.4;} table{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;} /* フォームパーツ設定 */ textarea{width:96%;} input.l{width:96%;} input.m{width:60%;} input.s{width:30%;} /* メインコンテンツ内基本パーツ */ #hpb-main ul li{padding-right:0;} #hpb-main dt{float:none;max-width:100%;box-sizing:border-box;} #hpb-main dd{padding-left:0;} #hpb-main img.left{margin-right:0;float:none;} #hpb-main img.right{margin-left:0;float:none;} #pagetop a{max-width:100%;} #toppage{max-width:100%;} #toppage p{max-width:100%;font-size:1em;} #toppage span{max-width:100%;font-size:1em;font-weight:bold;color:#ED8FB5;} /* トップページ デザイン定義 */ .hpb-layoutset-01 #hpb-title h2{width:100%;height:auto;min-height:160px;background-size:contain;background-position:top left;} #toppage-news h3{line-height:1.4;padding-right:2px;} #toppage-news span.en{display:inline-block;} #toppage-news dt{max-width:100%;} #toppage-news dd{padding-left:0;min-height:0;} /* メニューページ デザイン定義 */ .price_table{width:100%;margin:20px 0;} /* プロフィールページ デザイン定義 */ #profimg{width:50%;height:auto;margin:0 1em 1em 0;} /* ご予約 デザイン定義 */ #contact form td input{margin-bottom:3px;} }