@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@900&display=swap");
body {
color: rgba(255, 255, 255, 1.00);
font-family: 'UD Shin Go Medium', 'メイリオ', 'Meiryo', 'Verdana', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}
img {
height: auto;
max-width: 100%;
}
a {
color: #fff;
}
a:hover {
text-decoration: none;
}
.wrap {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/garage-bg-01.jpg);
background-position: center top;
background-repeat: no-repeat;
}
.navbar-brand {
float: left;
padding: 5px 0;
font-size: 18px;
line-height: 20px;
height: 50px;
} .sidebar-ass {
margin: 0;
padding: 15px 0 30px;
text-align: center;
}
.sidebar-gnav {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/sidebar-gnav-03.png);
background-repeat: no-repeat;
height: 421px;
margin: 0 0 20px 8px;
}
.sidebar-gnav ul {
list-style-type: none;
margin: 5px 0 0 60px;
padding: 0;
}
.sidebar-gnav ul li {
margin: 0 0 8px;
padding: 0;
}
.sidebar-new {
border: 3px solid rgba(255, 255, 255, 1.00);
border-radius: 8px;
margin: 0 auto 30px;
padding: 5px 20px;
width: 242px;
}
.sidebar-new h2 {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.sidebar-new dl dt {
font-size: 11px;
font-weight: normal;
}
.sidebar-new dl dd {
font-size: 12px;
margin-bottom: 10px;
text-decoration: underline;
word-wrap: break-word;
}
.sidebar-contact {
margin: 0 0 45px;
padding: 0;
text-align: center;
}
.sidebar-company {
margin-bottom: 30px;
}
.sidebar-company-01 {
margin: 0;
padding: 0 0 15px;
text-align: center;
}
.sidebar-company-02 {
margin: 0;
padding: 0 0 8px;
text-align: center;
}
.sidebar-company-03 {
font-size: 11px;
margin: auto;
width: 220px;
}
.sidebar-link {
margin-bottom: 40px;
text-align: center;
}
.sidebar-link h3 {
font-size: 12px;
font-weight: normal;
}
.sidebar-agancy {
text-align: center;
}
@media screen and (max-width:767px) {
.sidebar-link-dealer {
margin: 0 5px 10px;
}
}
.sidebar-link-dealer a {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width:768px) {
.sidebar-link-dealer a {
margin: 0 auto;
text-align: center;
width: 238px;
}
}
.sidebar-link-group-01 a {
background-color: rgba(255, 255, 255, .2);
color: rgba(255, 255, 255, 1);
display: block;
font-size: 13px;
margin: 0 auto 10px;
padding: 15px;
text-align: center;
width: 238px;
}
.sidebar-link-group-01 a:hover {
background-color: rgba(255, 255, 255, .4);
text-decoration: none;
}
.sidebar-yahooshop {
padding: 0 0 30px;
}
.sidebar-youtube {
padding: 0 20px 30px;
}
.main .sidebar-yahooshop {
padding: 20px 0;
}
.sidebar-catalog {
padding: 0 20px 30px;
text-align: center;
} p.footer-contact-01 {
margin-bottom: 50px;
text-align: center;
}
.footer-01 {
border-bottom: 1px solid #fff;
margin: 0 0 30px;
padding: 0 0 10px;
}
p.footer-logo {}
p.footer-address {
margin: 0;
padding: 15px 0 0;
}
.footer-youtube,
.footer-catalog {
margin-bottom: 10px;
}
.footer-catalog {
border-bottom: 1px solid rgba(255, 255, 255, 1);
padding-bottom: 10px;
} .main {}
.index-mainimg {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/garage-index-mainimg-05.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 1130px;
position: relative;
} .index-mainimg-01 {
right: 25px;
position: absolute;
top: 35px;
z-index: 20;
} .index-mainimg-02 {
display: none;
}
.index-mainimg-03 {
left: -70px;
position: absolute;
top: 305px;
z-index: 30;
}
.index-mainimg-04 {
left: 0px;
position: absolute;
top: 900px;
z-index: 10;
}
.index-news-entry-list {
padding: 0 0 20px;
}
.news-entry-date {
color: rgba(0, 0, 0, .5);
font-size: 12px;
}
.index-header-01 {
margin: 0;
padding: 0 0 20px;
}
.index-lead-01 {
margin: 0;
padding: 0 0 30px;
}
.index-riyuu-01 ul li {
margin: 0;
padding: 0 0 40px;
}
.index-riyuu-01 ul li {
text-align: center;
}
.index-riyuu-01 ul li:first-child {
text-align: left;
}
.index-riyuu-01 ul li:last-child {
text-align: right;
}
.index-riyuu-02 {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/garage-bg-02.jpg);
color: #040000;
margin-bottom: 40px;
;
}
.index-riyuu-02 h3 {
margin: 0;
padding: 15px 0 15px 20px;
}
p.index-riyuu-03 {
margin: 0;
padding: 0 0 20px;
}
p.index-riyuu-04 {
margin: 0;
padding: 0 25px 20px;
}
.index-california-tiny-house-01 {
margin-bottom: 40px;
}
p.index-osusume-01 {
margin: 0;
padding: 0 0 40px;
text-align: center;
}
.news-entry-right {
padding: 0 15px 0px;
}
.media-image img {
width: 173px;
height: 173px;
object-fit: cover;
} .contents-header-01 {
margin: 0;
padding: 0 0 30px;
text-align: center;
}
.contents-area-01 {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/garage-bg-02.jpg);
background-repeat: repeat-y;
color: #000;
padding: 20px 0 50px;
margin-bottom: 40px;
;
}
.contents-area-01 a {
color: #000;
}
.contents-area-02 {
padding: 20px;
}
.contents-area-03 {}
.contents-area-04 {
padding: 40px;
} .feature-01 {
padding-top: 20px;
}
.feature-01 h4 {
color: #B81C22;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 10px 0 5px 0;
}
.feature-02 {
padding: 0 20px;
}
.feature-02 h3 {
font-family: 'Heebo', sans-serif;
font-size: 40px;
letter-spacing: .02em;
margin: 0;
padding: 40px 0 15px;
}
.feature-03 {
float: right;
padding-right: 20px;
width: 540px;
}
.feature-03 p {
font-size: 11px;
line-height: 1.2;
margin: 0;
padding: 0 0 10px;
}
.feature-04 {
float: left;
height: 170px;
width: 20%;
}
.feature-04 h3 {
font-size: 12px;
margin: 0;
padding: 0 0 4px;
}
.feature-04 img {
height: auto;
width: 150px;
}
.feature-05 {
font-size: 11px;
line-height: 1.2;
margin: 0;
padding: 0 0 5px;
}
.feature-06 {
padding-right: 10px;
}
.feature-06 h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 5px 0 8px;
}
.feature-06 p {
font-size: 12px;
}
.feature-07 {
border: 4px solid #00589F;
padding: 15px 20px;
}
.feature-07 h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0 0 10px;
}
.feature-08 {
float: left;
width: 420px;
}
.feature-09 {
float: right;
font-size: 12px;
margin-top: 25px;
width: 340px;
}
.feature-10 {
border: 4px solid #B81C22;
padding: 15px 20px;
}
.feature-10 h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0 0 10px;
}
.feature-11 {
padding-left: 90px;
}
.feature-12 {
font-size: 12px;
padding: 0 10px;
}
.feature-13 {
float: left;
padding-right: 10px;
}
h2.feature-14 {
margin: 20px 0 20px;
padding: 0;
}
.feature-15 {
padding-bottom: 20px;
} .page-id-1156 iframe.tinyframe {
height: 4000px;
overflow: auto;
-webkit-overflow-scrolling: touch;
} p.works-image-01 {
margin-bottom: 20px;
}
.works-01 {
margin-top: 20px;
}
.works-01 li {
margin-bottom: 20px;
}
.works-date-01 {
padding: 0 20px;
}
h3.works-header-01 {
font-size: 14px;
padding: 0 20px;
word-wrap: break-word;
}
h3.works-header-01 a {
color: rgba(0, 0, 0, 1);
}
.works-02 {
font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, meiryo, sans-serif;
position: relative;
width: 800px;
}
.works-02 h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0 0 30px;
}
.works-03 { }
.works-left {
float: left;
}
.works-right {
float: right;
}
.works-260-260px {
display: table;
height: 260px;
margin-bottom: 10px;
position: relative;
width: 260px;
}
.works-320-360px {
display: table;
height: 360px;
margin-bottom: 10px;
position: relative;
width: 320px;
}
.works-350-350px {
display: table;
height: 350px;
margin-bottom: 10px;
position: relative;
width: 350px;
}
.works-450-350px {
display: table;
height: 350px;
margin-bottom: 10px;
position: relative;
width: 450px;
}
.works-480-360px {
display: table;
height: 360px;
margin-bottom: 10px;
position: relative;
width: 480px;
}
.works-530-260px {
display: table;
height: 260px;
margin-bottom: 10px;
position: relative;
width: 530px;
}
.works-530-530px {
display: table;
height: 530px;
margin-bottom: 10px;
position: relative;
width: 530px;
}
.works-800-600px {
display: table;
height: 600px;
margin-bottom: 10px;
position: relative;
width: 800px;
}
.works-800-260px {
display: table;
height: 260px;
margin-bottom: 10px;
position: relative;
width: 800px;
}
.works-260-260px p,
.works-320-360px div,
.works-450-350px div,
.works-480-360px p,
.works-800-260px h3,
.works-800-260px p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.works-530-530px p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.works-530-260px p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.works-800-600px p {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.works-black {
background-color: rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 1);
font-size: 17px;
}
.works-red {
background-color: rgba(153, 0, 0, 1);
color: rgba(255, 255, 255, 1);
font-size: 25px;
line-height: 1;
}
.works-blue {
background-color: rgba(0, 85, 152, 1);
color: rgba(255, 255, 255, 1);
font-size: 25px;
line-height: 1;
}
.works-gray {
background-color: rgba(77, 77, 77, 1);
color: rgba(255, 255, 255, 1);
font-size: 18px;
}
.works-gray span {
color: rgba(204, 204, 204, 1);
font-size: 11px;
}
.works-gray span.works-price {
color: rgba(153, 0, 0, 1);
font-size: 18px;
}
.tategaki {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
} .company-01 td {
background-color: #fff;
}
.company-01 a {
color: #000;
}
.company-01 th {
background-color: #00589F;
color: #fff;
} .news-contents a {
color: rgba(0, 0, 0, 1);
text-decoration: underline;
} .group-01 h3 {
font-size: 20px;
margin-bottom: 30px;
} .shop-banner-01 {
padding: 0 30px 20px 15px;
}
p.shop-name-01 {
font-weight: bold;
margin: 0;
}
p.shop-name-01 a {
text-decoration: underline;
}
p.shop-address-01 {
margin-bottom: 20px;
} @media (max-width:767px) {
body {
padding: 80px 20px 0;
}
.navbar-default {
background-color: #B81C22;
border-color: #B81C22;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #00589f;
}
.navbar-default .navbar-brand {
padding-left: 20px;
}
.navbar-default .navbar-toggle {
margin-right: 20px;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
font-weight: bold;
}
.mw_wp_form .btn {
margin-bottom: 10px;
} .sidebar-link {
display: block !important;
}
.sidebar-new {
width: auto;
} .index-lead-01 {
padding: 0 20px 30px;
}
.index-riyuu-01 ul li {
text-align: center;
}
.index-riyuu-01 ul li:first-child {
text-align: center;
}
.index-riyuu-01 ul li:last-child {
text-align: center;
}
.index-riyuu-02 h3 {
margin: 0;
padding: 15px 20px 15px 20px;
} .contents-area-01 {
padding: 20px 20px 50px;
margin-bottom: 40px;
;
}
.feature-02 {
margin: 0;
padding: 0 0 20px;
}
.feature-02 h3 {
font-family: 'Heebo', sans-serif;
font-size: 27px;
letter-spacing: .02em;
margin: 0;
padding: 15px 0 15px;
}
.feature-03 {
float: none;
padding-right: 0;
width: auto;
}
.feature-04 {
float: left;
height: 180px;
text-align: center;
width: 50%;
}
.feature-06 {
padding-bottom: 20px;
}
.feature-08 {
float: none;
width: auto;
}
.feature-09 {
float: none;
width: auto;
}
.feature-11 {
padding-left: 0;
text-align: center;
}
.feature-16 {
text-align: center;
} .page-id-1156 iframe.tinyframe {
height: 800vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
} .works-01 li {
float: left;
text-align: center;
width: 50%;
}
.works-02 {
width: auto;
}
.works-left {
float: none;
}
.works-right {
float: none;
}
.works-260-260px,
.works-320-360px,
.works-350-350px,
.works-450-350px,
.works-480-360px,
.works-530-260px,
.works-530-530px,
.works-800-600px,
.works-800-260px {
display: table;
height: auto;
margin-bottom: 10px;
position: relative;
width: 100%;
}
.works-red,
.works-gray,
.works-black {
padding: 10px;
}
.works-red {
font-size: 18px;
}
}
@media (min-width: 768px) {
.container {
width: 1140px;
}
}
body#agency {
background-color: rgba(255, 255, 255, 1);
color: rgba(0, 0, 0, 1);
font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 13px;
letter-spacing: 0;
line-height: 1.75;
}
body#agency .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
body#agency .container {
width: 970px;
}
}
body#agency .row {
margin-right: -15px;
margin-left: -15px;
}
body#agency .col-sm-1,
body#agency .col-sm-10,
body#agency .col-sm-11,
body#agency .col-sm-12,
body#agency .col-sm-2,
body#agency .col-sm-3,
body#agency .col-sm-4,
body#agency .col-sm-5,
body#agency .col-sm-6,
body#agency .col-sm-7,
body#agency .col-sm-8,
body#agency .col-sm-9,
body#agency .col-xs-1,
body#agency .col-xs-10,
body#agency .col-xs-11,
body#agency .col-xs-12,
body#agency .col-xs-2,
body#agency .col-xs-3,
body#agency .col-xs-4,
body#agency .col-xs-5,
body#agency .col-xs-6,
body#agency .col-xs-7,
body#agency .col-xs-8,
body#agency .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
body#agency .header {
background-color: rgba(0, 0, 0, .05);
padding: 10px 0;
}
body#agency img {
height: auto;
max-width: 100%;
}
body#agency h1 {
margin: 50px 0 30px;
padding: 0;
}
body#agency h2 {
border-bottom: 1px solid rgba(0, 0, 0, .5);
font-size: 18px;
font-weight: bold;
margin: 30px 0 20px;
padding: 0 0 10px;
}
body#agency h4 {
border: 1px solid rgba(0, 0, 0, .5);
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 30px 0 20px;
padding: 10px;
}
body#agency p,
body#agency ol,
body#agency ul {
margin: 20px 0 20px;
}
body#agency .quicklinks p,
body#agency .quicklinks ol,
body#agency .quicklinks ul {
margin: 0;
}
body#agency .lead {
font-size: 18px;
margin: 0 0 30px;
}
body#agency .agency-works p {
margin-top: 0;
text-align: center;
}
body#agency .merit-02 {
border: 3px solid rgba(0, 0, 0, 1);
margin: 0 0 30px;
}
body#agency .merit-02 h3 {
background-color: rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 1);
margin: 0;
padding: 10px;
text-align: center;
}
body#agency .merit-02 p {
font-size: 15px;
line-height: 1.5;
padding: 0 15px;
}
body#agency .agency-flow {
margin: 0 -15px;
}
body#agency .agency-flow-inner {
float: left;
padding: 0 15px;
width: 20%;
}
body#agency .agency-flow-01 {
border: 3px solid rgba(0, 0, 0, 1);
}
body#agency .agency-flow-01 h3 {
background-color: rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 1);
margin: 0;
padding: 10px;
text-align: center;
}
body#agency .agency-flow-01 p {
font-size: 18px;
line-height: 1.5;
padding: 0 15px;
text-align: center;
}
body#agency .agency-form {
margin-bottom: 50px;
}
body#agency .agency-form th {
background-color: rgba(0, 0, 0, .05);
font-weight: normal;
}
body#agency .agency-form th,
body#agency .agency-form td {
vertical-align: middle;
}
body#agency .footer {
background-color: rgba(0, 0, 0, .05);
padding: 30px 0;
}
body#agency .footer h5 {
margin: 0 0 15px;
padding: 0;
}
body#agency .footer p {
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
body#agency .agency-flow-inner {
float: none;
padding: 0 15px 30px 15px;
width: 100%;
}
.agency-form-table th,
.agency-form-table td {
display: block;
}
}
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 {
padding: 30px;
}
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03,
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 h4 {
line-height: 1.8;
}
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 table {
border-top: 1px solid rgba(0,0,0,.2);
border-right: 1px solid rgba(0,0,0,.2);
}
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 table th,
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 table td {
border-bottom: 1px solid rgba(0,0,0,.2);
border-left: 1px solid rgba(0,0,0,.2);
padding: 15px;
}
.page-id-2124 .contents-area-01.contents-area-02.contents-area-03 table th {
background-color: rgba(0,0,0,.1);
font-weight: normal;
}
.singletitle {
font-size: 20px;
margin: 0 0 30px;
} @media screen and (max-width:767px) {
.page-id-2088 #contents-main h2,
.page-id-2096 #contents-main h2 {
margin: 50px auto 60px;
padding: 0;
text-align: center;
}
.page-id-2088 #contents-main h2 img {
width: 70%;
}
.page-id-2088 #contents-main .catch {
background-color: #d8152b;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
padding: 20px;
text-align: center;
}
}
@media screen and (min-width:768px) {
.page-id-2088 #contents-main h2,
.page-id-2096 #contents-main h2 {
margin: 0 auto 60px;
padding: 0;
text-align: center;
}
.page-id-2088 #contents-main h2 img,
.page-id-2096 #contents-main h2 img {
width: 50%;
}
.page-id-2088 #contents-main .catch {
background-color: #d8152b;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
padding: 20px;
text-align: center;
}
}
@media screen and (max-width:767px) {
.page-id-2088 #contents-main .sub01 {
margin: auto auto 50px;
width: 100%;
}
.page-id-2088 #contents-main .sub01 .group {
}
.page-id-2088 #contents-main .sub01 .group .block {
margin: 0 0 30px;
}
}
@media screen and (min-width:768px) {
.page-id-2088 #contents-main .sub01 {
margin: auto auto 50px;
width: 70%;
}
.page-id-2088 #contents-main .sub01 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 #contents-main .sub01 .group .block {
width: 45%;
}
}
.page-id-2088 #contents-main .sub01 .group .block .image {
margin: 0 0 40px;
}
.page-id-2088 #contents-main .sub01 .group .block .text {
}
.page-id-2088 #contents-main .sub01 .group .block .text h3 {
color: #000;
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
margin: 0 0 30px;
padding: 0;
text-align: center;
}
.page-id-2088 #contents-main .sub01 .group .block .text ul {
color: #000;
font-size: 14px;
list-style-type: square;
padding: 0 0 0 25px;
}
@media screen and (max-width:767px) {
.page-id-2088 #contents-main .sub02 {
margin: auto auto 50px;
width: 100%;
}
.page-id-2088 #contents-main .sub02 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 #contents-main .sub02 .group .block {
width: 30%;
}
}
@media screen and (min-width:768px) {
.page-id-2088 #contents-main .sub02 {
margin: auto auto 50px;
width: 70%;
}
.page-id-2088 #contents-main .sub02 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 #contents-main .sub02 .group .block {
width: 30%;
}
} @media screen and (max-width:767px) {
.page-id-2088 .sub03 {
padding: 50px 0px 90px;
}
.page-id-2088 .sub03 .header {
margin: 0 0 30px;
}
.page-id-2088 #contents-main .sub03 .header h2 {
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
margin: 0 0 80px;
}
.page-id-2088 .sub03 .header h3 {
font-size: 9px;
font-weight: 300;
letter-spacing: .1em;
margin: 0;
}
.page-id-2088 .sub03 .group {
height: auto!important;
margin: auto;
position: relative;
}
.page-id-2088 .sub03 .group .maplist {
margin: 0 0 30px;
}
.page-id-2088 .sub03 .group .maplist .scroll_area {
height: 150px;
overflow: auto;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar&:hover {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 2px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to top, #999 0%, #ccc 100%);
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.page-id-2088 .sub03 .group .maplist .pref h4 {
font-size: 16px;
letter-spacing: .1em;
margin: 0 0 1em;
}
.page-id-2088 .sub03 .group .maplist .pref ul {
padding: 0 0 0 20px;
}
.page-id-2088 .sub03 .group .maplist .pref ul li {
line-height: 1.5;
}
.page-id-2088 .sub03 .group .maplist .pref ul li span.address {
display: inline-block;
font-size: 1px;
}
.page-id-2088 .sub03 .group .maplist .pref ul li a span.detail {
background-color: #d8152b;
border-radius: 4px;
color: rgba(255,255,255,1);
display: inline-block;
font-size: 10px;
margin-left: 5px;
padding: 2px 5px;
text-align: center;
}
.page-id-2088 .sub03 .group .map {
}
.page-id-2088 .sub03 .group .map .cls-2 {
fill: #fff;
}
.page-id-2088 .sub03 .group .map path:hover.cls-1 {
fill: rgba(219,194,136,1);
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub03 {
padding: 80px 40px 90px;
}
.page-id-2088 .sub03 .header {
margin: 0 0 30px;
}
.page-id-2088 #contents-main .sub03 .header h2 {
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
margin: 0 0 80px;
}
.page-id-2088 .sub03 .header h3 {
font-size: 9px;
font-weight: 300;
letter-spacing: .1em;
margin: 0;
}
.page-id-2088 .sub03 .group {
display: flex;
height: auto!important;
justify-content: space-between;
margin: auto;
position: relative;
width: 70%;
}
.page-id-2088 .sub03 .group .maplist {
width: 35%;
}
.page-id-2088 .sub03 .group .maplist .scroll_area {
height: 250px;
overflow: auto;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar&:hover {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 2px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to top, #999 0%, #ccc 100%);
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.page-id-2088 .sub03 .group .maplist .pref h4 {
font-size: 16px;
letter-spacing: .1em;
margin: 0 0 1em;
}
.page-id-2088 .sub03 .group .maplist .pref ul {
padding: 0 0 0 20px;
}
.page-id-2088 .sub03 .group .maplist .pref ul li {
font-size: 11px;
line-height: 1.5;
}
.page-id-2088 .sub03 .group .maplist .pref ul li span.address {
display: inline-block;
font-size: 10px;
}
.page-id-2088 .sub03 .group .maplist .pref ul li a span.detail {
background-color: #d8152b;
border-radius: 4px;
color: rgba(255,255,255,1);
display: inline-block;
font-size: 10px;
margin-left: 5px;
padding: 2px 5px;
text-align: center;
}
.page-id-2088 .sub03 .group .map {
width: 60%;
}
.page-id-2088 .sub03 .group .map .cls-2 {
fill: #fff;
}
.page-id-2088 .sub03 .group .map path:hover.cls-1 {
fill: rgba(219,194,136,1);
}
}
@media screen and (max-width:767px) {
.page-id-2088 .sub04 h3 {
color: rgba(0,0,0,1);
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
text-align: center;
}
.page-id-2088 .sub04 .group {
margin: auto auto 80px;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub04 h3 {
color: rgba(0,0,0,1);
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
text-align: center;
}
.page-id-2088 .sub04 .group {
display: flex;
justify-content: space-between;
margin: auto auto 80px;
width: 70%;
}
}
@media screen and (max-width:767px) {
.page-id-2088 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 20px;
color: #fff;
display: flex;
flex-wrap: wrap;
margin: 0 0 20px;
padding: 20px;
text-align: center;
}
.page-id-2088 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 16px;
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 20px;
text-align: center;
}
.page-id-2088 .sub04 .group .block h4 {
font-size: 26px;
margin: auto 0;
padding: 0;
width: 100%;
}
.page-id-2088 .sub04 .group .block p {
color: rgba(255,255,255,1);
line-height: 1.5;
margin: 10px 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 16px;
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 20px;
text-align: center;
width: 14%;
}
.page-id-2088 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 16px;
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 20px;
text-align: center;
width: 14%;
}
.page-id-2088 .sub04 .group .block h4 {
margin: auto 0;
padding: 0;
width: 100%;
}
.page-id-2088 .sub04 .group .block p {
color: rgba(255,255,255,1);
line-height: 1.5;
margin: 10px 0 auto;
padding: 0;
width: 100%;
}
}
.page-id-2088 .sub04 .contactus h5 {
color: rgba(0,0,0,1);
font-size: 18px;
line-height: 1.5;
margin: 0 auto 50px;
text-align: center;
}
@media screen and (max-width:767px) {
.page-id-2088 .sub04 .contactus .group {
margin: auto;
text-align: center;
}
.page-id-2088 .sub04 .contactus .tel a,
.page-id-2088 .sub04 .contactus .email a {
color: rgba(255,255,255,1);
font-size: 20px;
font-weight: bold;
display: block;
margin: 0 0 20px;
padding: 30px;
}
.page-id-2088 .sub04 .contactus .tel {
background-color: #11335f;
border-radius: 16px;
color: #fff;
}
.page-id-2088 .sub04 .contactus .email {
background-color: #11335f;
border-radius: 16px;
color: #fff;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub04 .contactus .group {
display: flex;
margin: auto;
text-align: center;
width: 50%;
}
.page-id-2088 .sub04 .contactus .tel a,
.page-id-2088 .sub04 .contactus .email a {
color: rgba(255,255,255,1);
font-size: 20px;
font-weight: bold;
display: block;
padding: 30px;
}
.page-id-2088 .sub04 .contactus .tel {
background-color: #11335f;
border-radius: 16px;
color: #fff;
width: 45%;
}
.page-id-2088 .sub04 .contactus .email {
background-color: #11335f;
border-radius: 16px;
color: #fff;
width: 45%;
}
}
.page-id-2088 .sub04 .contactus .tel i {
font-size: 38px;
vertical-align: middle;
}
.page-id-2088 .sub04 .contactus .email i {
font-size: 32px;
vertical-align: middle;
} @media screen and (max-width:767px) {
.page-id-2088 .contents-area-01 h2,
.page-id-2096 .contents-area-01 h2 {
margin: 50px auto 60px;
padding: 0;
text-align: center;
}
.page-id-2088 .contents-area-01 h2 img,
.page-id-2096 .contents-area-01 h2 img {
width: 90%;
}
.page-id-2088 .catch,
.page-id-2096 .catch {
background-color: #d8152b;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
padding: 20px;
text-align: center;
}
.page-id-2096 .catch {
background-color: #772c32;
font-size: 20px;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .contents-area-01 h2,
.page-id-2096 .contents-area-01 h2 {
margin: 0 auto 60px;
padding: 0;
text-align: center;
}
.page-id-2088 .contents-area-01 h2 img,
.page-id-2096 .contents-area-01 h2 img {
width: 50%;
}
.page-id-2088 .catch,
.page-id-2096 .catch {
background-color: #d8152b;
color: #fff;
font-size: 24px;
font-weight: bold;
margin: 0 0 50px;
padding: 20px;
text-align: center;
}
.page-id-2096 .catch {
background-color: #772c32;
}
}
@media screen and (max-width:767px) {
.page-id-2088 .sub01,
.page-id-2096 .sub01 {
margin: auto auto 50px;
width: 100%;
}
.page-id-2088 .sub01 .group {
}
.page-id-2088 .sub01 .group .block,
.page-id-2096 .sub01 .group .block {
margin: 0 0 30px;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub01,
.page-id-2096 .sub01,
.page-id-2096 .sub05,
.page-id-2096 .sub06,
.page-id-2096 .sub07,
.page-id-2096 .sub08 {
margin: auto auto 50px;
width: 90%;
}
.page-id-2088 .sub01 .group,
.page-id-2096 .sub01 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 .sub01 .group .block,
.page-id-2096 .sub01 .group .block {
width: 48%;
}
}
.page-id-2088 .sub01 .group .block .image,
.page-id-2096 .sub01 .group .block .image {
margin: 0 0 40px;
}
.page-id-2088 .sub01 .group .block .text {
}
.page-id-2088 .sub01 .group .block .text h3,
.page-id-2096 .sub01 .group .block .text h3 {
color: #000;
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
margin: 0 0 30px;
padding: 0;
text-align: center;
}
.page-id-2088 .sub01 .group .block .text ul,
.page-id-2096 .sub01 .group .block .text ul {
color: #000;
font-size: 14px;
list-style-type: square;
padding: 0 0 0 25px;
}
@media screen and (max-width:767px) {
.page-id-2088 .sub02,
.page-id-2096 .sub02 {
margin: auto auto 50px;
width: 100%;
}
.page-id-2088 .sub02 .group,
.page-id-2096 .sub02 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 .sub02 .group .block,
.page-id-2096 .sub02 .group .block {
width: 30%;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub02,
.page-id-2096 .sub02 {
margin: auto auto 80px;
width: 90%;
}
.page-id-2088 .sub02 .group,
.page-id-2096 .sub02 .group {
display: flex;
justify-content: space-between;
}
.page-id-2088 .sub02 .group .block,
.page-id-2096 .sub02 .group .block {
width: 30%;
}
}
@media screen and (max-width:767px) {
.page-id-2088 .sub04 {
margin: auto;
width: 70%;
}
.page-id-2096 .sub04 {
margin: auto;
width: 90%;
}
.page-id-2096 .sub04 h3 {
color: rgba(0,0,0,1);
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
text-align: center;
}
.page-id-2096 .sub04 .group {
margin: auto auto 50px;
}
}
@media screen and (min-width:768px) {
.page-id-2088 .sub04,
.page-id-2096 .sub04 {
margin: auto;
width: 90%;
}
.page-id-2096 .sub04 h3 {
color: rgba(0,0,0,1);
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-id-2096 .sub04 .group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto auto 80px;
}
}
@media screen and (max-width:767px) {
.page-id-2096 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 20px;
color: #fff;
display: flex;
flex-wrap: wrap;
margin: 0 0 20px;
padding: 20px;
text-align: center;
}
.page-id-2096 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 50%;
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 20px;
text-align: center;
width: 50vw;
height: 50vw;
margin: auto auto 20px;
}
.page-id-2096 .sub04 .group .block h4 {
font-size: 20px;
margin: auto 0 0;
padding: 0;
width: 100%;
}
.page-id-2096 .sub04 .group .block p {
color: rgba(255,255,255,1);
font-size: 14px;
line-height: 1.5;
margin: 10px 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
}
@media screen and (min-width:768px) {
.page-id-2096 .sub04 .group .block {
align-items: center;
background-color: #d8152b;
border: 1px solid rgba(0,0,0,.1);
border-radius: 50%;
color: #fff;
display: flex;
flex-wrap: wrap;
line-height: 1.5;
padding: 20px;
text-align: center;
width: 10vw;
height: 10vw;
}
.page-id-2096 .sub04 .group .block h4 {
font-size: 14px;
font-weight: bold;
margin: auto 0 0;
padding: 0;
width: 100%;
}
.page-id-2096 .sub04 .group .block p {
color: rgba(255,255,255,1);
font-size: 11px;
letter-spacing: 0;
line-height: 1.5;
margin: 10px 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
}
@media screen and (max-width:767px) {
.page-id-2096 .sub05,
.page-id-2096 .sub06,
.page-id-2096 .sub07,
.page-id-2096 .sub08 {
margin: 0 auto 40px;
}
.page-id-2096 .sub05 {
margin-bottom: 60px;
}
.page-id-2096 .sub06 h3 {
margin: 0 auto 30px;
}
.page-id-2096 .sub06 h3 img {
width: 100%;
}
.page-id-2096 .sub06 ul {
padding: 0;
}
.page-id-2096 .sub06 ul li {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/check01.png);
background-position: left 7px;
background-repeat: no-repeat;
background-size: 16px;
font-size: 16px;
line-height: 2;
list-style-type: none;
padding: 0 0 0 24px;
}
.page-id-2096 .sub07 .block {
background-color: #fff;
margin: 0 auto 40px;
}
.page-id-2096 .sub07 .block .image {
margin: 0 auto 30px;
}
.page-id-2096 .sub07 .block .image img {
width: 100%;
}
.page-id-2096 .sub07 .block .txt {
padding: 0 15px 20px;
}
.page-id-2096 .sub07 .block .txt .area {
font-size: 18px;
margin: 0 0 20px;
}
.page-id-2096 .sub07 .block .txt dl {
display: flex;
}
.page-id-2096 .sub07 .block .txt dl dt {
font-weight: normal;
width: 6em;
}
.page-id-2096 .sub07 .block .txt dl dd {
}
.page-id-2096 .sub08 h3 {
margin: 0 auto 30px;
}
.page-id-2096 .sub08 h3 img {
width: 100%;
}
.page-id-2096 .sub08 .block {
margin: 0 auto 30px;
}
.page-id-2096 .sub08 .block h4 {
border-left: 5px solid #772c32;
font-size: 16px;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
}
.page-id-2096 .sub08 .block .images {
display: flex;
}
.page-id-2096 .sub08 .block .images .image {
margin: 0 20px 0 0;
}
}
@media screen and (min-width:768px) {
.page-id-2096 .sub05 {
margin: 0 auto 40px;
}
.page-id-2096 .sub06 h3 {
margin: 0 auto 30px;
}
.page-id-2096 .sub06 h3 img {
width: 100%;
}
.page-id-2096 .sub06 ul {
padding: 0 0 0 15px;
}
.page-id-2096 .sub06 ul li {
background-image: url(//www.americangarage.nagoya/wp-content/themes/amegare/images/check01.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 16px;
font-size: 16px;
line-height: 2;
list-style-type: none;
padding: 0 0 0 24px;
}
.page-id-2096 .sub07 .block {
background-color: #fff;
margin: 0 auto 40px;
}
.page-id-2096 .sub07 .block .image {
margin: 0 auto 30px;
}
.page-id-2096 .sub07 .block .image img {
width: 100%;
}
.page-id-2096 .sub07 .block .txt {
padding: 0 15px 20px;
}
.page-id-2096 .sub07 .block .txt .area {
font-size: 18px;
margin: 0 0 20px;
}
.page-id-2096 .sub07 .block .txt dl {
display: flex;
}
.page-id-2096 .sub07 .block .txt dl dt {
font-weight: normal;
width: 6em;
}
.page-id-2096 .sub07 .block .txt dl dd {
}
.page-id-2096 .sub08 h3 {
margin: 0 auto 30px;
}
.page-id-2096 .sub08 h3 img {
width: 100%;
}
.page-id-2096 .sub08 .block {
margin: 0 auto 30px;
}
.page-id-2096 .sub08 .block h4 {
border-left: 5px solid #772c32;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
}
.page-id-2096 .sub08 .block .images {
display: flex;
}
.page-id-2096 .sub08 .block .images .image {
margin: 0 20px 0 0;
}
}
@media screen and (max-width:767px) {
.page-id-2096 .sub04 .contactus h4 {
color: rgba(0,0,0,1);
font-size: 18px;
line-height: 1.5;
margin: 0 auto 20px;
text-align: center;
}
.page-id-2096 .sub04 .contactus .group {
margin: auto;
text-align: center;
}
.page-id-2096 .sub04 .contactus .footer-contact-01 {
margin: 30px auto 0;
}
.page-id-2096 .sub04 .contactus .tel {
margin: 0 0 20px;
}
.page-id-2096 .sub04 .contactus .tel a,
.page-id-2096 .sub04 .contactus .email a {
color: rgba(255,255,255,1);
font-size: 20px;
font-weight: bold;
display: block;
margin: 0;
padding: 0;
}
.page-id-2096 .sub04 .contactus .tel {
border: 1px solid #11335f;
color: #fff;
}
.page-id-2096 .sub04 .contactus .email {
border: 1px solid #11335f;
color: #fff;
}
}
@media screen and (min-width:768px) {
.page-id-2096 .sub04 .contactus h4 {
color: rgba(0,0,0,1);
font-size: 24px;
line-height: 1.5;
margin: 0 auto 40px;
text-align: center;
}
.page-id-2096 .sub04 .contactus .group {
display: flex;
margin: auto;
text-align: center;
width: 80%;
}
.page-id-2096 .sub04 .contactus .footer-contact-01 {
display: none;
}
.page-id-2096 .sub04 .contactus .tel a,
.page-id-2096 .sub04 .contactus .email a {
color: rgba(255,255,255,1);
font-size: 20px;
font-weight: bold;
display: block;
padding: 0;
}
.page-id-2096 .sub04 .contactus .tel {
border: 1px solid #11335f;
color: #fff;
width: 48%;
}
.page-id-2096 .sub04 .contactus .email {
border: 1px solid #11335f;
color: #fff;
width: 48%;
}
}
.page-id-2096 .sub04 .contactus .tel i {
font-size: 38px;
vertical-align: middle;
}
.page-id-2096 .sub04 .contactus .email i {
font-size: 32px;
vertical-align: middle;
}
.midfm01 {
margin: 0 auto 50px;
text-align: center;
}
.midfm01 .image {
margin: 0 auto 20px;
} .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 50px;
}
.wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}