/*@charset "utf-8";*/ /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★Site Customize font-family: 'Nunito', sans-serif; /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ * { font-family : 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif; box-sizing : border-box; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; -o-box-sizing : border-box; -ms-box-sizing : border-box; text-align : justify; text-justify : inter-ideograph; } h1, h2, h3, h4, h5, h6 { text-align : left; text-justify : normal !important; font-family : 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif; } h2 { font-size : 125%; font-weight : bold; color : #333333; } h3 { font-size : 120%; font-weight : bold; color : #333333; } h4 { font-size : 115%; font-weight : bold; color : #333333; } h5 { font-size : 110%; font-weight : bold; color : #333333; } h6 { font-size : 105%; font-weight : bold; color : #333333; } strong { font-weight : bold; } .MainBreakPoint { width : 1360px !important; } .SubBreakPoint { width : 960px !important; } .SubBreakPoint665 { width : 665px !important; } .SubBreakPoint880 { width : 880px !important; } /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★COMMON STYLE /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ clearfix */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ .clearfix:after, .siteStyle p:after { content : "" !important; display : block; height : 0; clear : both; visibility : hidden; } .clearfix, .siteStyle p { display : inline-block; } /* ◆ Hides from IE-mac /*/ * html .clearfix { height : 1%; } .clearfix { display:block; } /* ◆ for IE6 */ * html .clearfix {display:inline-block;} /* ◆ for IE7 */ *+html .clearfix {display:inline-block;} .textRight { text-align : right !important; } .textLeft { text-align : left !important; } .textCenter { text-align : center !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ BODY */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ body { font-size : 90%; overflow-x : hidden; color : #3d3927; background : #eeede3 url(../../custom/img/design/bg-bottom.png) center bottom no-repeat; padding : 0; margin : 0; } #TopStyle { background-color : transparent; background-position : center top; background-repeat : no-repeat; background-size : 100% auto; } #SubStyle { background-image : url(../../custom/img/design/bg-header-sub.png); background-color : transparent; background-position : center -100px; background-repeat : no-repeat; background-size : 100% auto; } header { background : transparent; } a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .displayNone { display : none !important; } img { vertical-align : top; } article.content { padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } a img { /* -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity : 1.0; */ } a img:hover { /* -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity : 0.75; */ } img.FloatRight { float : right !important; margin : 0px 0px 0px 10px; } img.FloatLeft { float : left !important; margin : 0px 10px 0px 0px; } img.AlignCenter { float : none !important; clear : both !important; margin : 5px auto !important; } .lightbox { display: none; } /* override default feather style... */ .fixwidth { background: rgba(256,256,256, 0.8); } .fixwidth .featherlight-content { width: 500px; padding: 25px; color: #fff; background: #111; } .fixwidth .featherlight-close { color: #fff; background: #333; } .dspNone { display : none; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ LAYOUT */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #wrapper { width : auto; background : transparent; padding : 30px 0px 0px !important; margin : 0px auto 0px auto !important; } #wrapperInner { width : auto; background : transparent; border-radius : 0px 10px 0px 0px; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #base { border-radius : 8px 8px 0px 0px; padding : 10px 0px 10px 0px !important; margin : 0px auto 0px auto !important; } #content { padding : 5px 0px 5px 0px; margin : 0px auto 0px auto; } #sidebar { display : none !important; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ HEADER */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ----------------------------------------------------------------------- */ /* ▼ #header */ /* ----------------------------------------------------------------------- */ #header { background : transparent; border-top : 5px solid #e8e7da; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderContainer { width : auto; background-image : url(../../custom/img/design/bg-header1.png), url(../../custom/img/design/bg-header2.png), url(../../custom/img/design/bg-header3.png); background-position : left top, left top, center top; background-repeat : repeat-x, no-repeat, no-repeat; background-size : auto auto, auto 76px, auto 200px;/* 90% auto */ padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderContainerInner { width : 100%; background : transparent; display : table !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderLeft { position : relative; top : 0px; width : 50%; text-align : left; vertical-align : middle; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderLeft h1, #HeaderLeft div.SiteName { position : relative; top : 50px; left : 30px; width : auto; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderLeft h1 a, #HeaderLeft div.SiteName a { position : relative; text-align : center; float : left !important; display : block !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 1000000; } #HeaderLeft h1 a img, #HeaderLeft div.SiteName a img { width : 90%; height : auto; max-width : 260px; min-width : 100px; vertical-align : top; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderRight { position : relative; top : 0px; width : 50%; vertical-align : top; float : none; clear : both; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderRight ul.SnsLinkSet { width : auto; text-align : right; float : none; clear : both; display : table; padding : 0px 0px 0px 0px; margin : 0px 0px 0px auto; } #HeaderRight ul.SnsLinkSet li { width : auto; float : none; clear : both; vertical-align : middle; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #HeaderRight ul.SnsLinkSet li.hamburger { padding : 4px 4px 4px 16px; } #HeaderRight ul.SnsLinkSet li a { position : relative; top : 0px; width : 50px; height : 50px; overflow : hidden; display : block; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #HeaderRight ul.SnsLinkSet li a img { position : relative; top : 0px; width : 50px; height : 100px; display : block; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #HeaderRight ul.SnsLinkSet li a img:hover { top : -50px; } #HeaderContainer div.en { position : relative; top : -5px; right : 0px; width : auto; text-align : right; float : right; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px 0px 80px auto; } #HeaderContainer div.en img { width : 100%; height : auto; max-width : 320px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ NAVI */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */ /* ----------------------------------------------------------------------- */ /* ▼ #MenuClone */ /* ----------------------------------------------------------------------- */ #HeaderRight li.HamburgerMenu #MenuBar { line-height : 1.2; cursor : pointer; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HeaderRight li.HamburgerMenu div.HamburgerMenuContainer { display : inline-block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #HamburgerMenu { position : relative; right : 5px; width : 60px; height : 60px; cursor : pointer; display : table; background-color : #0068ff; background-color : rgba(0, 104, 255, 0.5); padding : 16px 8px 16px 8px; margin : 5px auto 5px auto; } #HamburgerMenu div { position : relative; vertical-align : middle; display : table-cell; } #HamburgerMenu span { position : absolute; height : 4px; left : 0; width : 100%; background : #ffffff; display : inline-block; -webkit-transition : .35s ease-in-out; -moz-transition : .35s ease-in-out; transition : .35s ease-in-out; } #HamburgerMenu span:nth-child(1) { top : 0; } #HamburgerMenu span:nth-child(2) { top : 11px; } #HamburgerMenu span:nth-child(3) { top : 22px; } /* #HamburgerMenu 切り替えアニメーション */ .open #HamburgerMenu span:nth-child(1) { top : 11px; -webkit-transform : rotate(315deg); -moz-transform : rotate(315deg); transform : rotate(315deg); } .open #HamburgerMenu span:nth-child(2) { width : 0; left : 50%; } .open #HamburgerMenu span:nth-child(3) { top : 11px; -webkit-transform : rotate(-315deg); -moz-transform : rotate(-315deg); transform : rotate(-315deg); } /* ----------------------------------------------------------------------- */ /* ▼ #MenuClone */ /* ----------------------------------------------------------------------- */ #MenuClone { position : absolute; top : 100px; right : -310px; z-index : 1000000000; } #MenuClone #hmNav { width : 300px; background-image : none !important; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #MenuClone #hmNav ul { width : 100% !important; height : auto; border-left : 0px; border-right : 0px; /* background : #05cbfd; */ } #MenuClone #hmNav ul li { width : 100% !important; height : auto !important; text-align : center; display : block !important; border-left : 0px !important; border-right : 0px; border-top : 1px solid #ffffff; border-bottom : 1px solid #0069c0; list-style-type : none !important; list-style-image : none !important; background-color : transparent; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #MenuClone #hmNav ul li a, #MenuClone #hmNav ul li div.head { width : auto; height : auto; font-size : 90%; text-align : left; border : 0px; display : block; background : transparent; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #MenuClone #hmNav ul li a, #MenuClone #hmNav ul li ul.sub-menu li a { padding : 15px 30px 15px 10px !important; margin : 0px 0px 0px 0px !important; } #MenuClone #hmNav ul li a { background : url(../../custom/img/ico/ico-arrow1.png) 98% center no-repeat; } #MenuClone #hmNav ul li a:hover { background : url(../../custom/img/ico/ico-arrow1.png) 98% center no-repeat; } #MenuClone #hmNav ul li.current_page_item, #MenuClone #hmNav ul li.current-menu-item, #MenuClone #hmNav ul li.current_page_item div.MainLink, #MenuClone #hmNav ul li.current-menu-item div.MainLink, #MenuClone #hmNav ul li.current_page_item div.MainLink:hover, #MenuClone #hmNav ul li.current-menu-item div.MainLink:hover { background : #0069c0; background : rgba(0, 105, 192, 0.8); } #MenuClone #hmNav ul li.menu-item a, #MenuClone #hmNav ul li.page_item a { color : #ffffff !important; padding : 0px 0px 0px 0px; } #MenuClone #hmNav div.MainLink { width : 100% !important; background : #008cff; background : rgba(0, 140, 255, 0.8); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display : table !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #MenuClone #hmNav div.MainLink a { width : 85% !important; text-align : left !important; vertical-align : middle !important; display : table-cell; border-left : 0px !important; border-right : 0px !important; } #MenuClone #hmNav div.MainLink span.cell { width : 15% !important; text-align : center !important; vertical-align : middle !important; display : table-cell; border-left : 0px !important; border-right : 0px !important; } #MenuClone #hmNav div.MainLink span.btn { width : 28px; height : 28px; display : inline-block; } #MenuClone #hmNav div.MainLink:hover { width : 100% !important; background : #0069c0; background : rgba(0, 105, 192, 0.8); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display : table !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ #MenuClone #hmNav ul li ul.sub-menu */ /* ----------------------------------------------------- */ #MenuClone #hmNav ul li ul, #MenuClone #hmNav ul li ul.sub-menu, #MenuClone #hmNav ul li ul.sub-menu ul.children { position : relative ; top : 0px; left : 0px !important; border : 0px; display : none; margin : 0px; } #MenuClone #hmNav ul li ul li, #MenuClone #hmNav ul li ul.sub-menu li { position : relative; top : 0px; left : 0px; width : 100%; min-width : 100%; height : auto; border-top : 1px solid #ffffff !important; border-bottom : 1px solid #a49e81 !important; border-radius : 0px !important; display : block; padding : 0px 0px 0px 1.5em !important; margin : 0px auto 0px auto !important; z-index : 10000; } #MenuClone #hmNav ul li ul li, #MenuClone #hmNav ul li ul.sub-menu li { background-color : #f8f5e9 !important; background-color : rgba(235, 231, 213, 0.95) !important; } #MenuClone #hmNav ul li ul li a, #MenuClone #hmNav ul li ul.sub-menu li a { color : #665533 !important; } #MenuClone #hmNav ul li ul li:hover, #MenuClone #hmNav ul li ul.sub-menu li:hover { background : #0069c0 !important; background : rgba(0, 105, 192, 0.8) !important; } #MenuClone #hmNav ul li ul li:hover a, #MenuClone #hmNav ul li ul.sub-menu li:hover a { color : #ffffff !important; } #MenuClone #hmNav ul li ul.sub-menu li.current_page_item, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item, #MenuClone #hmNav ul li ul.sub-menu li.current_page_item:hover, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item:hover { background : #0069c0 !important; background : rgba(0, 105, 192, 0.8) !important; } #MenuClone #hmNav ul li ul.sub-menu li.current_page_item a, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item a, #MenuClone #hmNav ul li ul.sub-menu li.current_page_item:hover a, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item:hover a { color : #ffffff !important; } #MenuClone #hmNav ul li ul li a, #MenuClone #hmNav ul li ul.sub-menu li a { line-height : 1.2; background-color : transparent; background-image : url(../../images/sub1.png), url(../../custom/img/ico/ico-arrow2.png); background-position : 0px -62px, 98% center; background-repeat : no-repeat; padding : 15px 30px 15px 10px !important; } #MenuClone #hmNav ul li ul li:hover a, #MenuClone #hmNav ul li ul.sub-menu li:hover a, #MenuClone #hmNav ul li ul li.current-menu-item a, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item a, #MenuClone #hmNav ul li ul li.current_page_item a, #MenuClone #hmNav ul li ul.sub-menu li.current_page_item a, #MenuClone #hmNav ul li ul li.current-menu-item:hover a, #MenuClone #hmNav ul li ul.sub-menu li.current-menu-item:hover a, #MenuClone #hmNav ul li ul li.current_page_item:hover a, #MenuClone #hmNav ul li ul.sub-menu li.current_page_item:hover a { background-color : transparent; background-image : url(../../images/sub1.png), url(../../custom/img/ico/ico-arrow1.png); background-position : 0px 16px, 98% center; background-repeat : no-repeat; padding : 15px 30px 15px 10px !important; } #MenuClone #hmNav ul li ul li:last-child a, #MenuClone #hmNav ul li ul.sub-menu li:last-child a { background-color : transparent; background-image : url(../../images/subLast.png), url(../../custom/img/ico/ico-arrow2.png); background-position : 0px -64px, 98% center; background-repeat : no-repeat; padding : 15px 30px 15px 10px !important; } #MenuClone #hmNav ul li ul li:last-child:hover a, #MenuClone #hmNav ul li ul.sub-menu li:last-child:hover a, #MenuClone #hmNav ul li ul li:last-child.current-menu-item a, #MenuClone #hmNav ul li ul.sub-menu li:last-child.current-menu-item a, #MenuClone #hmNav ul li ul li:last-child.current_page_item a, #MenuClone #hmNav ul li ul.sub-menu li:last-child.current_page_item a, #MenuClone #hmNav ul li ul li:last-child.current-menu-item:hover a, #MenuClone #hmNav ul li ul.sub-menu li:last-child.current-menu-item:hover a, #MenuClone #hmNav ul li ul li:last-child.current_page_item:hover a, #MenuClone #hmNav ul li ul.sub-menu li:last-child.current_page_item:hover a { background-color : transparent; background-image : url(../../images/subLast.png), url(../../custom/img/ico/ico-arrow1.png); background-position : 0px 21px, 98% center; background-repeat : no-repeat; padding : 15px 30px 15px 10px !important; } #MenuClone #hmNav ul li.AccordionHeadTitle ul.sub-menu { display : none; } #MenuClone #hmNav ul li.menu-item-has-children > div.head span.btn, #MenuClone #hmNav ul li.menu-item-has-children > div.head:hover span.btn { cursor : pointer; color : #ffffff; background-color : transparent; background-position : 98% 2px !important; background-repeat : no-repeat; padding : 0px 0px 0px 0px !important; } #MenuClone #hmNav ul li.menu-item-has-children div.AccordionHead span.btn, #MenuClone #hmNav ul li.menu-item-has-children div.AccordionHead:hover span.btn { background-color : transparent; background-position : 98% -39px !important; background-repeat : no-repeat; padding : 0px 0px 0px 0px !important; } /* ▼サブメニュー アコーディオン用設定 */ /* ************************************************************** */ #MenuClone #hmNav li.menu-item-has-children ul.children { display : block; } #MenuClone #hmNav div.panel { width : 100% !important; } #MenuClone #hmNav div.panel > ul, #MenuClone #hmNav div.panel > ul li { width : 100% !important; float : none !important; clear : both !important; display : block !important; } /* ************************************************************** */ .MenuOpen { display : block !important; } #NavContainer { position : relative; bottom : 0px; width : 100%; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 100000; } #mainNav { position : relative; bottom : 0px; width : 100%; text-align : center; float : none !important; clear : both !important; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #mainNav ul { width : 100%; height : auto; display : table; float : none !important; clear : both !important; background : transparent; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #mainNav ul li { width : 14.28%; height : auto; text-align : center; display : table-cell; float : none; clear : both; border : 0px; padding : 0px 0.0px 0px 0.0px !important; margin : 0px 0.1% 0px 0.1% !important; } #mainNav ul li div.MainLink { width : 100% !important; height : 60px; overflow : hidden; white-space : nowrap; height : auto; text-align : center; background : #008cff; background : rgba(0, 140, 255, 0.8); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display : table !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #mainNav ul li div.MainLink a { width : 100% !important; height : auto; text-align : center; display : table-cell; border-left : 1px solid #017ee5;/* 008cff */ border-right : 1px solid rgba(0, 140, 255, 0.35); padding : 20px 8px 20px 8px; margin : 0px 0px 0px 0px; } div.MainLink span.cell { display : none; } #mainNav ul li:hover { background : #0069c0 !important; background : rgba(0, 105, 192, 0.8) !important; } #mainNav ul li div.MainLink:hover { width : 100% !important; height : auto; text-align : center; background : #0069c0 !important; background : rgba(0, 105, 192, 0.8) !important; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display : table !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #mainNav ul li.current_page_item, #mainNav ul li.current-menu-item, #mainNav ul li.current_page_item div.MainLink, #mainNav ul li.current-menu-item div.MainLink, #mainNav ul li.current_page_item div.MainLink:hover, #mainNav ul li.current-menu-item div.MainLink:hover { background : #0069c0; background : rgba(0, 105, 192, 0.8); } #mainNav ul li a, #mainNav ul li div.head { width : auto; height : auto; font-size : 110%; text-align : center; border : 0px; display : block; cursor : pointer; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #mainNav ul li a, #mainNav ul li div.head { color : #ffffff; background : transparent; } #mainNav ul li a:hover, #mainNav ul li div.head:hover { color : #ffffff; background : transparent; } #mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a, #mainNav ul li.current_page_item div.head, #mainNav ul li.current-menu-item div.head { color : #ffffff; background : transparent; } #mainNav ul li { z-index : 1; } #mainNav ul li:hover { z-index : 10000; } /* ▼ #mainNav ul li ul */ /* ----------------------------------------------------------------------- */ #mainNav ul li ul { position : absolute; top : 66px; left : -2px; width : 100%; min-width : 240px;/* ★ */ overflow : hidden; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; display : none; z-index : 1000000; } #mainNav ul li ul li ul { position : relative; top : 0px; border-radius : 0px 0px 0px 0px; border : 0px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #mainNav ul li ul.sub-menu li { position : relative; top : 0px; left : 0px; width : 240px;/* ★ */ height : auto; background-color : #f8f5e9; background-color : rgba(235, 231, 213, 0.95); border-top : 1px solid #ffffff !important; border-bottom : 1px solid #a49e81 !important; display : block; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; z-index : 10000; } #mainNav ul li ul.sub-menu li a { color : #665533; font-weight : normal !important; } #mainNav ul li ul.sub-menu li:hover a { color : #ffffff; } /* #mainNav ul li:hover ul.sub-menu { display : block; } */ #mainNav ul.children, #mainNav ul.children li { position : relative; top : 0px; width : auto; border-top : 1px solid #a49e81 !important; border-bottom : 1px solid #a49e81 !important; display : block !important; padding : 0px 0px 0px 0px !important; margin : 0px 0px 0px 0px !important; } #mainNav ul.children li:last-child { border-top : 0px solid #a49e81; } #mainNav ul li:hover ul li ul.children { display : block !important; } /* #mainNav ul.children, #mainNav ul.children li:last-child { border-bottom : 0px !important; } */ #mainNav ul li ul li ul.children li, #mainNav ul li ul li ul.children li:last-child { display : block; padding-left : 20px !important; } #mainNav ul li ul li:last-child { border-top : 1px solid #a49e81; border-bottom : 0px solid #a49e81; } #mainNav ul li ul li:hover, #mainNav ul li ul li:hover ul.sub-menu li:hover, #mainNav ul li ul li.current_page_item, #mainNav ul li ul li.current_page_item ul.sub-menu li { color : #ffffff !important; /* background-color : #83ad0e !important; background-color : rgba(85, 129, 0, 0.95) !important; */ background-color : #008cff; background-color : rgba(0, 140, 255, 0.8) !important; } #mainNav ul li ul li:hover ul.sub-menu li { color : #665533 !important; background-color : #f8f5e9 !important; background-color : rgba(235, 231, 213, 0.85) !important; } #mainNav ul li ul li a, #mainNav ul li.current_page_item ul li a { line-height : 1.4; width : 100%; height : auto; font-weight : bold; text-align : left; display : block !important; background-color : transparent; background-image : url(../../images/sub1.png); background-position : 10px -60px; background-repeat : no-repeat; padding : 15px 6px 15px 24px !important; margin : 0px auto 0px auto !important; } #mainNav ul li ul li a { color : #665533 !important; } #mainNav ul li ul li:hover a, #mainNav ul li ul li:hover ul.sub-menu li:hover a, #mainNav ul li ul li.current_page_item a, #mainNav ul li ul li.current_page_item ul.sub-menu li a { background-color : transparent; background-image : url(../../images/sub1.png); background-position : 10px 20px; background-repeat : no-repeat; } #mainNav ul li ul li:hover a, #mainNav ul li ul li:hover ul.sub-menu li:hover a, #mainNav ul li ul li:hover ul.sub-menu li a:hover, #mainNav ul li ul li:last-child:hover ul li a:hover, #mainNav ul li ul.sub-menu li:last-child:hover ul.children li a:hover, #mainNav ul li ul li.current_page_item a, #mainNav ul li ul li.current_page_item ul li a { color : #ffffff !important; } #mainNav ul li ul li:hover ul.sub-menu li a, #mainNav ul li ul li:last-child:hover ul li a, #mainNav ul li ul.sub-menu li:last-child:hover ul.children li a, #mainNav ul li ul li.current_page_item ul li a { color : #665533 !important; } #mainNav ul li ul li a strong { width : 100%; text-align : left; display : block; padding : 10px 4px 10px 4px; margin : 0px auto 0px auto; } /* #83ad0e */ #mainNav ul li ul li:last-child a, #mainNav ul li ul li:hover ul.sub-menu li:last-child a { width : 100%; display : block; background-color : transparent; background-image : url(../../images/subLast.png); background-position : 10px -65px; background-repeat : no-repeat; padding : 4px 6px 4px 18px; margin : 0px 0px 0px 0px; } #mainNav ul li ul li:last-child a:hover, #mainNav ul li ul li:hover ul.sub-menu li:last-child a:hover, #mainNav ul li ul li:last-child.current_page_item a, #mainNav ul li ul li.current_page_item ul li:last-child a { background-color : transparent; background-image : url(../../images/subLast.png); background-position : 10px 20px; background-repeat : no-repeat; } #mainNav ul li ul li:last-child ul li a, #mainNav ul li ul.sub-menu li:last-child ul.children li a { background-color : transparent; background-image : url(../../images/sub1.png); background-position : 10px -60px; background-repeat : no-repeat; } #mainNav ul li ul li:last-child ul li a:hover, #mainNav ul li ul.sub-menu li:last-child ul.children li a:hover, #mainNav ul li ul li ul li.current_page_item a, #mainNav ul li ul.sub-menu li ul.children li.current_page_item a { background-color : transparent; background-image : url(../../images/sub1.png); background-position : 10px 20px; background-repeat : no-repeat; } #mainNav ul li ul li:hover ul li.current_page_item a, #mainNav ul li ul.sub-menu li:hover ul.children li.current_page_item a { color : #ffffff !important; } #mainNav ul li ul li:last-child ul li:last-child a, #mainNav ul li ul.sub-menu li:last-child ul.children li:last-child a { background-color : transparent; background-image : url(../../images/subLast.png); background-position : 10px -65px; background-repeat : no-repeat; } #mainNav ul li ul li:last-child:hover a, #mainNav ul li ul li:last-child ul li:last-child a:hover, #mainNav ul li ul.sub-menu li:last-child ul.children li:last-child a:hover { background-color : transparent; background-image : url(../../images/subLast.png); background-position : 10px 20px; background-repeat : no-repeat; } #mainNav ul li ul li ul li:last-child.current_page_item a, #mainNav ul li ul.sub-menu li ul.children li:last-child.current_page_item a { background-color : transparent; background-image : url(../../images/subLast.png); background-position : 10px 20px !important; background-repeat : no-repeat; } /* ▼ #mainNav ul li ul li:first-child */ /* ----------------------------------------------------------------------- */ #mainNav ul li ul li:first-child { border-top : 1px solid #a49e81; } /* ▼ #mainNav ul li ul li ul.sub-menu */ /* ----------------------------------------------------------------------- */ #mainNav ul li ul li ul.sub-menu, #mainNav ul li:hover ul li ul.sub-menu { position : relative !important; top : 0px !important; left : 0px !important; width : auto !important; min-width : 100% !important; border-radius : 0px !important; border : 0px !important; border-top : 1px solid #a49e81; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; z-index : 1000000; } #mainNav ul li ul li ul.sub-menu li, #mainNav ul li:hover ul li ul.sub-menu li { position : relative !important; top : 0px !important; left : 0px !important; width : auto !important; min-width : 100% !important; border-top : 1px solid #a49e81; border-bottom : 1px solid #a49e81; padding : 0px 0px 0px 2em !important; margin : 0px auto -1px auto !important; z-index : 1000000; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ HEADING */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ----------------------------------------------------------------------- */ /* ▼ div.BGHead */ /* ----------------------------------------------------------------------- */ /* ▼ div.BGH1Head */ /* ------------------------------ */ div.BGH1Head, div.BGH2Head { position : relative; top : 0px; width : 100%; display : table; background-color : #352107; background-position : center center; background-repeat : no-repeat; background-size : 100% auto; border-collapse : separate; border-spacing : 0px; border-top : 5px solid #e8e7da; border-bottom : 5px solid #e8e7da; box-shadow : 0px 10px 10px #3b372e; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.BGH1Head span.filter, div.BGH2Head span.filter { position : absolute; bottom : 0px; width : 100%; height : 100%; background : transparent url(../../custom/img/heading/bg-head.png) center bottom repeat-x; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.BGH1Head h1, div.BGH2Head h2 { position : relative; top : 0px; height : 265px; font-size : 240%; font-weight : bold; text-align : center; vertical-align : middle; color : #ffffff; background : transparent url(../../custom/img/design/bg-bottom-jimon-beige.png) center bottom repeat-x; text-shadow : 0px 0px 3px #524b3b, 0px 0px 3px #524b3b, 0px 3px 6px #524b3b, 0px 6px 10px #524b3b; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 1; } div.BGH1Head h1 span, div.BGH2Head h2 span { font-size : 50%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.BGHead1 */ /* ------------------------------ */ div.BGHead1 { position : relative; top : 0px; width : 100%; background-color : #352107; background-position : center center; background-repeat : no-repeat; background-size : 100% auto; display : table; padding : 0px 0px 0px 0px; margin : 25px auto 25px auto; } div.BGHead1 h2 { height : 265px; font-size : 240%; text-align : center; vertical-align : middle; color : #ffffff; background : transparent url(../../custom/img/design/bg-bottom-jimon-beige.png) center bottom repeat-x; text-shadow : 0px 0px 6px #373429, 0px 0px 6px #373429, 0px 0px 6px #373429, 0px 0px 6px #373429; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.BGHead1 h2 span { font-size : 50%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.BGHead2 */ /* ------------------------------ */ div.BGHead2 { position : relative; top : 0px; width : 98%; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.BGHead2 h2 { height : auto; font-size : 240%; text-align : center; vertical-align : middle; color : #ffffff; background : #352107 url(../../custom/img/design/bg-bottom-jimon-brown2.png) center bottom repeat-x; text-shadow : 0px 0px 6px #373429, 0px 0px 6px #373429, 0px 0px 6px #373429, 0px 0px 6px #373429; display : table-cell; border-radius : 6px 6px 0px 0px; padding : 25px 0px 55px 0px; margin : 0px auto 0px auto; } div.BGHead2 h2 span { font-size : 35%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.BGHeadRed */ /* ------------------------------ */ div.BGHeadRed { position : relative; top : 0px; width : 99%; display : table; padding : 0px 0px 0px 0px; margin : 35px auto 10px auto; } div.BGHeadRed h2 { height : auto; font-size : 160%; text-align : left; vertical-align : middle; color : #ffffff; background : #ea4b4b url(../../custom/img/design/bg-bottom-jimon-beige2.png) center bottom repeat-x; display : table-cell; border-radius : 6px 6px 6px 6px; padding : 10px 15px 5px 15px; margin : 0px auto 0px auto; } div.BGHeadRed h2 span { font-size : 35%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.BGHeadBrown */ /* ------------------------------ */ div.BGHeadBrown { position : relative; top : 0px; width : 99%; display : table; padding : 0px 0px 0px 0px; margin : 35px auto 10px auto; } div.BGHeadBrown h2 { height : auto; font-size : 160%; text-align : left; vertical-align : middle; color : #ffffff; background : #352107 url(../../custom/img/design/bg-bottom-jimon-brown2.png) center bottom repeat-x; display : table-cell; border-radius : 6px 6px 6px 6px; padding : 10px 15px 5px 15px; margin : 0px auto 0px auto; } div.BGHeadBrown h2 span { font-size : 35%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.BGHeadBlue */ /* ------------------------------ */ div.BGHeadBlue { position : relative; top : 0px; width : 99%; display : table; padding : 0px 0px 0px 0px; margin : 35px auto 10px auto; } div.BGHeadBlue h2 { height : auto; font-size : 160%; text-align : left; vertical-align : middle; color : #ffffff; background : #008cff url(../../custom/img/design/bg-bottom-jimon-brown2.png) center bottom repeat-x; display : table-cell; border-radius : 6px 6px 6px 6px; padding : 10px 15px 5px 15px; margin : 0px auto 0px auto; } div.BGHeadBlue h2 span { font-size : 35%; text-align : center; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.BGHeadRed h2 span.note, div.BGHeadBrown h2 span.note, div.BGHeadBlue h2 span.note { font-size : 60%; text-align : center; color : #e2dec5; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer article:nth-child(1) div.BGHeadRed, #NormalmenuContainer article:first-child div.BGHeadRed, #NormalmenuContainer article:nth-child(1) div.BGHeadBrown, #NormalmenuContainer article:first-child div.BGHeadBrown, #NormalmenuContainer article:nth-child(1) div.BGHeadRed, #NormalmenuContainer article:first-child div.BGHeadRed { margin : 10px auto 10px auto; } #NowledgeBathingContainer article:nth-child(1) div.BGHeadRed, #NowledgeBathingContainer article:first-child div.BGHeadRed, #NowledgeBathingContainer article:nth-child(1) div.BGHeadBrown, #NowledgeBathingContainer article:first-child div.BGHeadBrown, #NowledgeBathingContainer article:nth-child(1) div.BGHeadRed, #NowledgeBathingContainer article:first-child div.BGHeadRed { margin : 10px auto 10px auto; } div.EntryMainTitle { width : 98%; display : block !important; padding : 0px 0px 0px 0px !important; margin : 5px auto 5px auto !important; } /* SNS */ div.h-sns { background-image : url(../../custom/img/heading/h-sns.jpg); } /* その他 */ div.h-other { background-image : url(../../custom/img/heading/h-other.jpg); } /* ご利用案内 */ div.h-page-userguide { background-image : url(../../custom/img/heading/h-page-userguide.jpg); } /* お風呂 */ div.h-page-bath { background-image : url(../../custom/img/heading/h-page-bath.jpg); } /* お食事処 */ div.h-page-restaurant { background-image : url(../../custom/img/heading/h-page-restaurant.jpg); } /* 定食・丼ぶり */ div.h-page-donburi { background-image : url(../../custom/img/heading/h-page-donburi.jpg); } /* そば・うどん・ラーメン */ div.h-page-menrui { background-image : url(../../custom/img/heading/h-page-menrui.jpg); } /* おつまみ */ div.h-page-sakana { background-image : url(../../custom/img/heading/h-page-sakana.jpg); } /* スパゲッティ―・おやき・手作りパイ */ div.h-page-konamono { background-image : url(../../custom/img/heading/h-page-konamono.jpg); } /* ソフトドリンク・お酒 */ div.h-page-drink { background-image : url(../../custom/img/heading/h-page-drink.jpg); } /* 宴会料理 */ div.h-page-utage { background-image : url(../../custom/img/heading/h-page-utage.jpg); } /* 施設案内 */ div.h-page-floorguide { background-image : url(../../custom/img/heading/h-page-floorguide.jpg); } /* アクセス */ div.h-page-access { background-image : url(../../custom/img/heading/h-page-access.jpg); } /* よくある質問 */ div.h-page-faq { background-image : url(../../custom/img/heading/h-page-faq.jpg); } /* お問い合わせ */ div.h-page-contactus { background-image : url(../../custom/img/heading/h-page-contactus.jpg); } /* ----------------------------------------------------------------------- */ /* ▼ div.FeatureBannerContainer */ /* ----------------------------------------------------------------------- */ div.FeatureBannerContainer { position : relative; top : 0px; width : 96%; display : block; padding : 0px 0px 0px 0px; margin : 30px auto 0px auto; } div.FBC_FooterStyle { position : relative; top : 0px; width : 96%; background : url(../../custom/img/design/g-bannerarea.png) center top no-repeat; display : block; padding : 100px 0px 0px 0px; margin : 30px auto 0px auto; } ul.FeatureSet { display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } ul.FeatureSet li { position : relative; top : 0px; width : 33.3%; text-align : center; vertical-align : top; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } ul.FeatureSet li span.fukidashi { position : absolute; top : -30px; left : -20px; width : 33%; max-width : 100px; overflow : hidden; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 100; } ul.FeatureSet li span.fukidashi img { width : 100%; height : auto; max-width : 100px; text-align : center; vertical-align : top; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } ul.FeatureSet li a { position : relative; top : 0px; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } ul.FeatureSet li a img { width : 100%; height : auto; max-width : 280px; text-align : center; vertical-align : top; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ #breadcrumbs */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #breadcrumbs { position : relative; top : 0px; width : 98%; text-shadow : 0px 0px 3px #ffffff, 0px 0px 3px #eeede3,0px 0px 6px #ffffff, 0px 0px 9px #ffffff, 0px 0px 3px #eeede3, 0px 0px 12px #eeede3; margin : 0px auto 0px auto; } #breadcrumbs * { /*text-shadow : 0px 0px 5px #00477d, 0px 0px 5px #00477d;*/ } #breadcrumbs div.breadcrumbsContainer { position : relative; top : 0px; background : transparent; border-bottom : 1px dashed #d3d1c1; border-radius : 6px 6px 6px 6px !important; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #breadcrumbs div.breadcrumbsBase { float : none !important; clear : both !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #breadcrumbs div.breadcrumbsInner { width : 98% !important; font-weight : bold; color : #990000; padding : 8px 0px 8px 0px; margin : 0px auto 0px auto; } #breadcrumbs div.breadcrumbsInner:before { content : '・'; color : #fe9b0b; } #breadcrumbs div.breadcrumbsInner span { color : #ddd7d2; text-shadow : none; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px 2px 0px 2px; } #breadcrumbs div.breadcrumbsInner a:first-child { padding : 4px 4px 4px 4px; } #breadcrumbs div.breadcrumbsInner a { color : #685c43; text-decoration : none; display : inline-block; padding : 4px 4px 4px 4px; } #breadcrumbs div.breadcrumbsInner a:hover { color : #cc0000 !important; text-decoration : underline; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ FOOTER */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ----------------------------------------------------------------------- */ /* ▼ #footer */ /* ----------------------------------------------------------------------- */ #footer { position : relative; top : 0px; width : auto; text-align : center; border : 0px; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 10000 !important; } /* ----------------------------------------------------------------------- */ /* ▼ #FooterBannerContainer */ /* ----------------------------------------------------------------------- */ #FooterBannerContainer { text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 50px auto 650px auto; } #FooterBannerContainer ul.FooterBannerSet { text-align : center; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FooterBannerContainer ul.FooterBannerSet li { width : 50%;/* 33.3% */ text-align : center; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FooterBannerContainer ul.FooterBannerSet li img { width : 90%; height : auto; max-width : 290px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #btnInquiry */ /* ----------------------------------------------------------------------- */ #btnInquiry { text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 35px auto 35px auto; } #btnInquiry a { width : 164px; height : 140px; text-align : center; text-decoration : none; vertical-align : bottom; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #btnAnchor */ /* ----------------------------------------------------------------------- */ #btnAnchor { text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #btnAnchor a { width : 47px; height : 30px; text-align : center; text-decoration : none; vertical-align : bottom; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #FooterContent */ /* ----------------------------------------------------------------------- */ #FooterContent { width : auto; overflow : hidden; text-align : center; color : #ffffff; background : #008cff url(../../custom/img/design/bg-bottom-jimon-blue.png) center bottom repeat-x !important; background : rgba(0, 140, 255, 0.35) url(../../custom/img/design/bg-bottom-jimon-blue.png) center bottom repeat-x !important; padding : 25px 0px 25px 0px; margin : 0px auto 0px auto; } #FooterContentInner { text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FooterContent address { width : 98%; text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FooterContent address span { text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FooterContent address span.coname { text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } #FooterContent address span.zip { display : inline-block; } #FooterContent address span.addr { display : inline-block; } #FooterContent address span.ContactContainer { text-align : center; display : block; margin : 0px auto 5px auto; } #FooterContent address span.ContactContainer span.Phone { display : inline-block; margin : 0px 5px 0px 5px; } #FooterContent address span.ContactContainer span.Facsimile { display : inline-block; margin : 0px 5px 0px 5px; } #FooterContent address strong { font-size : 130%; font-weight : normal; } #FooterContent address #FooterInquiry { text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } #FooterContent address #FooterInquiry a { color : #ffffff; } /* ----------------------------------------------------------------------- */ /* ▼ #Copyright */ /* ----------------------------------------------------------------------- */ #Copyright { width : auto; text-align : center; background : rgba(0, 104, 255, 0.50); border-top : 1px solid #0068ff; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #Copyright small { width : auto; text-align : center; color : #ffffff; display : block; padding : 10px 6px 10px 6px; margin : 0px auto 0px auto; } #Copyright small a { color : #ffffff; } #Copyright small strong { font-weight : normal; } /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★FORNTPAGE /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ----------------------------------------------------------------------- */ /* ▼ #FrontImageContainer */ /* ----------------------------------------------------------------------- */ #FrontImageContainer { position : relative; top : 0px; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FrontImageContainerLeft { position : relative; top : 0px; width : 65%; text-align : left; vertical-align : top; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FrontImageContainerLeft img { width : 100%; height : auto; max-width : 625px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FrontImageContainerRight { position : relative; top : 0px; width : 35%; text-align : center; vertical-align : bottom; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FrontImageContainerRight img { width : 100%; height : auto; max-width : 215px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #PickupContainer */ /* ----------------------------------------------------------------------- */ #PickupContainer { width : 98%; display : table; border-collapse : separate; border-spacing : 5px; padding : 0px 0px 0px 0px; margin : 25px auto 0px auto; } #PickupContainer div.PickupCell { position : relative; top : 0px; vertical-align : top; display : table-cell; background : rgba(255, 255, 255, 0.75); border-radius : 6px 6px 6px 6px !important; padding : 0px 0px 6px 0px; margin : 0px auto 0px auto; } #PickupContainer div.PickupCell.Information h2 img { position : relative; top : -64px; display : block; padding : 0px 0px 0px 0px; margin : 0px auto -74px auto; } #PickupContainer div.PickupCell.RecommendedMenu h2 img { position : relative; top : -64px; display : block; padding : 0px 0px 0px 0px; margin : 0px auto -74px auto; } #PickupContainer div.PickupCell div.PickupBase { vertical-align : top; display : block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #PickupContainer div.Information { width : 37%; } #PickupContainer div.RecommendedMenu { width : 63%; } #PickupContainer div.PickupCell h2 { line-height : 1.2; font-size : 180%; color : #ffffff; text-align : center; border-bottom : 5px solid #e8e7da; border-radius : 6px 6px 0px 0px; padding : 4px 4px 4px 4px; } #PickupContainer div.PickupCell h2 span { line-height : 1.1; font-size : 50%; color : #e8e7da; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 2px auto 5px auto; } #PickupContainer div.Information h2 { background : #008cff; } #PickupContainer div.RecommendedMenu h2 { background : #fe9b0b; } /* ----------------------------------------------------------------------- */ /* ▼ div.Information */ /* ----------------------------------------------------------------------- */ #PickupContainer div.Information ul { width : 99%; padding : 0px 0px 0px 0px; margin : 1px auto 1px auto; } #PickupContainer div.Information ul li { width : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #PickupContainer div.Information ul li { background-color : #fbfbf8; background-color : rgba(247, 247, 242, 0.5); } #PickupContainer div.Information ul li:nth-child(2n) { background-color : #ffffff; background-color : rgba(255, 255, 255, 0.50); } #PickupContainer div.Information ul li:hover { background-color : #ffff77; background-color : rgba(255, 255, 119, 0.50); } #PickupContainer div.Information ul li a { line-height : 1.2; width : auto; color : #353535; background-image : url(../../custom/img/ico/ico-spa.png), url(../../custom/img/ico/ico-arrow2.png); background-position : 4px center, 98% center; background-repeat : no-repeat, no-repeat; display : block; border-top : 1px solid #f7f7f2; border-bottom : 1px solid #e8e7da; padding : 4px 28px 5px 44px; margin : 0px auto 0px auto; } #PickupContainer div.Information ul li a time { line-height : 1.0; width : auto; color : #4ea3dd; text-align : left !important; display : block; padding : 0px 0px 0px 0px; margin : 1px auto 0px auto; } #PickupContainer div.Information div.PickupBase { background : transparent url(../../custom/img/design/bg-mark.png) 110% 98% no-repeat; } /* ----------------------------------------------------------------------- */ /* ▼ easytabs */ /* ----------------------------------------------------------------------- */ #TabContainer .TabMenu { width : 94%; display : table; border-collapse : separate; border-spacing : 5px 0px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ #TabContainer .tab */ /* -------------------------------------------- */ #TabContainer .tab { width : 32%; display : table-cell; zoom : 1; /* *display : inline; */ border-bottom : none; padding : 0px 0px 0px 0px; } #TabContainer .tab a { line-height : 2em; font-size : 14px; text-align : center; outline : none; display : block; background : #d3d1c1; border-radius : 4px 4px 0px 0px; padding : 4px 4px 4px 4px; } #TabContainer .tab a:hover { text-decoration : underline; } #TabContainer .tab a img { width : 100%; height : auto; max-width : 73px; padding : 4px 4px 4px 4px; } #TabContainer .tab.active { padding-top : 6px; position : relative; top : 1px; border-color : #666; } #TabContainer .tab a.active { font-weight : bold; background : #e8e7da; } #TabContainer .tab a:hover { background : #ffff77; } #TabContainer .tab-box .panel-box { border : solid #666 1px; padding : 10px; } #TabContainer .panel-box { margin-bottom : 10px; } /* ▼ #TabContainer div.TabOuter */ /* -------------------------------------------- */ #TabContainer div.TabOuter { width : 98%; color : #645548; background : #e8e7da; display : block; border-radius : 4px 4px 4px 4px; padding : 10px 10px 10px 10px; margin : 0px auto 0px auto; } /* ▼ #TabContainer div.TabOuter div.TabContent */ /* -------------------------------------------- */ #TabContainer div.TabOuter div.TabContent { position : relative; top : 0px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #TabContainer div.TabOuter div.TabContent p.Desc { position : relative; top : 0px; width : auto; font-size : 94%; padding : 2px 2px 2px 2px; margin : 0px auto 0px auto; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame { position : relative; top : 0px; width : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame header { position : absolute; top : 5px;/* 10px */ left : 0px; width : 90%; display : table; border-collapse : separate; border-spacing : 0px; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame header h3 { width : 90%; line-height : 1.2; font-size : 100%;/* 200% */ background: #ffffff; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ display : table-cell; padding : 8px 4px 4px 8px; margin : 0px 0px 0px 0px; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame header h3 span { line-height : 1.2; font-size : 70% !important; color : #990000; display : block; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame span.ObiEnd { width : 10%; display : table-cell; background : url(../../custom/img/design/bg-obi-end.png) left center no-repeat; background-size : auto 100%; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.Filter { position : absolute; top : 0px; width : 100% !important; height : 100% !important; display : block; background : url(../../custom/img/design/g-filter.png) center center no-repeat; background-size : 100% 100%; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.RMP { width : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.RMP img { width : 100%; height : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #PickupContainer */ /* ----------------------------------------------------------------------- */ #FacilitiesContainer { width : 98%; display : table; border-collapse : separate; border-spacing : 5px; padding : 0px 0px 0px 0px; margin : 80px auto 25px auto; } #FacilitiesContainer div.SummaryOfFacilities { width : 100%; position : relative; top : 0px; vertical-align : top; background : rgba(255, 255, 255, 0.75); padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FacilitiesContainer div.SummaryOfFacilities h2 { line-height : 1.2; font-size : 180%; color : #ffffff; background : #71ac13; text-align : center; border-bottom : 5px solid #e8e7da; border-radius : 6px 6px 0px 0px; padding : 4px 4px 4px 4px; } #FacilitiesContainer div.SummaryOfFacilities h2 img { position : relative; top : -78px; width : 100%; height : auto; max-width : 350px; display : block; padding : 0px 0px 0px 0px; margin : 0px auto -78px auto; } #FacilitiesContainer div.SummaryOfFacilities h2 { line-height : 1.2; font-size : 180%; color : #ffffff; text-align : center; border-bottom : 5px solid #e8e7da; border-radius : 6px 6px 0px 0px; padding : 4px 4px 4px 4px; } #FacilitiesContainer div.SummaryOfFacilities h2 span { line-height : 1.1; font-size : 50%; color : #e8e7da; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 2px auto 5px auto; } #FacilitiesContainer div.FacilitiesContent { width : auto; background-color : #ffffff; display : table; border-collapse : separate; border-spacing : 0px; border-radius : 0px 0px 6px 6px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FacilitiesContainer div.FacilitiesCell { position : relative; top : 0px; } #FacilitiesContainer div.FacilitiesCell h3 { width : 100%; color : #645548; background-color : transparent; border-bottom : 1px dashed #b7b49f; padding : 8px 8px 12px 40px; margin : 0px auto 0px auto; } #FacilitiesContainer div.FacilitiesContent div.FacilitiesCell h3.ico-price { background : url(../../custom/img/ico/ico-price.png) 4px center no-repeat !important; } #FacilitiesContainer div.FacilitiesContent div.FacilitiesCell h3.ico-businesshours { background : url(../../custom/img/ico/ico-businesshours.png) 4px center no-repeat !important; } #FacilitiesContainer div.FacilitiesContent div.FacilitiesCell h3.ico-maintenance { background : url(../../custom/img/ico/ico-maintenance.png) 4px center no-repeat !important; } #FacilitiesContainer div.FacilitiesCellLeft { /* width : 64%; */ width : 42%; display : table-cell; background : url(../../custom/img/design/bg-facilities.png) right bottom no-repeat; background-size : auto 100%; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FacilitiesContainer div.FacilitiesCellLeft dl { width : auto; display : block; padding : 4px 0px 4px 0px; margin : 0px 8px 35px 13px; } #FacilitiesContainer div.FacilitiesCellLeft dl dt { line-height : 1.1; width : auto; font-weight : bold; display : block; background : url(../../custom/img/ico/ico-head-green.png) left center no-repeat !important; padding : 0px 0px 0px 1.5em; margin : 5px auto 0px auto; } #FacilitiesContainer div.FacilitiesCellLeft dl dd { line-height : 1.2; width : auto; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 5px 1.5em; } #FacilitiesContainer div.FacilitiesCellLeft dl dd strong { color : #dd2b0c; } #FacilitiesContainer div.FacilitiesCellRight { width : 36%; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FacilitiesContainer div.FacilitiesCellRight h3 { width : 94%; } #FacilitiesContainer section:first-child { margin : 0px auto 15px auto; } #FacilitiesContainer div.FacilitiesCellRight p { text-align : center; margin : 5px auto 5px auto; } #FacilitiesContainer div.FacilitiesCellRight p span { font-size : 74%; text-align : center; margin : 5px auto 5px auto; } #FacilitiesContainer div.FacilitiesCellRight article { width : 94%; margin : 5px auto 5px auto; } #FacilitiesContainer div.FacilitiesCellRight article h4 { width : 94%; font-size : 92%; margin : 8px auto 3px auto; } #FacilitiesContainer div.FacilitiesCellRight article ul { width : 94%; font-size : 94%; font-weight : bold; display : block; margin : 3px auto 3px auto; } #FacilitiesContainer div.FacilitiesCellRight article ul li { width : 50%; float : left; margin : 3px auto 3px auto; } #FacilitiesContainer div.FacilitiesCellRight article ul li span.month { min-width : 40px; color : #ffffff; background : #645548; text-align : center; display : inline-block; border-radius : 2px 2px 2px 2px; padding : 4px 4px 2px 4px; margin : 3px 3px 3px 3px; } /* ----------------------------------------------------------------------- */ /* ▼ #SnsContainer */ /* ----------------------------------------------------------------------- */ #SnsContainer { position : relative; top : 0px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #SnsInnerContainer { width : 100%; display : table; border-collapse : separate; border-spacing : 10px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #SnsInnerContainer div.SnsContainerLeft { width : 50%; max-width : 500px; text-align : center; vertical-align : top; background : #ffffff; border-radius : 6px 6px 6px 6px; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #SnsInnerContainer div.SnsContainerRight { width : 50%; max-width : 500px; text-align : center; vertical-align : top; background : #ffffff; border-radius : 6px 6px 6px 6px; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #TwitterContainer, #FacebookContainer { border-radius : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ Titter */ /* --------------------------------------------- */ #TwitterContainer h2 { color : #ffffff; background : #55acee url(../../custom/img/sns/ico2-l-twitter.png) 15px center no-repeat; border-bottom : 5px solid #e8e7da; border-radius : 6px 6px 0px 0px; padding : 35px 4px 35px 95px; margin : 0px auto 0px auto !important; } #TwitterContainer div.Twitter { width : 100% !important; text-align : center; display : block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #TwitterContainer div.Twitter iframe { margin : 0px auto 0px auto; } /* ▼ Facebook */ /* --------------------------------------------- */ #FacebookContainer h2 { color : #ffffff; background : #3b5998 url(../../custom/img/sns/ico2-l-facebook.png) 15px center no-repeat; border-bottom : 5px solid #e8e7da; border-radius : 6px 6px 0px 0px; padding : 35px 4px 35px 95px; margin : 0px auto 0px auto !important; } #FacebookContainer div.fb-page { width : 100% !important; text-align : center; display : block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FacebookContainer div.fb-page iframe { width : 100% !important; min-width : 280px !important; max-width : 100% !important; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★PAGE /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ----------------------------------------------------------------------- */ /* ▼ section */ /* ----------------------------------------------------------------------- */ section { display : block; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } /* ----------------------------------------------------------------------- */ /* ▼ div.CommonBaseContainer */ /* ----------------------------------------------------------------------- */ div.CommonBaseContainer { position : relative; top : 0px; width : 97.5%; font-size : 110%; background-color : #ffffff; background-color :rgba(255, 255, 255, 0.75); border-radius : 6px 6px 6px 6px; padding : 8px 8px 8px 8px; margin : 25px auto 25px auto; } div.CommonBaseContainer div.BGHeadRed, div.CommonBaseContainer div.BGHeadBrown, div.CommonBaseContainer div.BGHeadBlue { width : 96% !important; padding : 0px 0px 0px 0px; margin : 25px auto 15px auto; } div.CommonBaseContainer article:nth-child(1) div.BGHeadRed, div.CommonBaseContainer article:first-child div.BGHeadRed, div.CommonBaseContainer article:nth-child(1) div.BGHeadBrown, div.CommonBaseContainer article:first-child div.BGHeadBrown, div.CommonBaseContainer article:nth-child(1) div.BGHeadBlue, div.CommonBaseContainer article:first-child div.BGHeadBlue { margin : 15px auto 10px auto; } div.CommonBaseContainer h3 { background : url(../../custom/img/ico/ico-head-h3.png) 6px center no-repeat !important; padding : 8px 8px 6px 35px; margin : 15px 10px 5px 10px; } div.CommonBaseContainer h4 { background : url(../../custom/img/ico/ico-head-h4.png) 6px center no-repeat !important; padding : 8px 8px 6px 34px; margin : 15px 10px 5px 10px; } div.CommonBaseContainer h5 { background : url(../../custom/img/ico/ico-head-h5.png) 8px center no-repeat !important; padding : 8px 8px 6px 34px; margin : 15px 10px 5px 10px; } div.CommonBaseContainer h6 { background : url(../../custom/img/ico/ico-head-h6.png) 10px center no-repeat !important; padding : 8px 8px 6px 34px; margin : 15px 10px 5px 10px; } div.CommonBaseContainer article div.ImgCenterContainer { width : auto; text-align : center; margin : 5px auto 5px auto !important; } div.CommonBaseContainer article div.ImgCenterContainer:last-child { width : auto; margin : 5px auto 20px auto !important; } div.CommonBaseContainer article div.ImgCenterContainer img { border-radius : 8px 8px 8px 8px; } div.CommonBaseContainer article div.ImgStyleSquare img { border-radius : 0px 0px 0px 0px; } div.CommonBaseContainer p { width : 92%; text-align : left; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.CommonBaseContainer ul { width : 93%; text-align : left; display : block; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.CommonBaseContainer ul li { background : url(../../custom/img/ico/ico-circle-green.png) 0px 6px no-repeat; padding : 0px 0px 0px 18px; margin : 5px auto 5px auto; } div.CommonBaseContainer p.note { background : url(../../custom/img/ico/ico-circle-orange.png) 0px 6px no-repeat; padding : 0px 0px 0px 18px; margin : 5px auto 5px auto; } div.CommonBaseContainer p.warning { color : #ff0000; background : url(../../custom/img/ico/ico-warning-red.png) 0px 4px no-repeat; padding : 0px 0px 0px 22px; margin : 5px auto 5px auto; } div.CommonBaseContainer ol { width : 93%; text-align : left; list-style-type : decimal; display : block; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.CommonBaseContainer ol li { padding : 0px 0px 0px 0px; margin : 5px auto 5px 30px; } /* div.CommonBaseContainer dl { width : 96%; text-align : left; display : table; border-collapse : separate; border-spacing : 0px; padding : 0px 0px 0px 0px; margin : 0px auto -1px auto; } div.CommonBaseContainer dl dt { width : 15%; text-align : left; font-weight : bold; background : #eeeeee; border : 1px solid #cccccc; border-right : 0px; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.CommonBaseContainer dl dd { width : 85%; text-align : left; background : #ffffff; border : 1px solid #cccccc; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } */ div.CommonBaseContainer dl { width : 92%; display : block; border-bottom : 1px dotted #b7b49f; padding : 4px 8px 4px 8px; margin : 5px auto 5px auto; } div.CommonBaseContainer dl dt { line-height : 1.1; width : auto; font-weight : bold; display : block; background : url(../../custom/img/ico/ico-head-green.png) left center no-repeat; padding : 2px 2px 2px 1.5em; margin : 5px auto 0px auto; } div.CommonBaseContainer dl dd { line-height : 1.2; width : auto; font-size : 94%; display : block; padding : 2px 2px 2px 2px; margin : 0px auto 5px 1.5em; } div.CommonBaseContainer dl dd strong { color : #dd2b0c; } /* ----------------------------------------------------------------------- */ /* ▼ div.SiteStyleContainer */ /* ----------------------------------------------------------------------- */ div.SiteStyleContainer { width : auto; padding : 0px 0px 0px 0px; margin : 5px auto 35px auto !important; } div.siteStyle { width : 98%; padding : 0px 0px 0px 0px !important; margin : 0px auto 25px auto; } /* ----------------------------------------------------------------------- */ /* ▼ HEADING */ /* ----------------------------------------------------------------------- */ div.siteStyle h2 { background : url(../../custom/img/ico/ico-head-h2.png) 8px center no-repeat !important; border : 1px solid #cccccc; border-radius : 6px 6px 6px 6px; padding : 8px 8px 6px 40px; margin : 15px 0px 5px 0px; } div.siteStyle h3 { background : url(../../custom/img/ico/ico-head-h3.png) 6px center no-repeat !important; border-bottom : 3px double #cccccc; padding : 8px 8px 6px 35px; margin : 15px 6px 5px 6px; } div.siteStyle h4 { background : url(../../custom/img/ico/ico-head-h4.png) 6px center no-repeat !important; border-bottom : 1px solid #cccccc; padding : 8px 8px 6px 34px; margin : 15px 6px 5px 6px; } div.siteStyle h5 { background : url(../../custom/img/ico/ico-head-h5.png) 8px center no-repeat !important; border-bottom : 1px dashed #cccccc; padding : 8px 8px 6px 34px; margin : 15px 6px 5px 6px; } div.siteStyle h6 { background : url(../../custom/img/ico/ico-head-h6.png) 10px center no-repeat !important; padding : 8px 8px 6px 34px; margin : 15px 6px 5px 6px; } div.siteStyle img { background-color : #f8f5e9; border : 1px solid #dddddd; padding : 4px 4px 4px 4px; } div.siteStyle img:hover { opacity : 1.0; } div.siteStyle div.ImgCenterContainer { width : auto; margin : 5px auto 5px auto !important; } div.siteStyle div.ImgCenterContainer:last-child { width : auto; margin : 5px auto 20px auto !important; } div.siteStyle p { width : 92%; text-align : left; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.siteStyle table { width : auto; border-collapse : collapse; border-spacing : 0px; padding : 0px 0px 0px 0px; margin : 25px 15px 25px 15px; } div.siteStyle table tr th { border : 1px solid #d9d5be; } div.siteStyle table tr td { border : 1px solid #d9d5be; } div.siteStyle table thead tr th { width : auto; color : #ffffff; background : #5c8e06; padding : 4px 4px 4px 4px; } div.siteStyle table tbody tr th { width : auto; color : #ffffff; background : #73a316; padding : 4px 4px 4px 4px; } div.siteStyle table tbody tr:nth-child(2n) th { width : auto; color : #ffffff; background : #5c8e06; padding : 4px 4px 4px 4px; } div.siteStyle table tbody tr td { background : #f9f8f2; padding : 4px 4px 4px 4px; } div.siteStyle table tbody tr:nth-child(2n) td { background : #f0eedf; padding : 4px 4px 4px 4px; } div.siteStyle ul { width : 93%; text-align : left; display : block; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.siteStyle ul li { background : url(../../custom/img/ico/ico-circle-green.png) 0px 6px no-repeat; padding : 0px 0px 0px 18px; margin : 5px auto 5px auto; } div.siteStyle p.note { background : url(../../custom/img/ico/ico-circle-orange.png) 0px 6px no-repeat; padding : 0px 0px 0px 18px; margin : 5px auto 5px auto; } div.siteStyle p.warning { color : #ff0000; background : url(../../custom/img/ico/ico-warning-red.png) 0px 4px no-repeat; padding : 0px 0px 0px 22px; margin : 5px auto 5px auto; } div.siteStyle ol { width : 93%; text-align : left; list-style-type : decimal; display : block; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.siteStyle ol li { padding : 0px 0px 0px 0px; margin : 5px auto 5px 30px; } div.siteStyle ol li ul { padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } div.siteStyle ol li ul li { padding : 0px 0px 0px 18px; margin : 5px auto 5px auto; } div.siteStyle dl { width : 92%; display : block; border-bottom : 1px dotted #b7b49f; padding : 4px 8px 4px 8px; margin : 5px auto 5px auto; } div.siteStyle dl dt { line-height : 1.1; width : auto; font-weight : bold; display : block; background : url(../../custom/img/ico/ico-head-green.png) left center no-repeat; padding : 2px 2px 2px 1.5em; margin : 5px auto 0px auto; } div.siteStyle dl dd { line-height : 1.2; width : auto; font-size : 94%; display : block; padding : 2px 2px 2px 2px; margin : 0px auto 5px 1.5em; } div.siteStyle dl dd strong { color : #dd2b0c; } div.siteStyle a { color : #008cff; } div.siteStyle a:hover { color : #ff5e59; } div.siteStyle hr { border : 0px; border-top : 1px solid #cccccc; } /* --------------------------------------------------- */ /* ▼ div.EntryMainTitle span.categoryName */ /* --------------------------------------------------- */ div.EntryMainTitle span.categoryName { position : relative; top : 0px; font-size : 60%; text-align : right; color : #dbdac5; display : inline-block; padding : 6px 14px 6px 14px; margin : 5px 5px 5px 5px; } div.EntryMainTitle span.categoryName span.ParentCategory, div.EntryMainTitle span.categoryName span.ChildCategory { font-size : 100%; color : #dbdac5; display : inline-block; } div.EntryMainTitle span.categoryName span.ParentCategory a, div.EntryMainTitle span.categoryName span.ChildCategory a { font-size : 100%; display : inline-block; } div.EntryMainTitle span.categoryName span.ParentCategory a, div.EntryMainTitle span.categoryName span.ChildCategory a { color : #fdbf01 !important; } div.EntryMainTitle span.categoryName span.ParentCategory a:hover, div.EntryMainTitle span.categoryName span.ChildCategory a:hover { color : #f98080 !important; } div.EntryMainTitle span.categoryName span.ChildCategory { font-size : 100%; color : #dbdac5; display : inline-block; } div.EntryMainTitle span.categoryName span.separater { font-size : 100%; color : #dbdac5; display : inline-block; } /* ----------------------------------------------------------------------- */ /* ▼ div.EntryListContainer */ /* ----------------------------------------------------------------------- */ div.EntryListContainer { width : 96%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f5f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f5f2 100%); /* W3C */ border : 5px solid #ffffff; border-radius : 8px 8px 8px 8px; box-shadow : 0px 0px 10px #c4bda1; padding : 0px 10px 10px 10px; margin : 15px auto 15px auto; } /* ▼ div.EntryListHeadContainer */ /* ---------------------------------------------- */ div.EntryListHeadContainer { width : 100% !important; overflow : hidden; color : #ffffff; background : #2e7fb6; display : table; border : 1px solid #dadada !important; border-radius : 6px 6px 6px 6px !important; padding : 4px 4px 4px 4px !important; margin : 10px auto 15px auto !important; } div.EntryListHeadContainer h2, div.EntryListHeadContainer h3 { width : 80%; font-size : 110%; background-image : url(../../custom/img/ico/ico-spa.png); background-position : 4px center; background-repeat : no-repeat; display : table-cell; padding : 10px 8px 10px 40px !important; margin : 0px auto 0px auto !important; } div.EntryListHeadContainer span.categoryName{ width : 20%; font-size : 9pt; text-align : right !important; vertical-align : middle; background-color : transparent !important; border : 0px !important; display : table-cell; padding : 2px 4px 2px 4px; margin : 5px auto 5px auto; } div.EntryListHeadContainer span.ChildCategory a:hover { color : #ffff00 !important; } div.EntryListHeadContainer span.separater { color : #cccccc; } div.EntryListHeadContainer time { color : #ffffff; } div.EntryListHeadContainer a { color : #ffffff; } div.EntryListHeadContainer h2 a, div.EntryListHeadContainer h3 a { font-weight : bold; color : #ffffff; display : block; } div.EntryListHeadContainer h2 a:hover, div.EntryListHeadContainer h3 a:hover { color : #ffff00; } div.EntryListHeadContainer span.catchcopy { font-size : 86%; color : #ffffff; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ▼ div.EntryListInnerContainer */ /* ---------------------------------------------- */ div.EntryListInnerContainer { width : 100%; cursor : pointer; background : url(../../custom/img/ico/ico-arrow2.png) 99% center no-repeat; display : table; border-radius : 2px 2px 2px 2px; padding : 8px 40px 8px 8px; margin : 0px auto 0px auto; } div.EntryListInnerContainer:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background : #94d4fe url(../../custom/img/ico/ico-arrow2.png) 99% center no-repeat; } div.EntryListContainerLeft { width : 20%; vertical-align : top; display : table-cell; padding : 4px 4px 4px 4px; } div.EntryListContainerRight { width : 80%; vertical-align : top; display : table-cell; padding : 4px 4px 4px 4px; } div.EntryListContainerLeft img { width : 100% !important; height : auto !important; max-width : 480px; min-width : 80px; background-color : #f8f5e9; border : 1px solid #dddddd; padding : 4px 4px 4px 4px; } div.EntryListContainerLeft img:hover { opacity : 1.0; } div.EntryListContainerRight p { width : 98%; font-size : 98%; padding : 4px 4px 4px 4px; margin : 0px auto 5px auto; } div.EntryListContainerRight div.ExcerptMore { width : 96% !important; text-align : left !important; display : inline !important; margin : 5px auto 5px auto; } div.EntryListContainerRight div.ExcerptMore p { width : 96% !important; text-align : left !important; display : inline !important; margin : 5px auto 5px auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 1.ご利用案内 */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 2.お風呂 */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 3.お食事処 */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ----------------------------------------------------------------------- */ /* ▼ div.RestaurantMenuContainer */ /* ----------------------------------------------------------------------- */ div.RestaurantMenuContainer { width : 98%; background : #ffffff; background : rgba(255, 255, 255, 0.75); border-radius : 8px 8px 8px 8px; padding : 0px 0px 0px 0px; margin : 0px auto 25px auto; } div.RestaurantMenuContainer div.HeadContainer { width : 100%; background : #352107 url(../../custom/img/design/bg-bottom-jimon-brown2.png) center bottom repeat-x; border-radius : 8px 8px 0px 0px; display : table; border-bottom : 5px solid #d3d1c1; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer div.HeadContainer span.HeadCell { width : 50%; text-align : left; vertical-align : middle; display : table-cell; padding : 4px 4px 4px 8px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer div.HeadContainer span.BtnCell { width : 50%; background : transparent url(../../custom/img/design/ico-arrow4.png) 98% center no-repeat; text-align : right; vertical-align : middle; display : table-cell; padding : 4px 4px 4px 8px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer div.HeadContainer span.BtnCell a { font-size : 140%; color : #ffffff; background : transparent url(../../custom/img/ico/ico-arrow4.png) 98% center no-repeat; text-align : right; display : inline-block; padding : 4px 30px 4px 4px; margin : 0px 0px 0px 0px; } div.RestaurantMenuContainer ul { width : auto; display : block; padding : 8px 8px 8px 8px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer ul li { width : 16.2%; display : inline-block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer ul li.current { } div.RestaurantMenuContainer ul li a { width : auto; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.RestaurantMenuContainer ul li a img { width : 100%; height : auto; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* ----------------------------------------------------------------------- */ /* ▼ #RecommendedContainer */ /* ----------------------------------------------------------------------- */ #RecommendedContainer { width : 98%; background : #ffffff; background : rgba(255, 255, 255, 0.75); border-radius : 0px 0px 8px 8px; border-collapse : separate; border-spacing : 8px; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 25px auto; } #RecommendedContainer div.RecommendedItem { width : 33.33%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e7da 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e7da 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e8e7da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #b7b49f; border-radius : 6px 6px 6px 6px; display : table-cell; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } #RecommendedContainer div.RecommendedInnerItem { position : relative; top : 0px; background : url(../../custom/img/design/bg-bottom-jimon-brown1.png) center bottom repeat-x; padding : 8px 8px 42px 8px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem p.Desc { position : relative; top : 0px; width : auto; max-width : 516px; font-size : 94%; font-weight : bold; color : #593e14; padding : 4px 2px 4px 74px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.PhotoFrame { position : relative; top : 0px; width : auto; max-width : 516px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.PhotoFrame header { position : absolute; top : 5px;/* 10px */ left : 0px; width : 90%; border-spacing : 0px; display : table; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #RecommendedContainer div.RecommendedItem div.PhotoFrame header h3 { width : 90%; line-height : 1.2; font-size : 100%;/* 150% */ background: #ffffff; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ display : table-cell; padding : 8px 4px 4px 8px; margin : 0px 0px 0px 0px; } #RecommendedContainer div.RecommendedItem div.PhotoFrame h3 span { line-height : 1.2; font-size : 70%; color : #990000; display : block; } #RecommendedContainer div.RecommendedItem div.PhotoFrame span.ObiEnd { width : 10%; display : table-cell; background : url(../../custom/img/design/bg-obi-end.png) left center no-repeat; background-size : auto 100%; } #RecommendedContainer #Gold p.Desc { background : url(../../custom/img/ico/ico-1gold.png) left center no-repeat; } #RecommendedContainer #Silver p.Desc { background : url(../../custom/img/ico/ico-2silver.png) left center no-repeat; } #RecommendedContainer #Bronze p.Desc { background : url(../../custom/img/ico/ico-3bronze.png) left center no-repeat; } #RecommendedContainer div.RecommendedItem div.PhotoFrame div.Filter { position : absolute; top : 0px; width : 100% !important; height : 100% !important; display : block; background : url(../../custom/img/design/g-filter.png) center center no-repeat; background-size : 100% 100%; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.PhotoFrame div.RMP { width : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.PhotoFrame div.RMP img { width : 100% !important; height : auto; max-width : 516px !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.DetailBody { position : relative; top : 0px; width : auto; max-width : 516px; padding : 0px 0px 0px 0px; margin : 0px auto 35px auto; } #RecommendedContainer div.RecommendedItem div.DetailBody p { display : block !important; margin : 0px auto 1em auto !important; } #RecommendedContainer div.RecommendedItem div.DetailBody p br { display : block !important; padding : 0px 0px 0px 0px !important; margin : 0px auto 0px auto !important; } #RecommendedContainer div.RecommendedItem div.Price { position : absolute; bottom : 35px; right : 0px; width : 96%; text-align : right; max-width : 516px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #RecommendedContainer div.RecommendedItem div.Price span.PricePrefix { position : relative; top : -2px; font-size : 100%; color : #352107; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #RecommendedContainer div.RecommendedItem div.Price span.PriceBody { position : relative; top : 0px; font-size : 120%; font-weight : bold; color : #dd2b0c; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #RecommendedContainer div.RecommendedItem div.Price span.PriceBody span { position : relative; top : -1px; font-size : 80%; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #RecommendedContainer div.RecommendedItem div.Price span.PriceSuffix { position : relative; top : -2px; font-size : 75%; padding : 0px 0px 0px 0px; margin : 0px 0px 0px -5px; } /* ----------------------------------------------------------------------- */ /* ▼ #NormalmenuContainer */ /* ----------------------------------------------------------------------- */ #NormalmenuContainer { width : 98%; background : #ffffff; background : rgba(255, 255, 255, 0.75); border-radius : 8px 8px 8px 8px; padding : 10px 10px 10px 10px; margin : 0px auto 25px auto; } #NormalmenuContainer div.NormalMenuItem { width : 24%; /*max-width : 440px;*/ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e7da 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e7da 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e8e7da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #b7b49f; border-radius : 6px 6px 6px 6px; float : left; display : block; padding : 0px 0px 0px 0px; margin : 15px 0.5% 15px 0.5%; } #NormalmenuContainer div.NormalMenuInnerItem { position : relative; top : 0px; background : url(../../custom/img/design/bg-bottom-jimon-brown1.png) center bottom repeat-x; padding : 8px 8px 42px 8px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame { position : relative; top : 0px; width : auto; max-width : 516px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame header { position : absolute;/* absolute */ top : 5px;/* 10px */ left : 0px; width : 90%; border-spacing : 0px; display : table; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame header h3 { width : 90%; line-height : 1.2; font-size : 100%;/* 150% */ background: #ffffff; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ display : table-cell; padding : 8px 4px 4px 8px; margin : 0px 0px 0px 0px; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame h3 span { line-height : 1.2; font-size : 70%; color : #990000; display : block; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame h3 img { width : 24px !important; height : 24px !important; vertical-align : middle !important; padding : 0 !important; margin : 0 !important; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame span.ObiEnd { width : 10%; display : table-cell; background : url(../../custom/img/design/bg-obi-end.png) left center no-repeat; background-size : auto 100%; } #NormalmenuContainer #Gold p.Desc { background : url(../../custom/img/ico/ico-1gold.png) left center no-repeat; } #NormalmenuContainer #Silver p.Desc { background : url(../../custom/img/ico/ico-2silver.png) left center no-repeat; } #NormalmenuContainer #Bronze p.Desc { background : url(../../custom/img/ico/ico-3bronze.png) left center no-repeat; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame div.Filter { position : absolute; top : 0px; width : 100% !important; height : 100% !important; display : block; background : url(../../custom/img/design/g-filter.png) center center no-repeat; background-size : 100% 100%; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame div.RMP { width : auto; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.PhotoFrame div.RMP img { width : 100% !important; height : auto; max-width : 516px !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.DetailBody { position : relative; top : 0px; width : auto; /*max-width : 516px;*/ padding : 0px 0px 0px 0px; margin : 0px auto 70px auto; /* margin : 0px auto 35px auto; */ } #NormalmenuContainer div.NormalMenuItem div.DetailBody p:first-child, #NormalmenuContainer div.NormalMenuItem div.DetailBody p:nth-child(1) { margin-top : 5px; } div.DetailBody a { color : #0068ff; } div.DetailBody a:hover { color : #ff0000; } div.DetailBody table { width : auto !important; height : auto !important; border-collapse : collapse !important; margin : 5px 5px 5px 5px !important; } div.DetailBody table th, div.DetailBody table td { /*width : auto !important;*/ height : auto !important; border-bottom : 1px dashed #cccccc !important; padding : 1px 1px 1px 1px !important; } #NormalmenuContainer div.NormalMenuItem div.Price { position : absolute; bottom : 35px; right : 0px; width : 96%; text-align : right; /*max-width : 516px;*/ padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu { position : absolute; bottom : 35px; right : 0px; width : 96%; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; /* width : auto; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; */ } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu div.OnePicTwoMenuTable { width : 100%; text-align : left; display : table; border-collapse : separate; border-spacing : 0px; border-top : 1px dashed #d9d8c9; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu div.OnePicTwoMenuTable .InnerCell { vertical-align : middle; display : table-cell; } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu div.OnePicTwoMenuTable h3.InnerCell { width : 50%; font-size : 100%; text-align : left !important; padding : 2px 0px 2px 0px; margin : 2px auto 2px auto; } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu div.OnePicTwoMenuTable div.InnerCell { width : 50%; font-size : 90%; text-align : right !important; white-space : nowrap; padding : 2px 0px 2px 0px; margin : 2px auto 2px auto; } #NormalmenuContainer div.NormalMenuItem div.OnePicTwoMenu div.OnePicTwoMenuTable h3.InnerCell img { width : 16px !important; height : 16px !important; padding : 0 !important; margin : 0 !important; vertical-align : middle !important; } #NormalmenuContainer div.NormalMenuItem div.PriceBox span.PricePrefix { position : relative; top : -2px; font-size : 100%; color : #352107; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #NormalmenuContainer div.NormalMenuItem div.PriceBox span.PriceBody { position : relative; top : 0px; font-size : 120%; font-weight : bold; color : #dd2b0c; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #NormalmenuContainer div.NormalMenuItem div.PriceBox span.PriceBody span { position : relative; top : -1px; font-size : 80%; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #NormalmenuContainer div.NormalMenuItem div.PriceBox span.PriceSuffix { position : relative; top : -2px; font-size : 75%; padding : 0px 0px 0px 0px; margin : 0px 0px 0px -5px; } /* ----------------------------------------------------------------------- */ /* ▼ div.RestaurantContainer */ /* ----------------------------------------------------------------------- */ div.RestaurantContainer { width : 98%; border-collapse : separate; border-spacing : 8px; display : table; padding : 0px 0px 0px 0px; margin : 25px auto 25px auto; } div.RestaurantContainer div.RestaurantCell { width : 50%; text-align : center; background : #ffffff; background : rgba(255, 255, 255, 0.75); border-radius : 8px 8px 8px 8px; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.RestaurantContainer div.RestaurantInnerContainer { width : auto; border-collapse : separate; border-spacing : 8px; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.RestaurantContainer div.RestaurantInnerContainer div.RestaurantInnerCell { width : 50%; text-align : center; background : #ffffff; background : rgba(255, 255, 255, 0.75); border-radius : 8px 8px 8px 8px; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.RestaurantContainer h3 { width : 96%; background : url(../../custom/img/ico/ico-head-orange.png) 4px 4px no-repeat; padding : 0px 0px 0px 24px; margin : 0px auto 0px auto; } div.RestaurantContainer div.RestaurantInnerContainer div.RestaurantInnerCell h3 { margin : 0px auto 12px auto; } div.RestaurantContainer div.RestaurantCell img { width : 100%; height : auto; max-width : 440px; text-align : center; border-radius : 6px 6px 6px 6px; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.RestaurantContainer p { width : 98%; text-align : center; padding : 0px 0px 0px 0px; margin : 25px auto 25px auto; } div.RestaurantContainer p strong { color : #990000; } /* ----------------------------------------------------------------------- */ /* ▼ div.OtherMenuContainer 料理関連 */ /* ----------------------------------------------------------------------- */ p.CenterMessage { text-align : center !important; } div.OtherMenuContainer { position : relative; top : 0px; width : 100%; display : table; padding : 0px 0px 0px 0px; margin : 25px auto 25px auto; } div.OtherMenuContainer div.OtherMenuContainerOneColumn { width : 100%; vertical-align : top; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.OtherMenuContainerThreeColumn { width : 33.3%; vertical-align : top; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.OtherMenuContainerCell { width : 50%; vertical-align : top; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer h3 { width : 98%; border-bottom : 1px dashed #cccccc; padding : 6px 6px 6px 30px; margin : 25px auto 15px auto; } div.OtherMenuContainer h3 span { font-size : 70%; font-weight : normal; padding : 0px 0px 0px 0px; margin : 5px 5px 5px 5px; } div.OtherMenuContainer h3 span.price { font-size : 110%; color : #dd2b0c; } div.OtherMenuContainer ul { width : 98%; display : table; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } div.OtherMenuContainer ul li { margin : 15px auto 15px auto; } div.OtherMenuContainer ul li span.name { font-size : 100%; display : block; } div.OtherMenuContainer ul li span.desc { font-size : 70%; display : block; } div.OtherMenuContainer dl { width : 98%; display : table; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } div.OtherMenuContainer dl dt { width : 85%; line-height : 1.3; font-size : 100%; font-weight : normal; text-align : left; vertical-align : middle; background-image : none; border-left : 5px solid #93c630; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.OtherMenuContainer dl dt span { font-size : 70%; display : block; padding : 2px 2px 2px 2px; margin : 0px auto 0px auto; } div.OtherMenuContainer dl dt strong { font-size : 70%; color : #ff00ae; display : block; padding : 2px 2px 2px 2px; margin : 0px auto 0px auto; } div.OtherMenuContainer dl dd { width : 15%; line-height : 1.3; text-align : right; vertical-align : middle; color : #dd2b0c; display : table-cell; white-space : nowrap; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer { width : 100%; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer div.TableContainerOneColumn { width : 100%; vertical-align : middle; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer div.TableContainerCell { position : relative; top : 0px; width : 50%; vertical-align : middle; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer div.TableContainerCell p { font-size : 80%; background-position : 0px 1px; margin : 5px auto 5px auto; } div.OtherMenuContainer div.TableContainer ruby { position : relative; top : -3px; } div.OtherMenuContainer div.TableContainer span.maruto { position : relative; top : 0px; width : 20px; height : 20px; font-size : 10px; text-align : center !important; vertical-align : middle !important; display : inline-block !important; border : 1px solid #333333; border-radius : 30px; padding : 2px 2px 2px 2px !important; margin : 0px 3px 0px 3px !important; } div.OtherMenuContainer div.TableContainer div.TableContainerLeft { width : 80%; vertical-align : middle; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer div.TableContainerRight { width : 20%; vertical-align : middle; display : table-cell; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer div.TableContainer div.TableContainerCell img, div.OtherMenuContainer div.TableContainer div.TableContainerRight img { width : 100%; height : auto; max-width : 100px !important; border-radius : 6px 6px 6px 6px; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer figure { width : auto; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } div.OtherMenuContainer figure figcaption { width : auto; font-size : 70%; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } div.WarningContainer { width : 90%; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } div.Warning { text-align : left; background : url(../../custom/img/ico/ico-ban.png) left center no-repeat; display : inline-block; padding : 20px 4px 20px 90px; margin : 5px auto 5px auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 4.施設案内 */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ----------------------------------------------------------------------- */ /* ▼ #FloorguideContainer */ /* ----------------------------------------------------------------------- */ #FloorguideContainer { position : relative; top : 0px; width : 80%; max-width : 1400px; text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 25px auto; z-index : 10; } #FloorguideContainer, #FloorguideContainer h2 { width : auto; text-align : left; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FloorguideContainer h2 img { width : 100%; height : auto; max-width : 560px; text-align : center; vertical-align : top; display : block; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #FloorguideContainer div.ImageMapContainer { width : auto; text-align : center; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FloorguideContainer div.ImageMapContainer img { width : 100%; height : auto; max-width : 1440px; text-align : center; vertical-align : top; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #imagemap { text-align : center; vertical-align : top; display : block; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 10000000000; } /* ----------------------------------------------------------------------- */ /* ▼ #FloorFirstContainer */ /* ----------------------------------------------------------------------- */ #FloorFirstContainer { position : relative; top : -250px; width : 80%; max-width : 1400px; text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem { position : absolute; bottom : 0px; position : relative; top : 0px; width : 32.2%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e7da 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e7da 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e8e7da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #b7b49f; border-radius : 6px 6px 6px 6px; padding : 0px 0px 0px 0px; margin : 5px 0.5% 5px 0.5%; z-index : 100; } /* ----------------------------------------------------------------------- */ /* ▼ #FloorContainer */ /* ----------------------------------------------------------------------- */ #FloorContainer { position : relative; top : -250px; width : 80%; max-width : 1400px; text-align : center; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; z-index : 100; } #FloorContainer div.FloorItem { width : 32.2%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e7da 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e7da 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e8e7da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ float : left; border : 1px solid #b7b49f; border-radius : 6px 6px 6px 6px; padding : 0px 0px 0px 0px; margin : 5px 0.5% 5px 0.5%; } /* ▼ div.FloorItem div.FloorItemTitleContainer */ /* ---------------------------------------------------------- */ #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer, #FloorContainer div.FloorItem div.FloorItemTitleContainer { width : auto; border-bottom : 1px dashed #d3d1c1; padding : 0px 0px 0px 0px; margin : 5px auto 5px auto; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 { width : 98%; font-size : 95%; color : #593e14; background : url(../../custom/img/floorguide/ico-mark.png) 4px center no-repeat; display : table; border-collapse : separate; border-spacing : 0px 4px; padding : 0px 8px 0px 70px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3 span.title, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 span.title { width : 80%; color : #593e14; text-shadow : 0px 0px 3px #aaa085; text-align : left; vertical-align : middle; display : table-cell; padding : 11px 0px 11px 0px; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3 span.titleOnly, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 span.titleOnly { width : 100%; color : #593e14; text-shadow : 0px 0px 3px #aaa085; text-align : left; vertical-align : middle; display : table-cell; padding : 11px 0px 11px 0px; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3 span.link, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 span.link { width : 20%; min-width : 64px !important; text-align : center; vertical-align : middle; display : table-cell; padding : 0px 0px 0px 0px; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3 span.link a, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 span.link a { width : 64px; height : 32px; display : inline-block; } #FloorFirstContainer div.FloorItem div.FloorItemTitleContainer h3 span.link a img, #FloorContainer div.FloorItem div.FloorItemTitleContainer h3 span.link a img { width : 60px; height : 28px; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } /* ▼ div.FloorItem div.FloorInnerItem */ /* ---------------------------------------------------------- */ #FloorFirstContainer div.FloorItem div.FloorInnerItem, #FloorContainer div.FloorItem div.FloorInnerItem { position : relative; top : 0px; background : url(../../custom/img/design/bg-bottom-jimon-brown1.png) center bottom repeat-x; padding : 0px 5px 50px 5px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem p, #FloorContainer div.FloorItem div.FloorInnerItem p { font-size : 80%; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } div.FloorItem div.FloorInnerItem p a { color : #0068ff; } div.FloorItem div.FloorInnerItem p a:hover { color : #ff0000; } #FloorFirstContainer div.FloorItem div.FloorInnerItem p img, #FloorContainer div.FloorItem div.FloorInnerItem p img { width : 100%; height : auto; max-width : 120px !important; max-height : 80px !important; float : left; background : #ffffff; border : 1px solid #b7b49f; box-shadow : 0px 0px 6px #b7b49f; padding : 4px 4px 4px 4px; margin : 0px 8px 5px 0px; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo2, #FloorContainer div.FloorItem div.FloorInnerItem div.photo2 { width : 100%; height : auto; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 5px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo2 a, #FloorContainer div.FloorItem div.FloorInnerItem div.photo2 a { width : 50%; height : auto; text-align : center; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo2 img, #FloorContainer div.FloorItem div.FloorInnerItem div.photo2 img { width : 100%; height : auto; background : #ffffff; border : 1px solid #b7b49f; box-shadow : 0px 0px 6px #b7b49f; display : inline-block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo3, #FloorContainer div.FloorItem div.FloorInnerItem div.photo3 { width : 100%; height : auto; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 5px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo3 a, #FloorContainer div.FloorItem div.FloorInnerItem div.photo3 a { width : 33.3%; height : auto; text-align : center; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo3 img, #FloorContainer div.FloorItem div.FloorInnerItem div.photo3 img { width : 100%; height : auto; background : #ffffff; border : 1px solid #b7b49f; box-shadow : 0px 0px 6px #b7b49f; display : inline-block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo4, #FloorContainer div.FloorItem div.FloorInnerItem div.photo4 { width : 100%; height : auto; display : table; padding : 0px 0px 0px 0px; margin : 0px auto 5px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo4 a, #FloorContainer div.FloorItem div.FloorInnerItem div.photo4 a { width : 25%; height : auto; text-align : center; display : table-cell; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } #FloorFirstContainer div.FloorItem div.FloorInnerItem div.photo4 img, #FloorContainer div.FloorItem div.FloorInnerItem div.photo4 img { width : 100%; height : auto; background : #ffffff; border : 1px solid #b7b49f; box-shadow : 0px 0px 6px #b7b49f; display : inline-block; padding : 4px 4px 4px 4px; margin : 0px auto 0px auto; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 5.アクセス */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ div.RouteMapContainer { width : 96%; overflow : hidden; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e7da 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e7da 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e8e7da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #cccccc; border-radius : 6px 6px 6px 6px; padding : 0px 0px 0px 0px; margin : 15px auto 15px auto; } div.RouteMapContainer div.RouteMapInnerContainer { background : url(../../custom/img/design/bg-bottom-jimon-brown1.png) center bottom repeat-x; border : 6px solid #ffffff; border : 6px solid rgba(255, 255, 255, 0.50); border-radius : 6px 6px 6px 6px; padding : 0px 0px 34px 0px; margin : 0px auto 0px auto; } div.RouteMapContainer h2 { color : #ffffff; padding : 27px 8px 24px 85px; margin : 0px auto 15px auto !important; } div.CarStyle h2 { background : #cb3366 url(../../custom/img/ico/ico-access-car.png) 5px center no-repeat; border-bottom : 5px solid #ffccdd; } div.TrainStyle h2 { background : #3366cb url(../../custom/img/ico/ico-access-train.png) 5px center no-repeat; border-bottom : 5px solid #ccddff; } div.RouteMapContainer h3 { width : auto; font-size : 98%; padding : 1px 6px 1px 30px; margin : 5px auto 1px auto; } div.CarStyle h3 { color : #cb3366; } div.TrainStyle h3 { color : #3366cb; } div.RouteMapContainer ul { width : auto; font-size : 90%; padding : 1px 6px 1px 6px; margin : 1px 1.8em 5px 1.8em; } div.RouteMapContainer p.note { width : auto; font-size : 94%; color : #777777; border-top : 1px dashed #cccccc; padding : 4px 6px 3px 18px; margin : 0px 1.8em 0px 2.2em; } /* ----------------------------------------------------------------------- */ /* ▼ GoogleMap */ /* ----------------------------------------------------------------------- */ #GoogleMapContainer { width : 96%;/* 605px */ background : #ffffff; border : 6px solid #cccccc; padding : 4px 4px 4px 4px; margin : 25px auto 25px auto; } #map { width : auto !important; height : 450px !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } /* #map div.gmap * { -moz-box-sizing : border-box; -webkit-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box; } */ #map_canvas { width : auto !important; height : 450px !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #map_canvas div.gmap * { -moz-box-sizing : border-box; -webkit-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box; } #GoogleMapContainer div.gbtn { width : auto; height : auto; overflow : auto; text-align : center; vertical-align : middle; background : #eeeeee; padding : 0px 0px 0px 0px; margin : 4px 0px 0px 0px; } #GoogleMapContainer div.gbtn li { position : relative; top : 0px; width : 33.3%;/* ◆100% */ overflow : hidden; list-style-type : none; text-align : left; vertical-align : middle; border-top : 1px solid #6e623f; border-right : 1px solid #6e623f; border-bottom : 1px solid #593e14; border-left : 1px solid #593e14; cursor : pointer; float : left; display : block; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #GoogleMapContainer div.gbtn li a, #GoogleMapContainer div.gbtn li a:link, #GoogleMapContainer div.gbtn li a:visited { /* f6f4e8 */ color : #ffffcc; background : #352712 url(../../custom/img/ico/ico-arrow2.png) 98% center no-repeat; } #GoogleMapContainer div.gbtn li a:hover { color : #593e14; background : #ffffcc url(../../custom/img/ico/ico-arrow2.png) 98% center no-repeat; } #GoogleMapContainer div.gbtn li a:active { color : #593e14; background : #ffffcc url(../../custom/img/ico/ico-arrow2.png) 98% center no-repeat; } #GoogleMapContainer div.gbtn li a, #GoogleMapContainer div.gbtn li a:link, #GoogleMapContainer div.gbtn li a:visited, #GoogleMapContainer div.gbtn li a:hover, #GoogleMapContainer div.gbtn li a:active { line-height : 1.4; width : 100%; height : 100%; text-decoration : none; word-spacing : 0px; letter-spacing : 0px; display : table; border-collapse : separate; border-spacing : 0px; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; } #GoogleMapContainer div.gbtn li span.ico { position : relative; top : 0px; height : 100%; font-size : 11pt; vertical-align : middle; display : table-cell; font-size : 9pt !important; display : table-cell; padding : 12px 22px 12px 4px; margin : 0px 0px 0px 0px; } #GoogleMapContainer div.gbtn li span.num { position : relative; top : -2px; width : 18px; height : 18px; overflow : hidden; font-size : 9pt; line-height : 1.0; text-align : center; vertical-align : middle; border-radius : 30px 30px 30px 30px; border : 1px solid #cccccc; display : inline-block; padding : 2px 0px 0px 0px; margin : 0px 5px 0px 3px; } #GoogleMapContainer div.gbtn li span.num { color : #ffffff; background : #ec8944; } /* ◆バルーン内 ==================================== */ div.gmbb { width : 100% !important; /*min-width : 300px;*/ font-family : 'メイリオ'; font-size : 100%; text-align : left; display : block; overflow : visible !important; overflow-x : visible !important; overflow-y : visible !important; padding : 0px 0px 0px 0px; margin : 0px auto 0px auto; } #map_canvas div[style="cursor: default; position: absolute; width: 263px; height: 107px; left: 210px; top: 101px; z-index: 101;"] { width : 100% !important; height : auto !important; overflow : visible !important; overflow-x : visible !important; overflow-y : visible !important; white-space : nowrap !important; padding : 0px 0px 0px 0px; } #map_canvas div[style="overflow: auto;"] { width : 100% !important; height : auto !important; overflow : visible !important; overflow-x : visible !important; overflow-y : visible !important; white-space : nowrap !important; padding : 0px 0px 0px 0px; } #map_canvas div.gm-style-iw { position : relative !important; width : 100% !important; height : auto !important; overflow : visible !important; overflow-x : visible !important; overflow-y : visible !important; white-space : nowrap !important; padding : 0px 0px 0px 0px; } div.gmbb div.companyname { width : 98%; line-height : 1.4; font-size : 1.0em; font-weight : bold; color : #353535; display : block; padding : 7px 2px 0px 2px; margin : 0px auto 0px auto; } div.gmbb div.addr { width : 98%; line-height : 1.4; font-size : 0.75em; font-weight : bold; padding : 1px 2px 1px 2px; margin : 0px auto 0px auto; } div.gmbb div.phone { width : 98%; line-height : 1.4; font-size : 0.75em; font-weight : bold; letter-spacing : 1px; color : #03f; padding : 1px 2px 1px 2px; margin : 0px auto 0px auto; } div.gmbb div.url { width : 98%; line-height : 1.4; font-size : 0.95em; color : #386f0f; padding : 1px 2px 1px 2px; margin : 0px auto 0px auto; } div.gmbb div.url a { line-height : 1.4; font-size : 0.70em; font-weight : bold; letter-spacing : 1px; color : #386f0f; } div.gmbb div.url a:hover { color : #c00; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 6.よくある質問 */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ div.FAQContainer { width : 96%; margin : 0px auto 0px auto; } div.FAQContainer dl.FaqSet { width : auto; display : block; border-bottom : 1px dashed #686344; padding : 8px 8px 8px 8px; margin : 15px auto 15px auto; } div.FAQContainer dl.FaqSet dt, div.FAQContainer dl.FaqSet dd { width : auto; background : transparent; display : block; border : 0px; margin : 15px auto 15px auto; } div.FAQContainer dl.FaqSet dt { -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -ms-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; cursor : pointer; border-radius : 8px 8px 8px 8px; padding : 25px 70px 25px 70px; } div.FAQContainer dl.FaqSet dt { color : #f98080; background-color : #ffffff; background-color : rgba(255, 255, 255, 0.75); background-image : url(../../custom/img/ico/ico-faq-q.png), url(../../custom/img/ico/ico-updown2.png); background-position : 4px center, 98% 0px; background-repeat : no-repeat; } div.FAQContainer dl.FaqSet dt:hover { background-color : #ffeeee; } div.FAQContainer dl.FaqSet dt.AccordionHead { background-color : #ffeeee; background-image : url(../../custom/img/ico/ico-faq-q.png), url(../../custom/img/ico/ico-updown2.png); background-position : 4px center, 98% -73px; background-repeat : no-repeat; } div.FAQContainer dl.FaqSet dd { display : none; background : url(../../custom/img/ico/ico-faq-a.png) 4px center no-repeat; padding : 25px 8px 25px 70px; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ 7.お問い合わせ */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ▼ul.infoset */ /* ---------------------------------------------------------------- */ ul.infoset { width : 94%; margin : 15px auto 15px auto; } ul.infoset li { margin : 2px auto 2px auto; } ul.infoset li a { color : #0068ff; } ul.infoset li a:hover { color : #ff0000; } ul#InquilySet { width : 100%; list-style-type : none !important; list-style-image : none !important; display : table; border-collapse : separate; border-spacing : 8px; margin : 15px auto 15px auto; } ul#InquilySet li { width : 33.3%; text-align : center; list-style-type : none !important; list-style-image : none !important; background-image : none !important; vertical-align : middle; display : table-cell; box-shadow : 0px 0px 5px #eeede3; padding : 0px 0px 0px 0px !important; margin : 15px auto 15px auto !important; } ul#InquilySet li h3 { width : auto; line-height : 1.4; text-align : center; list-style-type : none !important; list-style-image : none !important; background-image : none !important; color : #ffffff !important; background-color : #008cff !important; border : 1px solid #cccccc; border-bottom : 0px; border-radius : 6px 6px 0px 0px; padding : 8px 2px 4px 2px !important; margin : 0px auto 0px auto !important; } ul#InquilySet li div.Number { width : 100%; text-align : center; font-size : 120%; text-align : center; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #cccccc; border-top : 0px; border-radius : 0px 0px 6px 6px; padding : 8px 2px 8px 2px; margin : 0px auto 0px auto; } /* ▼#contactus */ /* ---------------------------------------------------------------- */ #contactus { width : 96%; overflow : hidden; background : rgba(255, 255, 255, 0.25); border : 1px solid #d3d1c1; border-radius : 6px 6px 6px 6px; padding : 10px 10px 10px 10px; margin : 35px auto 35px auto; } #contactus dl { width : 100%; display : block; display : table; border-bottom : 1px dotted #d3d1c1; margin : 0px auto 0px auto; } #contactus dl { background : #ffffff; } #contactus dl:nth-child(2n) { background : #eeeeee; } #contactus dl dt { width : 30% !important; font-weight : normal; color : #352107 !important; background-image : none; vertical-align : middle; display : inline-block; display : table-cell; padding : 8px 8px 8px 8px; } #contactus dl dd { width : 68% !important; font-weight : normal; color : #352107 !important; vertical-align : middle; display : inline-block; display : table-cell; padding : 8px 8px 8px 8px; } span.required { font-size : 0.8em; color : #ffffff; background : #5095fd; display : inline-block; border-radius : 2px 2px 2px 2px; padding : 2px 6px 2px 6px; margin : 0px 5px 0px 5px; } span.wpcf7-not-valid-tip { width : 96%; display : block; margin : 5px auto 5px auto; } #contactus input { margin : 5px 5px 5px 5px; } #contactus .wpcf7c-conf { color : #000000; background : #999999; border : 1px solid #000000 !important; border-radius : 4px 4px 4px 4px; } #contactus textarea.wpcf7-textarea { width : 96%; max-width : 96%; margin : 5px auto 5px auto !important; } #contactus input[type="tel"], #contactus input[type="email"], #contactus input[type="text"], #contactus textarea { width : 96% !important; max-width : 96% !important; border : 1px solid #cccccc; border-radius : 4px 4px 4px 4px; display : block !important; padding : 4px 4px 4px 4px; margin : 5px auto 5px auto !important; } #contactus input.zip { width : 30% !important; margin : 5px 5px 5px 5px; } #contactus .wpcf7c-conf { background-color : #999; } #contactus div.sendBtnArea { position : relative; top : 0px; width : 100%; text-align : center !important; padding : 20px 4px 20px 4px; margin : 5px auto 5px auto; } #contactus div.sendBtnArea input { width : auto; cursor : pointer; display : inline-block; padding : 20px 40px 20px 40px !important; margin : 5px auto 5px auto !important; } img.ajax-loader { position : absolute; top : 0px; display : block; margin : 5px auto 5px auto !important; } #contactus input.wpcf7c-btn-confirm, #contactus input.wpcf7c-btn-back, #contactus input.wpcf7-submit, #contactus input[type="submit"], #contactus input[type="button"] { display : inline-block; margin : 5px auto 5px auto; } /* ▼#privacy */ /* ---------------------------------------------------------------- */ #privacy { width : 96%; font-size : 96%; margin : 25px auto 25px auto; } #privacy h3 { text-shadow : none; color : #352107; background : #ffffff; border : 0px; border-bottom : 1px dotted #cccccc; box-shadow : none; } #privacy p { color : #352107; } /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* ◆ ボタン */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =========================================================================================================== */ /* ▼ div.BtnDetail */ /* =========================================================================================================== */ /* ----------------------------------------------------------------------- */ /* ▼ #TabContainer */ /* ----------------------------------------------------------------------- */ #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.BtnDetail { position : absolute; bottom : 10px; right : 10px; width : auto; background-size : auto 100%; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.BtnDetail a { display : inline-block; text-align : left; color : #ffffff; background : #dd2b0c url(../../custom/img/ico/ico-arrow3.png) 94% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 4px 16px; margin : 0px 0px 0px auto; } #TabContainer div.BtnDetail a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #990000 !important; } /* ----------------------------------------------------------------------- */ /* ▼ #FacilitiesContainer */ /* ----------------------------------------------------------------------- */ #FacilitiesContainer div.BtnDetail { position : absolute; bottom : 10px; right : 10px; width : auto; background-size : auto 100%; } #FacilitiesContainer div.BtnDetail a { display : inline-block; text-align : left; color : #ffffff; background : #dd2b0c url(../../custom/img/ico/ico-arrow3.png) 94% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 4px 16px; margin : 0px 0px 0px auto; } #FacilitiesContainer div.BtnDetail a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #990000 !important; } /* ----------------------------------------------------------------------- */ /* ▼ span.InlineBtn */ /* ----------------------------------------------------------------------- */ span.InlineBtn a { display : inline-block; text-align : left; color : #ffffff; background : #fe9b0b url(../../custom/img/ico/ico-arrow3.png) 94% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 5px 16px; margin : 5px 0px 5px auto; } span.InlineBtn a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #ee6600 !important; } /* ----------------------------------------------------------------------- */ /* ▼ span.BoxBtn */ /* ----------------------------------------------------------------------- */ span.BoxBtn a { width : 150px; display : block; text-align : left; color : #ffffff; background : #fe9b0b url(../../custom/img/ico/ico-arrow3.png) 96% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 5px 16px; margin : 5px 0px 5px 0px; } span.BoxBtn a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #ee6600 !important; } /* ----------------------------------------------------------------------- */ /* ▼ #TabContainer */ /* ----------------------------------------------------------------------- */ #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.BtnDetail { position : absolute; bottom : 10px; right : 10px; width : auto; background-size : auto 100%; } #TabContainer div.TabOuter div.TabContent div.PhotoFrame div.BtnDetail a { display : inline-block; text-align : left; color : #ffffff; background : #dd2b0c url(../../custom/img/ico/ico-arrow3.png) 94% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 4px 16px; margin : 0px 0px 0px auto; } #TabContainer div.BtnDetail a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #990000 !important; } /* ----------------------------------------------------------------------- */ /* ▼ div.FloorItem */ /* ----------------------------------------------------------------------- */ div.FloorItem div.BtnDetail { position : absolute; bottom : 10px; right : 10px; width : auto; background-size : auto 100%; } div.FloorItem div.BtnDetail a { display : inline-block; text-align : left; color : #ffffff; background : #fe9b0b url(../../custom/img/ico/ico-arrow3.png) 94% center no-repeat; border-radius : 18px 18px 18px 18px; padding : 7px 30px 4px 16px; margin : 0px 0px 0px auto; } div.FloorItem div.BtnDetail a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #990000 !important; } /* =========================================================================================================== */ /* ▼ div.BtnUp */ /* =========================================================================================================== */ /* ----------------------------------------------------------------------- */ /* ▼ div.BtnUp */ /* ----------------------------------------------------------------------- */ div.BtnUp { position : absolute; left : 0px; bottom : -7px; width : auto; background-size : auto 100%; } div.BtnUp a { width : 30px; height : 30px; display : inline-block; text-align : center; background : #75725f url(../../custom/img/ico/ico-up.png) center center no-repeat; background : rgba(117, 114, 95, 0.25) url(../../custom/img/ico/ico-up.png) center center no-repeat; border-radius : 0px 6px 0px 6px; padding : 0px 0px 0px 0px; margin : 0px auto 0px 0px; } div.BtnUp a span { display : none; } div.BtnUp a:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background-color : #fe9b0b !important; } /* ----------------------------------------------------------------------- */ /* ▼ div.BtnBackToForm */ /* ----------------------------------------------------------------------- */ div.BtnBackToForm { position : relative; top : 0px; width : auto; text-align : right; border-top : 2px solid #cccccc; padding : 0px 0px 0px 0px; margin : 50px auto 0px auto; } div.BtnBackToForm span { position : relative; top : 0px; text-align : center; overflow : hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,1e69de+100 */ background: #6db3f2; /* Old browsers */ background: -moz-linear-gradient(top, #6db3f2 0%, #1e69de 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #6db3f2 0%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #6db3f2 0%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-radius : 0px 0px 8px 8px; display : inline-block; padding : 0px 0px 0px 0px; margin : -2px 25px 0px auto; z-index : 1; } div.BtnBackToForm span a { position : relative; right : 0px; top : 0px; color : #ffffff; background : transparent url(../../custom/img/ico/ico-up.png) 96% center no-repeat; border : 2px solid #cccccc; border-radius : 0px 0px 7px 7px; display : inline-block; padding : 10px 30px 10px 10px; margin : 0px auto 0px auto; z-index : 1000; } div.BtnBackToForm span:hover { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background: #9dd53a; /* Old browsers */ background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #9dd53a 0%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } div.BtnBackToForm span:hover a { color : #ffffff; } /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★CONTENTS STYLE /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ----------------------------------------------------------------------- */ /* ▼ div.CommonContainer */ /* ----------------------------------------------------------------------- */ div.CommonContainer { width : 96%; padding : 0px 0px 0px 0px; margin : 25px auto 25px auto; } /* ----------------------------------------------------------------------- */ /* ▼ ul.DocumentBtnSet */ /* ----------------------------------------------------------------------- */ ul.DocumentBtnSet { width : 100% !important; display : block !important; padding : 0px 0px 0px 0px !important; margin : 0px auto 5px auto !important; } ul.DocumentBtnSet li a { width : 100%; font-size : 120%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; color : #ffffff; background-position : 6px center; background-repeat : no-repeat; border-radius : 6px 6px 6px 6px !important; display : block; padding : 26px 6px 26px 70px; margin : 0px auto 0px auto; } ul.DocumentBtnSet li a.icoPDF { background-image : url(/yohwp/wp-content/themes/matsubarakokogen/custom/img/ico/ico-s-pdf.png); } ul.DocumentBtnSet li a.icoXLS { background-image : url(/yohwp/wp-content/themes/matsubarakokogen/custom/img/ico/ico-s-xlsx.png); } ul.DocumentBtnSet li a.icoPDF { text-shadow : 0px 0px 3px #920302, 0px 0px 3px #920302; background-color : #d53c3a; } ul.DocumentBtnSet li a.icoPDF:hover { background-color : #b51311; } ul.DocumentBtnSet li a.icoXLS { background-color : #1e8b4e; } ul.DocumentBtnSet li a.icoXLS:hover { background-color : #076430; } /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ★CUSTOM STYLE /* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */ /* ----------------------------------------------------------------------- */ /* ▼PAGENAV PREV NEXT */ /* ----------------------------------------------------------------------- */ div.pagenav { position : relative; top : 0px; width : 97%; line-height : 1.2; font-size : 1.0em; text-align : center; padding : 0px 0px 0px 0px !important; margin : 15px auto 50px auto !important; } div.pagenav span.prev { float : left; } div.pagenav span.next { float : right; } div.pagenav a { text-decoration : none; border-radius : 4px 4px 4px 4px; display : block; padding : 10px 15px 10px 15px; margin : 2px 2px 2px 2px; } div.pagenav a { color : #fff; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #555555 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #777777 0%,#555555 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, #777777 0%,#555555 100%); /* W3C */ border : 1px solid #555555; } div.pagenav a:hover{ color : #fff; background: #207ce5; /* Old browsers */ background: -moz-linear-gradient(top, #207ce5 67%, #499bea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #207ce5 67%,#499bea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #207ce5 67%,#499bea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border : 1px solid #032759; } /* ----------------------------------------------------------------------- */ /* ▼PAGINATION */ /* ----------------------------------------------------------------------- */ div.pagination { position : relative; top : 0px; width : 97%; line-height : 1.2; font-size : 1.0em; text-align : center; padding : 0px 0px 0px 0px !important; margin : 50px auto 50px auto !important; } div.pagination span, div.pagination a { text-decoration : none; color : #fff; background : #555; display : inline-block; padding : 10px 15px 10px 15px; margin : 2px 2px 2px 0px; } div.pagination a:hover { color : #fff; background : #1883e6; } div.pagination .current { color : #fff; background : #1883e6; padding : 10px 15px 10px 15px; }