@charset "utf-8"; /* index ------------------------------------------------------------*/ /* sliderkit */ .sliderkit { position: absolute; top: 0; left: 0; /*margin-left: 220px; */ z-index: 1; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#machiavelli a { display: block; border: 2px solid #370402; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#abete a { display: block; border: 2px solid #00633c; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#romanza a { display: block; border: 2px solid #e0843c; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#landtmann a { display: block; border: 2px solid #901900; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#coltibuono a { display: block; border: 2px solid #ffffff; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#a16 a { display: block; border: 2px solid #00621b; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#pescedoro a { display: block; border: 2px solid #004892; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#porticello a { display: block; border: 2px solid #1e2c5c; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#mammapasta a { display: block; border: 2px solid #ea5710; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#bd26 a { display: block; border: 2px solid #a61d45; } .photosgallery-minimalistic .sliderkit-nav-clip ul li#danoi a { display: block; border: 2px solid #fff; } /* ↓7個の場合 8個の時は消す */ /* .sliderkit-nav-clip { padding-left: 120px!important; background: url(/images/top/blank.gif) 0 0 no-repeat; }*/ #maintenance { margin: 10px 0; text-align: center; box-sizing: border-box; border: 1px solid #494949; border-bottom: none; } #maintenance dl { padding: 15px 0; border-bottom: 1px solid #494949; } #maintenance dt { margin-bottom: 10px; font-size: 16px; color: #e8192d; font-weight: bold; } #maintenance dd { font-size: 12px; line-height: 1.7; } #maintenance dd span { padding: 0 5px 0 7px; color: #e8192d; font-size: 14px; font-weight: bold; } #maintenance02 { margin: 10px 0; box-sizing: border-box; background: #fff; } #maintenance02 dl { padding: 15px; } #maintenance02 dt { margin-bottom: 10px; font-size: 16px; color: #e8192d; font-weight: bold; } #maintenance02 dd { font-size: 12px; line-height: 1.7;color: #111111; } #maintenance02 dd span { padding: 0 5px 0 7px; color: #e8192d; font-size: 14px; font-weight: bold; } #takeout { margin: 10px 0; box-sizing: border-box; border: 2px solid #e8192d; background: #fff; } #takeout a { display: block; padding: 15px; color: #e8192d; font-size: 16px; font-weight: bold; text-align: center; background: #fff; line-height: 30px; } #takeout a span { padding: 10px 0 10px 35px; background: url("/takeout/images/icon_takeout_r.png") left center no-repeat; background-size: 30px auto; line-height: 30px; } #topics { float: left; width: 594px; height: 342px; overflow: hidden; background: url(/images/top/bg_topics.gif); } #topics #navTopics { margin: 9px 0 0 10px; width: 60px; background: url(/images/top/nav_topics.gif) 0 0 no-repeat; text-indent: -9999px; } #topics #navTopics li { /*float: left; */ width: 50px; height: 20px; } #topics #navTopics li a { display: block; } #topics #navTopics #navTopics01 { width: 67px; } #topics #navTopics #navTopics01 a { width: 50px; height: 20px; } #topics #navTopics #navTopics01 a:hover { background:url(/images/top/nav_topics.gif) 0 -20px no-repeat; } #topics #navTopics #navTopics01.active { background: url(/images/top/nav_topics.gif) 0 -40px no-repeat; } #topics #navTopics #navTopics01.active a:hover { background: url(/images/top/nav_topics.gif) 0 -40px no-repeat; } #topics #navTopics #navTopics02 { width: 100px; } #topics #navTopics #navTopics02 a { width: 83px; height: 20px; } #topics #navTopics #navTopics02 a:hover { background:url(/images/top/nav_topics.gif) -67px -20px no-repeat; } #topics #navTopics #navTopics02.active { background:url(/images/top/nav_topics.gif) -67px -40px no-repeat; } #topics #navTopics #navTopics02.active a:hover { background:url(/images/top/nav_topics.gif) -67px -40px no-repeat; } #topics #navTopics #navTopics03 { width: 76px; } #topics #navTopics #navTopics03 a { width: 76px; height: 20px; } #topics #navTopics #navTopics03 a:hover { background:url(/images/top/nav_topics.gif) -167px -20px no-repeat; } #topics .tab { margin: 0 6px 6px 6px; background: url(/images/top/bg_topics_list.gif); } #topics .tab dl { padding: 10px 10px 15px 10px; } #topics .tab dl dt { color: #e8192d; line-height: 1.5; /*font-size: .924em; */} #topics .tab dl dd { margin-bottom: 5px; padding-bottom: 5px; background: url(/images/common/bg_dot.gif) left bottom repeat-x; line-height: 1.5; /*font-size: .924em; */} #topics .tab dl dd a { color: #a5a5a5; text-decoration: none; } #topics .tab dl dd a:hover { text-decoration: underline; } .scroll-pane { width: 100%; height: 306px; overflow: auto; background: url(/images/top/bg_scroll.gif) 0 0 repeat-y; } #topics .tab dl dd span { color: #e8192d; } #sidebar { float: right; width: 354px; } #sidebar li { margin-bottom: 6px; padding: 10px 0 0 0; width: 354px; } #sidebar li dl { margin: 0 9px; } #sidebar li dl dt { padding-bottom: 8px; } #sidebar li dl dd { margin-bottom: 8px; text-align: center; } #sidebar li dl dd.text { margin-bottom: 0; padding-bottom: 8px; } .white { background: #fff; } #sidebar #sidebarSearch { background:url(/images/top/bg_search.gif); } #sidebar #sidebarRecruit { background:url(/images/top/bg_recruit.gif); } #sidebar #recruit { position: relative; padding: 8px 10px 10px 10px; box-sizing: border-box; background: #fff; height: 342px; } /*#sidebar #recruit .icon { position: absolute; top: 160px; right: 12px; z-index: 10000; }*/ #sidebar #recruit .icon { position: absolute; top: 130px; right: 12px; z-index: 10000; } /* スマコン*/ #sidebar #recruit h3 { margin-bottom: 10px; } #sidebar #recruit .thumb { } #sidebar #recruit ul { margin-top: 10px; } #sidebar #recruit ul li { margin: 0; padding: 0; width: 162px; background: #e50012; text-align: center;} #sidebar #recruit ul li.first { float: left; } #sidebar #recruit ul li.last { float: right; } #sidebar #recruit ul li a { display: block; margin: 0; height: 40px; line-height: 40px; text-decoration: none; color: #fff; font-weight: bold; box-sizing: border-box; } #sidebar #recruit .btn { position: relative; display: block; height: 40px; line-height: 40px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; background: #e50012; } #sidebar #recruit .btn::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 3px #fff; border-right: solid 3px #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 20px; margin-top: -5px; } #sidebar #recruit .btn, #sidebar #recruit .btn::before, #sidebar #recruit .btn::after { -webkit-transition: all .3s; transition: all .3s; } #sidebar #recruit .btn:hover::after { right: 10px; } #sidebar #recruit { font-family: Verdana, "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /*font-weight: 400; */} #sidebar #recruit dl.first { margin-top: 10px; } #sidebar #recruit dl.first span { color: #e50012; } #sidebar #recruit dl.last { margin-top: 4px; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #929292; } #sidebar #recruit dt { position: relative; margin-bottom: 2px; padding-left: 10px; font-size: 13px; color: #e50012; } #sidebar #recruit dt::after { position: relative; position: absolute; top: 50%; content: ''; width: 4px; height: 4px; border: 0px; border-top: solid 2px #e50012; border-right: solid 2px #e50012; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; margin-top: -4px; } #sidebar #recruit dd { padding-left: 10px; line-height: 1.6; font-size: 12px; } #sidebar #recruit dd strong { font-size: 14px; font-weight: bold; } #sidebar #recruit dd strong span { color: #e50012; } #sidebar #recruit dd a { color: #000; text-decoration: none; } #sidebar #recruit dd a:hover { text-decoration: underline; color: #e50012; } #banner { clear: both; padding-top: 6px; } #banner li { float: left; width: 240px; } #banner li p { width: 234px; } #banner li.last { width: 234px; } #banner li.adjust { width: 474px; } #banner li.adjust p { width: 474px; } #message { clear: both; float: left; padding-top: 6px; font-size: .834em; line-height: 35px; color: #a3a3a3; } #odakyu { float: right; padding: 6px 0 10px; } #pageHome #back-top { display: none; }