/* カラー */ /* */ .orange {color: #ff7900; } .orange-dark {color: #DC5C05; } .green {color: #54a300; } .blue {color: #00a0ae; } .blue-dark {color: #008490; } .purple {color: #8b66a4; } .pink {color: #fd639d; }/* */ /* ------------------------------------------ COMMON ------------------------------------------ */ body { padding-top: 160px; font: 15px 'Meiryo','Quicksand','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color: #111; line-height: 1.6; background-color: #ff7900; } a { color: #5F76A6; } /*.head-city {float: left; position: fixed; top: 0; left: 0; z-index: 1001; text-align: center; width: 100%; background-color: #666; line-height: 1.5em; color: #fff; font-size: 14px;}*/ nav.navbar-right {width: 100%; margin-top: 20px;} .navbar { background: url(images/common/header-bg.jpg) repeat-x center 0px #fff; background-size: auto; position: fixed; top: 0; left: 0; width: 100%; margin-bottom: 0; padding: 1em 0 0 0; border-radius: 0; border-bottom: solid 1px #e9e9e9; background-color: #fff; z-index: 1000; transition :all 0.2s ease-in-out 0s; border-top: solid 5px #ff7900; } .navbar.sticky { padding: 0; background-position: center -35px; background-size: auto;} .navbar h1 { text-align: left; } .navbar h1 img { transition :all 0.2s ease-in-out 0s; } .navbar .header-city {display: none;} .sticky { padding: 0; } .sticky h1 img { transform :scale(0.7); } .sticky nav { margin: 0; } header.sticky {box-shadow: 0 0px 5px; url(images/common/header-bg.jpg) repeat-x center -35px #fff;} .navbar-header { margin: 0; } .navbar h1 { width: 100%; text-align: center; } .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-nav {width: 100%; border-top: solid 1px #ccc; border-right: solid 1px #ccc; background-color: #fff;} .navbar-nav > li { padding:0; font-size: 15px; text-align: center; border-left: solid 1px #ccc; width: 16% ; height: 54px;} .en .navbar-nav > li { width: 19.20%; } .navbar-nav > li.youtube {width: 4% !important;} .navbar-nav > li.icon {width: 4% !important; overflow: hidden;} .navbar-nav > li.youtube i {font-size: ;} .navbar-nav > li.instagram i {font-size: ; margin-top: -2px;} .navbar-nav > li.facebook i {font-size: ; margin-top: -1px;} .navbar-nav > li > a { padding: 17px 0; color: #000; overflow: hidden;} .navbar-nav li > a:hover { background: #f1f1f1; } .navbar-nav li.active > a { background: url(images/common/menu-active-bg.png) bottom center no-repeat; color: #111;} .navbar-nav > li > a > i {color: #ff7900;} .navbar-nav > li > ul > li > a > i {width: 25px; text-align: center; color: #ff7900;} .navbar-nav > li.city > a {background: url(https://cubeit.com.au/images/common/pin.png) no-repeat 0px center; padding: 17px 0 17px 38px; color: #ff7900; font-weight: bold; } .navbar-nav > li.city > ul > li > a > i {width: auto; margin-right: 5px; color: #666;} .navbar-right .dropdown-menu {right: auto;} .dropdown-menu { min-width: 180px; max-height: auto; padding: 0; overflow: auto; border: none; box-shadow: 0 3px 5px rgba(0,0,0,.5); } .dropdown-menu > li {border-top: dotted 1px #999; float: left; width: 100%;} .dropdown-menu > li > a { padding: 10px; float: left; width: 100%;} .dropdown-toggle i { padding-left: 0.5em; font-size: 72%; } .dropdown-menu > li.home > a, .dropdown-menu > li.home > a > i {color: #ff7900 !important; font-weight: bold;} .dropdown-menu > li > a span {float: left; width: 98%; margin: 0 2% 4% 2%; border-bottom: dotted 1px #ccc; box-sizing: initial; } .dropdown-menu > li > a span.menu-form {font-size: 14px; line-height: 1.4em; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; color: #fff; border: none; letter-spacing: 0px; text-align: center; padding: 4% 1%; margin: 2% 0 0 0; } .dropdown-menu > li > a span.menu-form.tojapan {background-color: #54a300; } .dropdown-menu > li > a span.menu-form.move {background-color: #00a0ae; } .dropdown-menu > li.chakubarai {text-align: center; background-color: #daedc5; border-top: dotted 1px #54a300;} .dropdown-menu > li.chakubarai a:hover {background-color: #54a300; color: #fff; } .dropdown-menu > li.relocation {text-align: center; background-color: #c8eef1; border-top: dotted 1px #00a0ae;} .dropdown-menu > li.relocation a:hover {background-color: #00a0ae; color: #fff; } .dropdown-menu > li.boxs a {line-height: 1.8em; text-align: left;} .dropdown-menu > li.boxs a i {width: 25px; text-align: center;} li.move > .dropdown-menu > li {text-align: center;} .en li.move > .dropdown-menu > li {text-align: left;} #dropmenu + li + a:hover ul.dropdown-menu li{ overflow: visible; height: 38px; } #dropmenu li.youtube a { background: #; color: #DB4A39; font-size: 150%; padding: 15px 0; } ul.header-socialbtn { float: right; margin-bottom: 0; padding-left: 1em; } ul.header-socialbtn li { display: inline-block; padding: 10px 0; list-style: none; line-height: 20px; } ul.header-socialbtn li a { min-width: 30px; display: inline-block; padding: 5px 0; color: #fff; text-align: center; } ul.header-socialbtn li.googleplus a { background: #DB4A39; } ul.header-socialbtn li.twitter a { background: #00B6F1; } ul.header-socialbtn li.facebook a { background: #3B599C; } footer { padding: 15px 0 30px; background: #111; font-size: 86%; color: #fff; } #copyright {text-align: left;} #footer-navi { text-align: right; width: 100%; float: left; } #footer-navi ul {padding: 0;} #footer-navi li { display: inline-block; list-style: none; float: left; border-left: solid 1px #fff;} #footer-navi li a { display: inline-block; padding: 0 10px; color: #fff; } #footer-navi p.license a { color: #fff; text-decoration: underline; } #footer-navi p.license a:hover { text-decoration: none; } footer .row {margin-right: 0px; margin-left: 0;} footer.jima { background-color: #fff; } footer.jima img {width: 350px;} footer.banner {text-align: center; background-color: transparent; padding-top: 0; margin-bottom: 15px;} footer.banner img {margin: 3px;} footer .footer-info {margin-bottom: 30px; font-size: 125%; border: solid 1px #fff; float: left; width: 100%; } footer .footer-info p {float:left; width: 33.3%; padding: 1em 0; margin: 0;} footer .footer-info p:nth-child(1) {border-right: solid 1px #fff;} footer .footer-info p:nth-child(2) {line-height: 2.3em;} footer .footer-info p:nth-child(3) {border-left: solid 1px #fff;} footer .footer-info a {color: #fff; text-decoration: underline;} footer .footer-info i {font-size: 160%;} footer .footer-info span {font-size: 150%;} /* ------------------------------------------ CONTENT COMMON STYLES ------------------------------------------ */ .displaynone {display: inline-block;} .displayblock {display: none;} .displayinline {display: none;} #content { padding: 0 0 2em 0; } #content article h1 { margin: 0 0 15px 0; font-size: 30px; } #content article h2 { font-size: 25px; } #content article h3 { font-size: 20px; } #content article h4 { font-weight: bold; } #content article p { margin-bottom: 1em; } #content article .row { margin-bottom: 1em; } .container {padding: 0px;} #content .container {padding: 30px 30px 10px 30px;} .padding0 {padding-top: 0px; font-size: 0; line-height: 0;} .clear {content: "."; display: block; clear: both; height: 0; visibility: hidden;} /* ------------------------------------------ LOWER CONTENT ------------------------------------------ */ #mainvisual-lower h2 { position: relative; padding: 0; background: none; background-size: cover; color: #fff; text-shadow: 0 1px 0px #000; font-size: 25px; line-height: 2em; padding: 30px 0 0 0; margin: 0;} #mainvisual-lower h2 i { padding-right: 10px; font-size: 25px; } #mainvisual-lower .overray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent;} #mainvisual-lower .row { display: table; width: 100%; margin: 0; } #mainvisual-lower .row .col-sm-12 { display: table-cell; width: 100%; vertical-align: middle; overflow: hidden; padding: 0; } img.truck {float: right} img.map-city { height: 100px; margin: 13px 10px 10px -15px; } #localnavi { background: #f6f6f6; border-bottom: solid 1px #e9e9e9; } #localnavi nav { border-left: solid 1px #e9e9e9; } #localnavi nav ul { margin: 0; padding: 0; text-align: left; } #localnavi nav li { display: inline-block; list-style: none; float: left; } #localnavi nav li a { position: relative; display: inline-block; padding: 10.5px 1.5em; border-right: solid 1px #e9e9e9; } #localnavi nav li.home a { padding: 10.5px 1em 10.5px ; } #localnavi nav li a:hover { background: #fff; text-decoration: none; } #localnavi nav li span { display: inline-block; padding: 10.5px 1.5em; background: #fff; border-right: solid 1px #e9e9e9; } #localnavi nav li.pagetop span { position: relative; } #localnavi nav li a:before { border:11px solid transparent; border-left-color:#f6f6f6; border-right-width:0; border-top-width: 23px; border-bottom-width: 23px; right:-10px; content:""; display:block; top: 0; position:absolute; width:0; z-index:1; } #localnavi nav li a:after { border:11px solid transparent; border-left-color:#e9e9e9; border-right-width:0; border-top-width: 23px; border-bottom-width: 23px; right:-11px; content:""; display:block; top:0; position:absolute; width:0; } #localnavi nav li a:hover:before { border-left-color:#fff; } #localnavi nav li.pagetop ul li { display: block; float: none; } #localnavi nav li.pagetop ul li a { display: block; border-right: none; } #localnavi nav li.pagetop ul li a:hover { background: #f6f6f6; } #localnavi nav li.pagetop ul li.active a:hover { background: #428bca; } #localnavi nav li.pagetop ul li a:before, #localnavi nav li.pagetop ul li a:after { display: none; } .breadcrumb { background-color: #none; border-radius: 0; list-style: none outside none; margin-bottom: 0; padding: 0; } #webpage-body .container {background-color: #fff;} #blog-primary-content { padding-left: 0; } #entry-list article { margin-bottom: 3em; padding-bottom: 3em; border-bottom: solid 1px #e9e9e9; } #entry-list figure { width: 300px; float: right; margin-left: 2em; margin-bottom: 1em; } #entry-list figure img { width: 100%; border: solid 1px #e9e9e9; } .entry-meta { margin-bottom: 1em; font-size: 86%; float: right;} .entry-meta time { display: inline-block; margin-right: 0.5em; padding: 0.2em 0.3em 0.2em 0.2em; background: #f1f1f1; } .entry-meta time span { display: inline-block; } .entry-meta time span.year { padding: 0.2em 0.5em; } .entry-meta time span.monthday { padding: 0.2em 0.53em; background: #fff; } .entry-meta .category { padding: 0.5em 0.8em; margin-right: 0.2em; background: #88cfc5; color: #fff; } .entry-excerpt { margin-bottom: 1em; } .pagemore { text-align: left; } #content #entry-list h1 { margin-bottom: 15px; font-size: 20px; color: #111; } #sidebar nav { margin-bottom: 2em; padding-bottom: 2em; border-bottom: solid 3px #e9e9e9; } #sidebar h1 { margin: 0 0 20px 0; font-size: 15px; font-weight: bold; } #sidebar ul { padding: 0; margin-bottom: 0; } #sidebar ul li { margin-bottom: 0.7em; padding-bottom: 0.7em; list-style: none; border-bottom: solid 1px #e9e9e9; } #sidebar ul li:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* ------------------------------------------ ENTRY NEWS ------------------------------------------ */ #page.news h1.page-title { margin: 0 0 1em 0; } #page.news .entry-meta {float: right; width: 100%; text-align: right; margin-bottom: 15px;} #page.news .entry-body /* ------------------------------------------ ENTRY DETAIL ------------------------------------------ */ #entry-detail figure { margin-bottom: 2em; } #entry-detail img { max-width: 100%; } #page.news h3.news-title {margin-top: 0; border-bottom: solid 1px #ccc; padding-bottom: 5px;} #page.news figure {float: left; margin-right: 20px; margin-bottom: 10px; width: 50%; border: solid 1px #eee; } #page.news figure img {width: 100%;} /* ------------------------------------------ BTN ------------------------------------------ */ .btn-primary { background-color: #ccc; border: solid 1px #fff; margin: 0 10px; } .btn-primary:hover { background: #999; border-color: #999; } .btn-secondary { background: #f1f1f1; border-color: #e1e1e1; } .btn-secondary:hover { background: #f9f9f9; border-color: #e9e9e9; } .btn-info { background: #60A79D; border-color: #60A79D; } .btn-info:hover { background: #74BBB1; border-color: #74BBB1; } .btn-success { background: #60A79D; border-color: #60A79D; } .btn-success:hover { background: #74BBB1; border-color: #74BBB1; } /* ------------------------------------------ 都市 TOP PAGE ------------------------------------------ */ body#sitetop { padding-top: 0; } /*TOP PAGE メイン画像*/ #mainvisual { margin-top: 160px; width: 100%; min-height: 350px; padding: 0; background: url() no-repeat center bottom #ff7900; background-size: cover; text-align: center; background-size: cover; } #mainvisual h2 { margin: 0 0 20px 0; } #mainvisual #main-text { margin-bottom: 2em; } #mainvisual .btn-group { margin-top: 8em; } #mainvisual .btn-group a.btn { width: 200px; background: rgba(255,121,0,0.8); border-radius: 40px !important; border: solid 2px #fff; padding: 20px 0; font-size: 22px; } .en #mainvisual .btn-group a.btn { width: 230px; font-size: 20px;} #mainvisual .btn-group a.btn:hover { background: rgba(255,121,0,1.0); } #mainvisual .container {height: 350px; background: rgba(0,0,0,0.1);} /*#top-about { } #top-about .webpages { padding: 3em 0; border-bottom: solid 1px #f1f1f1; } #top-about .webpages:nth-child(even) { background: #F5F7FA; } #top-about .webpages h3 { margin: 0 0 15px 0; text-align: center; font-size: 40px; } #top-about .webpages p.webpage-lead { margin-bottom: 2em; text-align: center; } #top-about .webpages .col-sm-4 { position: relative; padding-bottom: 50px; } #top-about .webpages i { padding-right: 0.2em; } #top-about .webpages .page-detail { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; text-align: center; } #top-about .webpages .page-detail .btn { width: 100%; } #top-news { padding: 3em 0; background: #2E3B53; color: #fff; } #top-news h3 { font-size: 40px; margin: 0 0 25px 0; text-align: center; } #top-news a.col-sm-3 { display: block; width: 262.5px; padding: 0; margin: 0 15px 15px 15px; background: #fff; color: #111; } #top-news a:hover { color: #5f76a6; text-decoration: none; } #top-news figure { display: block; height: 150px; overflow: hidden; } #top-news figure.noimage { height: 150px; background: #999; text-align: center; line-height: 150px; color: #fff; font-size: 30px; } #top-news figure img { width: 100%; } #top-news .entry-detail { padding: 1em; } #top-news h1 { margin: 0 0 0.5em 0; font-size: 114%; } #top-news p { margin: 0; } #top-news p.entry-excerpt { font-size: 86%; } #top-news .top-newslist { margin-top: 2em; text-align: center; }*/ .top-col2, top-col3 {float: left; width: 100%;} .top-col3 > div {width: 33.3%; float: left; padding: 1%; } .top-col2 > div {width: 100%; float: left; padding: 1%; } .title {text-align: center; color: #fff; margin: 0;} .top-col3 .title {background-color: #00a0ae; padding: 2%; } .top-col2 .title {background-color: #8b66a4; padding: 0.3%; } .top-col3 .text {background-color: #eaebde; padding: 5px; color: #666; font-size:90%;} .top-col3.one .title {font-size: 110%; border-top: solid 5px #006e97;} .en .top-col3.one .title { font-size: 110%; line-height: 1.4em;} .box-inner img { width: 100%; } .top-col2 p.text {height: 150px;} #sitetop ul.top-news-list {overflow: hidden; border-bottom: none; padding: 0; border-bottom: solid 1px #ccc;} #sitetop ul.top-news-list a {color: #111; padding: 10px 12px; float: left; width: 100%; } #sitetop ul.top-news-list a i {color: #8b66a4;} #sitetop ul.top-news-list a:hover {background-color: #e9d9f4; text-decoration: none; } #sitetop ul.top-news-list li {float: left; width: 50%; overflow: hidden;} #sitetop ul.top-news-list .news-title {margin-bottom: 10px; border-bottom: dotted 1px #ccc; color: #8b66a4; } #sitetop ul.top-news-list .news-body {margin-bottom: 0; color: #666; font-size: 90%;} #sitetop ul.top-news-list .news-date {font-size: 80%; float: right; margin: 0; color: #999;} #sitetop ul.top-news-list li:nth-child(2n+1) {background-color:#fff;} #sitetop ul.top-news-list li:nth-child(2n+2) {background-color:#fff;} #sitetop ul.top-news-list figure {width: 25%; float: left; margin-right: 2%; border: solid 1px #ddd;} #sitetop ul.top-news-list .entry-detail {width: 100%; float: left; } /* ------------------------------------------ SNS ------------------------------------------ */ .entry-social-buttons { margin-top: 10px; } .entry-social-buttons ul { padding-left: 0; list-style: none; margin-bottom: 0;} .entry-social-buttons ul li { display: inline-block; margin-left: 0.2em; vertical-align: top; } section.bottom-sns {float: right; width: 100%; border-top: solid 1px #eee; text-align: right; } .entry-social-buttons ul li.entry-social-facebook {margin-top: -2px;} /* ------------------------------------------ 上に戻るボタン ------------------------------------------ */ #pageTop { position: fixed; bottom: 20px; right: 20px; } #pageTop a {display: block; z-index: 999; border-radius: 5px; width: 50px; height: 50px; background-color: #D36015; color: #fff; font-weight: bold; text-decoration: none; text-align: center; line-height: 50px;} #pageTop a:hover { text-decoration: none; opacity: 0.7; } /* ------------------------------------------ 休みの告知 ------------------------------------------ */ .holiday-note {text-align: center; padding: 20px 0; /*background: rgba(255,255,255,0.7);*/ border-bottom: dotted 1px #fff;} .holiday-note p {margin: 0;} #sitetop .holiday-note {border-top: none; padding: 0 0 10px; } /* TOP NEWS POP UP */ .popup #content { padding: 0 0 4em 0; } .popup .col-sm-9 {width: 100%;} .popup #content .container {background-color: #fff;} .popup #content .container figure {text-align: center; margin-bottom: 20px; background-color: #eee;} .popup #content .container p > img {margin-bottom: 20px; } .popup #content .container p > img:after {content:"
";} /* ============================================ RWD ============================================ */ /* ------------------------------------------ PC 大きめサイズ（1200px以上の幅の場合に適応） ------------------------------------------ */ @media (min-width: 1200px) { #sitetop ul.top-news-list figure {width: 20%;} } /* ------------------------------------------ for TABLET（834px以下の幅の場合に適応） ------------------------------------------ */ @media screen and (max-width: 834px) { /*ul.header-socialbtn {padding-left: 0em;} .navbar { background: url(images/common/header-bg.jpg) repeat-x center 0px #fff; } .navbar-nav > li {font-size: 13px;} .navbar-right .dropdown-menu {left: 0; right: auto; width: 190px;} .navbar.sticky { background: url(images/common/header-bg.jpg) repeat-x center -35px #fff }*/ #content .container {padding: 15px 15px 15px 15px;} .top-col3.one .title {font-size: 100%;} #mainvisual-lower h2 {background: none !important;} } /* ------------------------------------------ STYLE FOR SM & TABLET（767px以下の幅の場合に適応） ------------------------------------------ */ @media screen and (max-width:767px){ .displaynone {display: none;} .displayblock {display: block;} .displayinline {display: inline;} body { padding-top: 100px; line-height: 1.4em; font-size: 14px; } img { max-width: 100%; } header { margin-bottom: 5px; } .container > .navbar-header { position: relative; width: 100%; margin: 0; text-align: center; } .navbar-nav { margin: 0; } .navbar-nav > li { padding: 0;} .navbar { background-image: none; padding: 0; border-top: none; box-shadow: 0 0px 5px;} .navbar h1 img {height: 50px; margin-bottom: 0.4em; } .navbar .header-city {display: block; background-color: #666; text-align: center; padding-top: 0px; margin-bottom: 10px; color: #fff; line-height: 25px;} .navbar.sticky .header-city {margin-bottom: 0px; font-size: 12px;background-color: #999; } .sticky h1 img { margin-bottom: 0; } button.navbar-toggle { position: absolute; right: 0; top: 0; padding: 8px 9px; margin-right: 0; background: #f6f6f6; border: solid 1px #f1f1f1; border-radius: 3px; color: #999; margin-right: 15px; } .navbar-toggle { margin: 0.1em 0 0 0; } .navbar-toggle i { font-size: 28px; float: left; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #ccc;} .navbar-nav {} .navbar-nav > li, .en .navbar-nav > li {width: 100% !important; border-top: solid 1px #ccc; margin-top: 0; height: auto;} .navbar-nav > li.youtube { width: 100% !important; } .navbar-nav > li.icon { width: 100% !important; } .navbar-nav > li.youtube i { font-size: 115%; } .navbar-nav > li.instagram i {font-size: 175%; } .navbar-nav > li.facebook i {font-size: 155%; } .navbar-nav > li > a { padding: 10px 0; } .navbar-nav > li > a i.fa-caret-down { } .navbar-nav li.active > a { background-image: none; background-color: #ffb776; } .navbar-nav .open .dropdown-menu { padding: 0px 10px 10px 10px; background-color: #ccc;} .navbar-nav .open .dropdown-menu > li {border-top: solid 1px #ccc !important; background-color: #daedc5;} .navbar-nav .open .dropdown-menu > li > a {text-align: center; padding: 6px 0; background-color: #fff; float: left; width: 100%;} .navbar-nav .open .dropdown-menu > li.chakubarai > a:hover {background-color: #54a300;} .navbar-nav .open .dropdown-menu > li > a span {margin: 1% 3%; width: 44%;} .navbar-nav .open .dropdown-menu > li > a span.menu-form {width: 94%;} .navbar-nav .open.city .dropdown-menu > li {width: 100%; float: left;} .navbar-nav > li.city > a {padding: 8px 0; background: none; } #dropmenu li.youtube a { padding: 8px 0; } .dropdown-menu { max-height: auto; } .navbar-collapse.in {box-shadow: rgba(0, 0, 0, 0.298039) 0px 10px 10px;} .container>.navbar-collapse { margin: 0; } /*ul.header-socialbtn { float: none; margin: 0; padding: 0; text-align: center; }*/ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { margin-bottom: 1em; } section .col-sm-1:last-of-type, section .col-sm-2:last-of-type, section .col-sm-3:last-of-type, section .col-sm-4:last-of-type, section .col-sm-5:last-of-type, section .col-sm-6:last-of-type, section .col-sm-7:last-of-type, section .col-sm-8:last-of-type, section .col-sm-9:last-of-type, section .col-sm-10:last-of-type, section .col-sm-11:last-of-type, section .col-sm-12:last-of-type { margin-bottom: 1em; } #content .container {padding: 10px;} #mainvisual-lower {text-shadow: none;} #mainvisual-lower h2 {background: none; text-align: center; font-size: 18px; margin-top: 0px; line-height: 1.2em; padding: 10px 0;} #top-news a.col-sm-3 { width: 90%; margin: 0 auto 2em auto; } #sidebar { width: 100%; } #sidebar h1 { padding: 1em 0.7em; background: #f6f6f6; } #entry-list figure { width: 40%; display: none;} .entry-social-buttons ul li.entry-social-facebook { margin-top: 0px; } #sitetop ul.top-news-list {border-bottom: none; background-image: none;} #sitetop ul.top-news-list li {width: 100%; border-bottom: solid 1px #ccc;} footer .col-sm-6 { margin-bottom: 0; } footer.jima img {width: 80%;} footer .footer-info {margin: 3%; width: 94%;} footer .footer-info p {width: 100%; border: none; border-bottom: solid 1px #fff; line-height: 1.8em;} footer .footer-info p:nth-child(3) { border: none;} footer.banner img {width: auto;} #footer-logoarea { text-align: center; } #footer-navi ul.pull-right { float: none !important; padding: 0; text-align: center; } #copyright {text-align: left;} #footer-navi li { width: 100%; text-align: left; } #footer-navi li a { font-size: 110%; } /* 都市 TOP PAGE */ #mainvisual { margin-top: 95px; min-height: 200px; background-size: cover !important; } #mainvisual .container {height: 200px;} #mainvisual .btn-group {margin-top: 5em;} .top-col3 > div {width: 100%; } .top-col2 > div {width: 100%; } } /* ------------------------------------------ STYLE FOR SM Only（414px以下の幅の場合に適応） ------------------------------------------ */ @media screen and (max-width:414px){ #mainvisual .btn-group a.btn, .en #mainvisual .btn-group a.btn { width: 60%; padding: 0.3em 0; border-radius: 20px !important; margin: 0 20% 8px; font-size: 120%; } #mainvisual .btn-group { margin-top: 2.5em; } .en #mainvisual .btn-group a.btn {font-size: 120%;} }