@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
  * {
margin: 0;
padding: 0;
}
html { color: #fff;
font-size: 14px;
font-family: "Noto Serif JP", serif, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
line-height: 1.5em;
}
.en {
font-family: "Cormorant Garamond", serif, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
;
}
.noto {
font-family: "Noto Sans JP", sans-serif, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
;
}
.serif{
font-family: "Noto Serif JP", serif, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.pc,.mainimg_pc {
display: block;
}
.sp,.sp_menu,.mainimg_sp {
display: none;
}
a {
transition: 0.1s linear all;
color: #fff;
text-decoration: none;
}
a.under {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a.under:hover {
text-decoration: none;
}
li {
list-style-type: none;
}
p, th, td, li, dt, dd {
line-height: 1.8em;
font-size: 14px;
}
tbody {
-webkit-text-size-adjust: 100%;
}
img {
border: none !important;
}
p {
letter-spacing: 0.1em;
line-height: 2;
}
.effect-fade {
opacity: 0;
transform: translate(0, 80px);
transition: all 1200ms;
}
.effect-fade2 {
opacity: 0;
transform: translate(0, 100px);
transition: all 1800ms;
}
.effect-fade.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}
.effect-fade2.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}
.lefteffect {
transform: translate(-30px, 0);
}
.righteffect {
transform: translateX(15%);
opacity: 0;
transition: opacity 1000ms, transform 1000ms;
}
.fadein {
opacity: 0;
transform: translate(0, 0);
transition: all 1.5s;
}
.scrollin {
opacity: 1 !important;
transform: translate(0, 0) !important;
}
.page .wrapper .anchor{
display: block;
padding-top: 100px;
margin-top: -100px;
} .regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.semibold {
font-weight: 600;
}
.bold {
font-weight: 700;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.italic {
font-style: italic;
}
.white {
color: #fff;
}
.black {
color: #000;
}
.red {
color: #ad0b20;
} .bg_white {
background: white;
}
.bg_red {
background: #ad0b20;
}
.bg_black {
background: #000;
} .size10 {
font-size: 10px;
}
.size11 {
font-size: 11px;
}
.size12 {
font-size: 12px;
}
.size13 {
font-size: 13px;
}
.size14 {
font-size: 14px;
}
.size16 {
font-size: 16px;
}
.size18 {
font-size: 18px;
}
.size21 {
font-size: 21px;
}
.size24 {
font-size: 24px;
}
.size30 {
font-size: 30px;
}
.size32 {
font-size: 32px;
}
.size36 {
font-size: 36px;
}
.size48 {
font-size: 48px;
}
.size60 {
font-size: 60px;
}
.size78 {
font-size: 78px;
}
.indent {
text-indent: -1em;
padding-left: 1em;
display: inline-block;
}
.gt_switcher-popup {
position: relative;
left: 400px;
top: 20px;
border: 1px solid #fff;
padding: 0 6px 6px;
}
.gt_switcher-popup span{
font-size: 12px!important;
}
@media screen and (max-width: 1300px) {
.gt_switcher-popup{
left: 200px;
}
}
@media screen and (max-width: 640px) {
.gt_switcher-popup{
left: 226px;
top: -8px;
padding: 0 3px 6px;
height: 13px;
display: inline-block;
line-height: 13px;
}
.gt_switcher-popup span{
font-size: 8px!important;
margin-right: 3px!important;
}
a.glink img{
width: 18px !important;
}
}
.gt_languages a{
color: #000;
} .wrapper {
width: 100%;
height: auto;
overflow: hidden;
background: #000;
}
.wrapper section .section_inner {
margin: 60px auto 90px;
max-width: 1200px;
width: 96%;
} .wrapper header .h1 {
margin: 0 auto;
position: relative;
top: 10px;
width: 1680px;
max-width: 96%;
}
.wrapper header {
width: 100%;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.wrapper header .header_inner {
width: 1680px;
max-width: 96%;
margin: 0 auto;
display: flex;
justify-content: space-between;
height: 70px;
}
.wrapper header .header_inner .header_logo {
overflow: hidden;
width: 16%;
margin-top: 17px;
margin-left: -10px;
}
.wrapper header .header_inner .header_logo .logo a:hover {
opacity: 0.8;
}
.wrapper header .header_inner .header_right nav > ul {
display: flex;
justify-content: flex-end;
}
.wrapper header .header_inner .header_right nav > ul > li > a {
display: block;
text-align: center;
font-weight: bold;
padding: 0 12px;
padding-bottom: 5px;
position: relative;
margin-top: 20px;
}
.wrapper header .header_inner .header_right nav > ul > li > a::after {
background: #fff;
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
margin: auto;
transform-origin: center top;
transform: scale(0, 1);
transition: transform .4s;
}
.wrapper header .header_inner .header_right nav > ul > li > a:hover::after {
transform-origin: center top;
transform: scale(1, 1);
}
.wrapper header .header_inner .header_right nav > ul > li > a:hover {
text-decoration: none;
}
.wrapper header .header_inner .header_right nav ul li ul.inner_menu {
position: absolute;
top: 90px;
height: 0;
overflow: hidden;
z-index: 500;
}
.wrapper header .header_inner .header_right nav ul li ul.inner_menu li a {
padding: 13px 15px;
display: block;
font-weight: bold;
background: rgba(255, 255, 255, 0.9);
}
.wrapper header .header_inner .header_right nav ul li ul.inner_menu li {
width: 190px;
}
.wrapper header .header_inner .header_right nav ul li ul.inner_menu li a:hover {
background: rgba(0, 0, 0, 0.8);
color: white;
}
a.hcolor {
background: #b7b7b7;
}
.wrapper header .header_inner .header_right nav ul li.contact a {
display: block;
background: #ad0b20;
color: white;
text-align: center;
max-width: 120px;
height: 40px;
line-height: 40px;
margin: 10px 0 0 5px;
padding-bottom: 0;
}
.wrapper header .header_inner .header_right nav ul li.contact a:hover {
text-decoration: none;
color: #000;
}
.wrapper header .header_inner .header_right nav ul li.contact a::after {
display: none;
} footer {
background: #000;
color: #fff;
}
footer .footer_inner {
width: 96%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
padding: 36px 0 15px;
}
footer .footer_inner .footer_logo img {
margin-bottom: 20px;
max-width: 300px;
}
footer .footer_inner .footer_contents {
overflow: hidden;
}
footer .footer_inner .footer_left {
float: left;
width: 60%;
}
footer .footer_inner .footer_left a {
color: #fff;
}
footer .footer_inner .footer_left .footer_tel {
max-width: 150px;
margin-top: 15px;
}
footer .footer_inner .footer_left .footer_tel a {
border: 1px solid #fff;
display: block;
border-radius: 15px;
line-height: 30px;
height: 30px;
}
footer .footer_inner .footer_left .footer_tel a img {
width: 14px;
}
footer .footer_inner .footer_right {
float: right;
width: 40%;
overflow: hidden;
}
footer .footer_inner .footer_right ul {
float: left;
width: 45%;
}
footer .footer_inner .footer_right ul li {
line-height: 2.5em;
}
footer .footer_inner .footer_right ul li a:hover {
text-decoration: underline;
}
footer .footer_inner .footer_right ul li.sub {
position: relative;
padding-left: 1em;
line-height: 1.8em;
}
footer .footer_inner .footer_right ul li.sub:before {
content: "";
display: inline-block;
height: 1px;
width: 5px;
background: #fff;
position: absolute;
top: 15px;
left: 3px;
}
footer .footer_inner .footer_right ul li.margin {
margin-top: 10px;
}
footer .copyright {
margin-top: 40px;
font-size: 12px;
}
.pagetop {
position: fixed;
right: 30px;
bottom: 30px;
display: none;
width: 50px;
z-index: 999;
}
.pagetop img {
width: 28px;
}
.pagetop a {
display: block;
background: #fff;
width: 100%;
padding: 18px 0;
text-align: center;
border-radius: 25px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.pagetop a:hover {
background-color: #b4b1b1;
} .loading {
width: 100vw;
height: 100vh;
transition: all 0.5s;
background-color: #000;
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
opacity: 1;
visibility: visible;
}
.loading.is-active {
opacity: 0;
visibility: hidden;
}
.loading-animation {
width: 100vw;
height: 100vh;
transition: all 0.5s;
background-color: #000;
z-index: 99999999;
opacity: 0;
position: absolute;
top: 30%;
visibility: hidden;
}
.loading-animation.is-active {
opacity: 1;
visibility: visible;
}
.loading .logo{
width:680px;
margin:0 auto 40px;
}
.loading .size24 span{
letter-spacing:2px;
border: 1px solid #fff;
padding: 0 10px;
margin-right: 5px;
position: relative;
}
.loading .size24 span::after{
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star03.png) no-repeat;
width: 93px;
height: 93px;
position: absolute;
right: -47px;
top: -45px;
} .effect a, .effect input[type="button"] {
overflow: hidden;
position: relative;
z-index: 1;
}
.effect a:before, .effect input[type="button"]:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: -100%;
transition: .2s;
}
.effect_black a:before, .effect_blue input[type="button"]:before {
background-color: rgba(0, 0, 0);
}
.effect_red a:before, .effect_orrange input[type="button"]:before {
background-color: rgba(173, 11, 32);
}
.effect_white a:before {
background-color: rgba(238, 238, 238);
}
.effect_gray a:before {
background-color: rgba(85, 85, 85);
}
.effect a:after, .effect input[type="button"]:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.effect a:hover, .effect input[type="button"]:hover {
color: #fff;
background: none;
}
.effect a:hover:before, .effect input[type="button"]:hover:before {
left: 0;
} .wrapper main {
display: block;
margin-top: 80px;
}
.page .wrapper main {
color: #fff;
}
.wrapper article {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 0;
}
.wrapper section {
width: 100%;
overflow: hidden;
}
.btn {
margin: 0 auto;
max-width: 260px;
width: 100%;
}
.btn a {
font-size: 18px;
text-align: center;
display: block;
padding: 15px 0;
width: 100%;
position: relative;
}
.btn a:hover {
background: #fff;
color: #000;
transition: all 1s;
}
.btn a::after {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow.webp) no-repeat;
width: 73px;
height: 11px;
position: absolute;
right: -25px !important;
top: 20px;
transition: all .3s;
}
.btn a:hover::after {
right: -35px !important;
}
section.contact {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/contact_bg.webp) no-repeat;
background-color: #000;
padding-bottom: 100px;
background-size: cover;
}
section.contact .section_inner {
max-width: 1200px!important;
width: 96%!important;
margin: 0 auto!important;
}
section.contact .section_inner .contact_btn {
max-width: 750px;
width: 100%;
margin: 40px auto 0;
overflow: hidden;
}
section.contact .section_inner .contact_btn .btn_left, section.contact .section_inner .contact_btn .btn_right {
max-width: 350px;
width: 100%;
margin: 0 auto;
}
section.contact .section_inner .contact_btn .btn_left a, section.contact .section_inner .contact_btn .btn_right a {
border: 1px solid #fff;
border-radius: 40px;
display: block;
height: 60px;
line-height: 60px;
padding-left: 50px;
}
section.contact .section_inner .contact_btn .btn_left {
float: left;
}
section.contact .section_inner .contact_btn .btn_right {
float: right;
}
section.contact .section_inner .contact_btn .btn_left img {
width: 28px;
position: absolute;
top: 10px;
left: -30px;
}
section.contact .section_inner .contact_btn .btn_right img {
width: 31px;
position: absolute;
left: -40px;
top: -1px;
}
section.contact .section_inner .contact_btn .btn_right span, section.contact .section_inner .contact_btn .btn_left span {
position: relative;
}
.error404 .wrapper section {
margin: 0px auto 90px;
} .effect01 {
opacity: 0;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 1s;
}
.effect01.done {
opacity: 1;
}
.effect01:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: translateX(-100%);
transition: all 0.5s;
}
.effect01.beige:after {
background-color: #a07f19;
}
.effect01.done:after {
transform: none;
} .effect02 a {
overflow: hidden;
position: relative;
z-index: 1;
}
.effect02 a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: -100%;
background-color: rgba(160, 127, 25, 0.4);
transition: .2s;
}
.effect02 a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.effect02 a:hover {
color: #fff;
background: none;
}
.effect02 a:hover:before {
left: 0;
}
.effect02b a {
overflow: hidden;
position: relative;
z-index: 1;
}
.effect02b a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: -100%;
background-color: #a07f19;
transition: .2s;
}
.effect02b a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.effect02b a:hover {
color: #fff;
background: none;
}
.effect02b a:hover:before {
left: 0;
}
.effect03 a {
background-repeat: no-repeat, repeat, no-repeat;
background-position: 92% center, center, center;
background-size: auto auto, auto auto, 100% 100%;
transition: all 1s;
}
.effect03 a:hover {
background-repeat: no-repeat, repeat, no-repeat;
background-position: 95% center, center, center;
background-size: auto auto, auto auto, 120% 120%;
} .home .wrapper .mainimg {
position: relative;
width: 100%;
overflow: hidden;
min-height: 400px;
} .home h2 span.en, section.contact p.title span.en, .page section h3 span.en {
display: inline-block;
margin-right: 30px;
position: relative;
letter-spacing: 0;
font-weight: 700;
}
.home h2 span.en {
margin-top: 20px;
} .home section.gallery h2 span.en, .home section.import h2 span.en, .home section.insta h2 span.en, .page section h3 span.en {
margin-right: 0 !important;
margin-top: 30px;
}
.page section h3 span.en {
margin-top: 75px;
}
section.contact p.title span.en {
margin-right: 0;
line-height: 1;
margin-top: 80px;
}
section.contact p.title span::before, .home section.gallery h2 span.en::before, .home section.import h2 span.en::before, .page-drs .sec02 .section_inner .size18::after, .page section h3 span.en::before, .home section.insta h2 span.en::before, .page-service .sec03 .section_inner p.size18::after {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star02.webp) no-repeat;
width: 96px;
height: 96px;
position: absolute;
top: -75px;
left: 103px;
}
section.contact p.title span::before {
top: -80px;
left: 105px;
}
.page-drs .sec02 .section_inner .size18::after, .page-service .sec03 .section_inner p.size18::after {
background-size: 70%;
left: 517px;
top: -65px;
}
.page-service .sec03 .section_inner p.size18::after {
left: 573px;
}
.home section.gallery h2 span.en::before, .home section.import h2 span.en::before {
left: 82px;
top: -92px;
}
.home section.insta h2 span.en::before {
top: -82px;
left: 127px;
}
.home section.import h2 span.en::before {
left: 213px;
}
.home section.gallery h2 span.en::after, .home section.import h2 span.en::after, .home section.insta h2 span.en::after, .page section h3 span.en::after {
display: none !important;
}
.home h2, section.contact p.title {
margin-bottom: 40px;
letter-spacing: 0.1em;
font-weight: 500;
}
.page section h3 span.en::before {
top: -90px;
left: 146px;
}
.page-service section.sec02 h3 span.en::before {
left: 40px !important;
} .home h2 span.en::after, .home .banner .section_inner .banner_left a span.en::after, .home .banner .section_inner .banner_right a span.en::after {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star.svg) no-repeat;
position: absolute;
right: -33px;
top: -25px;
width: 75px;
height: 75px;
}
.home .recruit h2 span.en::after {
top: -30px;
right: -24px;
}
.home .banner .section_inner .banner_right a span.en::after {
top: 85px;
right: 131px;
}
.home .banner .section_inner .banner_left a span.en::after {
top: 85px;
right: 160px;
}
@media screen and (min-width: 1440px) {
.home .wrapper .mainimg img {
margin-top: -10%;
}
} .home .wrapper .about, .page-about section.sec01 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/about_img.png) no-repeat top center;
}
.home .wrapper .about p, .page-about section.sec01 p {
line-height: 2.6;
letter-spacing: 0.1em;
}
.home .wrapper .about .section_inner {
overflow: hidden;
margin: 60px auto 260px !important;
} .home .stock .bg01 {
position: absolute;
left: 0;
top: 280px;
z-index: -1;
}
.home .stock {
margin-top: -130px;
}
.home .stock .stock_list {
overflow: hidden;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.home .stock .stock_list li {
background: #fff;
width: calc(92% / 4);
margin-right: 25px;
}
.home .stock .stock_list li:last-child {
margin-right: 0;
}
.home .stock .stock_list li img {
width: 100%;
height: auto;
}
.home .stock .stock_list li .text_block {
padding: 10px 20px;
}
.home .stock .stock_list li .term {
width: fit-content;
margin-bottom: 10px;
padding: 2px 10px;
}
.home .stock .stock_list li .right {
margin-top: 20px;
}
.soldout_img{
background-color: black;
display: inline-block;
}
.soldout_img img{
display: block;
opacity: 0.6;
} .home .gallery .section_inner {
max-width: 1000px;
}
.home .gallery ul {
overflow: hidden;
}
.home .gallery ul li {
max-width: 310px;
width: calc(100% / 3);
margin-right: 25px;
float: left;
}
.home .gallery ul li:last-child {
margin-right: 0;
}
.home .gallery ul li img {
width: 100%;
height: 225px;
}
.home .gallery li .term {
width: fit-content;
margin-bottom: 10px;
padding: 2px 10px;
}
.home .gallery li .img {
margin-bottom: 20px;
}
.bxslider_sj img {
max-width: 100%;
height: auto;
}
.bx-wrapper {
background: #000 !important;
border: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.bx-wrapper .bx-pager-item {
display: none !important;
}
.bx-wrapper {
margin-bottom: 50px !important;
}
.bx-wrapper .bx-prev {
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow_left.png) no-repeat !important;
left: -32px;
}
.bx-wrapper .bx-next {
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow_right.png) no-repeat !important;
right: -32px;
} .home .service .bg02 {
position: absolute;
right: 0;
top: 2300px;
z-index: -1;
}
.home .service .section_inner {
overflow: hidden;
}
.home .service .section_inner .block_left {
float: left;
width: 47%;
}
.home .service .section_inner .block_left h3 {
letter-spacing: 0.1em;
margin-bottom: 50px;
}
.home .service .section_inner .block_right {
float: right;
width: 50%;
overflow: hidden;
text-align: left;
}
.home .service .section_inner .block_right .block_right_inner {
display: flex;
}
.home .service .section_inner .block_right .mainte, .home .service .section_inner .block_right .pro {
width: 50%;
max-width: 310px;
overflow: hidden;
position: relative;
padding: 30px 0;
height: 297px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.home .service .section_inner .block_right .mainte a, .home .service .section_inner .block_right .pro a {
position: relative;
display: flex;
flex-direction: column;
z-index: 1;
height: 100%;
padding: 0 10px;
}
.home .service .section_inner .block_right .mainte::after, .home .service .section_inner .block_right .pro::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.home .service .section_inner .block_right .mainte::after {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/mente_bg.webp) no-repeat;
background-size: cover;
}
.home .service .section_inner .block_right .pro::after {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/pro_bg.webp) no-repeat;
background-size: cover;
}
.home .service .section_inner .block_right .mainte:hover::after, .home .service .section_inner .block_right .pro:hover::after {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.home .service .section_inner .block_right .mainte h4 span, .home .service .section_inner .block_right .pro h4 span {
margin-bottom: 10px;
display: inline-block;
}
.home .service .section_inner .block_right .mainte h4, .home .service .section_inner .block_right .pro h4 {
border-bottom: 1px solid #fff;
letter-spacing: 0.1em;
padding-bottom: 10px;
}
.home .service .section_inner .block_right .mainte .b_btn, .home .service .section_inner .block_right .pro .b_btn, .home .banner .section_inner .banner_left .b_btn, .home .banner .section_inner .banner_right .b_btn {
width: 75px;
height: 75px;
position: absolute;
bottom: -30px;
right: 0;
}
.home .banner .section_inner .banner_left .b_btn, .home .banner .section_inner .banner_right .b_btn {
bottom: 0;
}
.home .service .section_inner .block_right .mainte .b_btn::before, .home .service .section_inner .block_right .pro .b_btn::before, .home .banner .section_inner .banner_left .b_btn::before, .home .banner .section_inner .banner_right .b_btn::before {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow.webp) no-repeat;
width: 73px;
height: 11px;
position: absolute;
bottom: 30px;
right: 35px;
transition: all .3s;
}
.home .service .section_inner .block_right .mainte:hover .b_btn::before, .home .service .section_inner .block_right .pro:hover .b_btn::before, .home .banner .section_inner .banner_left:hover .b_btn::before, .home .banner .section_inner .banner_right:hover .b_btn::before {
right: 25px;
} .home .banner::before {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg03.webp) no-repeat;
width: 542px;
height: 866px;
position: absolute;
left: 0;
top: 1000px;
z-index: -1;
}
.home .banner::after {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg04.webp) no-repeat;
width: 542px;
height: 866px;
position: absolute;
top: 1000px;
right: -110px;
z-index: -1;
}
.home .banner .section_inner {
overflow: hidden;
display: flex;
justify-content: space-between;
}
.home .banner .section_inner .banner_left, .home .banner .section_inner .banner_right {
position: relative;
overflow: hidden;
width: 45%;
max-width: 745px;
height: 318px;
}
.home .banner .section_inner .banner_left::after, .home .banner .section_inner .banner_right::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.home .banner .section_inner .banner_left:hover::after, .home .banner .section_inner .banner_right:hover::after {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.home .banner .section_inner .banner_left::after {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/blog_bg.webp) no-repeat;
}
.home .banner .section_inner .banner_right::after {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/about_bg.webp) no-repeat;
}
.home .banner .section_inner .banner_left a, .home .banner .section_inner .banner_right a {
text-align: center;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
z-index: 1;
height: 100%;
}
.home .banner .section_inner .banner_left a span, .home .banner .section_inner .banner_right a span {
text-shadow: -1px -3px 8px #000;
font-weight: bold;
} .home .import .section_inner ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.home .import .section_inner ul li {
width: calc(94% / 4);
margin-right: 2%;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/import_bg.webp) no-repeat;
text-align: center;
min-height: 100px;
margin-bottom: 2%;
border-radius: 5px;
}
.home .import .section_inner ul li:nth-child(4n) {
margin-right: 0;
}
.home .import .section_inner ul li img {
position: relative;
top: 20px!important;
}
.home .import .section_inner ul li:nth-child(4) img, .home .import .section_inner ul li:nth-child(6) img, .home .import .section_inner ul li:nth-child(10) img {
top: 30px!important;
}
.home .import .section_inner ul li:nth-child(5) img, .home .import .section_inner ul li:nth-child(11) img, .home .import .section_inner ul li:nth-child(12) img {
top: 36px!important;
} .home .drs .bg05 {
position: absolute;
right: 0;
z-index: -1;
}
.home .drs .section_inner {
max-width: 1000px;
width: 100%;
display: flex;
justify-content: space-between;
}
.home .drs .section_inner .block_left {
width: 48%;
position: relative;
}
.home .drs .section_inner .block_left img {
max-width: 480px;
}
.home .drs .section_inner .block_left::before {
content: "";
display: block;
border: 2px solid #ad0b20;
max-width: 510px;
width: 100%;
height: 310px;
position: absolute;
top: -30px;
left: -30px;
z-index: -1;
}
.home .drs .section_inner .block_right .btn, .page-drs .sec02 .section_inner .btn {
margin: 40px auto 0 0;
} .home .recruit {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/index/recruit_bg.webp) no-repeat;
margin: 90px auto;
overflow: visible;
background-size: cover;
}
.home .recruit .section_inner {
margin: 0 auto;
max-width: 1000px;
min-height: 365px;
}
.home .recruit h2 {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
top: -85px;
left: 40px;
}
.home .recruit h2 span.en {
margin-top: 0;
position: absolute;
margin-right: 50px;
}
.home .recruit .section_inner .text {
padding-left: 135px;
margin-bottom: 40px;
position: relative;
top: -30px;
}
.home .recruit .section_inner .btn {
margin: 40px auto 0 0;
} .home .news .section_inner .inner {
max-width: 940px;
width: 100%;
margin-left: auto;
}
.home .news .section_inner ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.home .news .section_inner ul li a {
display: flex;
align-items: center;
padding: 20px 0 20px 20px;
}
.home .news .section_inner ul li a:hover {
background: rgba(255, 255, 255, 0.3);
transition: all 1s;
}
.home .news .section_inner ul li .time {
margin-right: 20px;
}
.home .news .section_inner .btn {
margin: 40px auto 0 0;
} .wrapper .breadcrumb{
max-width: 1200px;
width: 94%;
margin: 20px auto 0;
}
.wrapper .breadcrumb ul {
overflow: hidden;
}
.wrapper .breadcrumb ul li {
float: left;
font-size: 14px;
letter-spacing: 1px;
}
.wrapper .breadcrumb ul li a {
color: #fff!important;
font-weight: bold!important;
}
.wrapper .breadcrumb ul li a:hover {
text-decoration: underline;
} .wrapper .pageimg h2 {
letter-spacing: 0.1em;
text-align: center;
line-height: 1.1;
z-index: 1;
min-height: 150px;
padding-top: 100px;
}
.wrapper .pageimg h2 span.en {
position: relative;
margin-bottom: 5px;
display: inline-block;
}
.wrapper .pageimg h2 span.en::before {
content: '';
display: block;
position: absolute;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star02.webp) no-repeat;
width: 96px;
height: 96px;
top: -80px;
left: 110px;
}
.error404 .pageimg h2 span.en::before{
left: 0!important;
}
.page-service .pageimg h2 span.en::before {
left: 80px;
}
.page-about .pageimg h2 span.en::before {
left: 60px;
}
.page-recruit .pageimg h2 span.en::before {
left: 90px;
}
.page-stock .pageimg h2 span.en::before {
left: 130px;
}
.page-gallery .pageimg h2 span.en::before,.archive .pageimg h2 span.en::before {
left: 85px;
}
.single .pageimg h2 span.en::before,  .category .pageimg h2 span.en::before {
left: 42px;
}
.page-contact .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/contact/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-stock .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/stock/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-gallery .wrapper .pageimg h2,.archive .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/gallery/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-service .wrapper .pageimg h2{
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/service/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-about .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/about/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-drs .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/drs/h2_bg.webp) no-repeat center;
background-size: cover;
}
.page-recruit .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/recruit/h2_bg.webp) no-repeat center;
background-size: cover;
}
.single .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/single_bg.webp) no-repeat center;
background-size: cover;
}
.category .wrapper .pageimg h2 {
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/h2_bg.webp) no-repeat center;
background-size: cover;
} .single section .section_inner, .category section .section_inner {
max-width: 1000px;
width: 96%;
}
.single section .section_inner h4 {
margin-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 20px;
}
ul.link {
text-align: center;
width: 300px;
margin: 60px auto 90px;
}
ul.link li {
background: #f1f5f9;
display: inline-block;
width: 100px;
margin: 0 0.5%;
max-width: 30%;
}
ul.link li a {
padding: 5px 0;
box-sizing: border-box;
display: block;
width: 100%;
color: #000000;
}
ul.link li a:hover {
text-decoration: none;
opacity: 0.6;
}
.category section .section_inner .news_block {
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 20px;
position: relative;
}
.category section .section_inner .news_block::after {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow_red.svg) no-repeat;
width: 11px;
height: 21px;
position: absolute;
right: 30px;
top: 30px;
}
.category section .section_inner .news_block:hover {
background: rgba(255, 255, 255, 0.3);
transition: all 1s;
}
.category section .section_inner .news_block:hover::after {
right: 20px;
transition: all 1s;
}
.category section .section_inner .news_block .time {
float: left;
}
.category section .section_inner .news_block h4 {
float: right;
width: 80%;
margin-top: 10px;
} .page .wrapper article {
margin-bottom: 0;
}
.page .wrapper article section {
margin: 60px auto 90px;
}
.page .wrapper article section .section_inner {
width: 96%;
max-width: 1200px;
margin: 0 auto;
}
.page .wrapper article section h3 {
margin-top: 20px;
margin-bottom: 40px;
letter-spacing: 0.1em;
}
.page .wrapper article section h3 span.en {
position: relative;
display: inline-block;
margin-right: 30px;
letter-spacing: 0;
}
.page .wrapper article section h3 span.en::after {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star.svg) no-repeat;
position: absolute;
right: -33px;
top: -25px;
width: 75px;
height: 75px;
} .page-about section.sec03 h3 span.en {
margin: 60px 0 5px;
margin-right: 0 !important;
}
.page-about section.sec03 h3 span.en::before {
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star02.webp) no-repeat;
width: 96px;
height: 96px;
position: absolute;
top: -90px;
left: 100px;
}
.page-about section.sec03 h3 span.en::after {
display: none !important;
} .page-about section.sec02 h3 span.en::before, .page-service section.sec03 h3 span.en::before {
content: "";
display: block !important;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/star.svg) no-repeat;
position: absolute;
right: 0;
left: 215px;
top: -25px;
width: 75px;
height: 75px;
}
.page-service section.sec03 h3 span.en::before {
left: 482px;
}
.page-about section.sec02 h3 span.en, .page-service section.sec03 h3 span.en {
margin-right: 40px !important;
} .page-about section.sec01 {
padding: 0 0 250px;
overflow: hidden;
margin: 60px auto 0 !important;
}
.page-about section.sec01 .section_inner h3 {
margin-bottom: 50px;
}
.page-about section.sec02 {
position: relative;
margin: 0 auto 90px !important;
top: -150px;
}
.page-about section.sec02 ul.sec02_list {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.page-about section.sec02 ul.sec02_list li {
overflow: hidden;
margin-bottom: 70px;
}
.page-about section.sec02 ul.sec02_list li:last-child {
margin-bottom: 0;
}
.page-about section.sec02 ul.sec02_list li .image_left, .page-about section.sec02 ul.sec02_list li .txt_left {
float: left;
}
.page-about section.sec02 ul.sec02_list li .image_right, .page-about section.sec02 ul.sec02_list li .txt_right {
float: right;
}
.page-about section.sec02 ul.sec02_list li h4 {
margin-bottom: 40px;
letter-spacing: 0.1em;
}
.page-about section.sec02 ul.sec02_list li h4 span {
display: block;
letter-spacing: 0;
}
.page-about section.sec02 ul.sec02_list li .txt_right, .page-about section.sec02 ul.sec02_list li .txt_left {
width: 48%;
}
.page-about section.sec02 ul.sec02_list li .txt_left {
margin-left: 40px;
}
.page-about section.sec02 ul.sec02_list li .txt_right {
margin-right: 40px;
}
.page-about section.sec03 {
position: relative;
top: -100px;
}
.page-about section.sec03::before {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg03.webp) no-repeat;
width: 542px;
height: 866px;
position: absolute;
top: -100px;
left: 0;
z-index: -1;
}
.page-about section.sec03 .section_inner {
max-width: 1000px !important;
width: 96% !important;
margin: 0 auto !important;
}
.page-about section.sec03 .section_inner table {
width: 100%;
margin-bottom: 40px;
}
.page-about section.sec03 .section_inner table tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: block;
padding: 20px 60px;
vertical-align: top;
}
.page-about section.sec03 .section_inner table th {
width: 250px;
}
.page-about section.sec03 .section_inner table td a:hover {
text-decoration: underline;
}
.page-about section.sec02 ul.sec02_list li:first-child::after, .page-about section.sec02 ul.sec02_list li:nth-child(5)::after {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg04.webp) no-repeat;
width: 542px;
height: 866px;
position: absolute;
top: 50px;
right: -110px;
z-index: -1;
}
.page-about section.sec02 ul.sec02_list li:nth-child(5)::after {
top: 1750px;
}
.page-about section.sec02 ul.sec02_list li:nth-child(3)::before {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg03.webp) no-repeat;
width: 542px;
height: 866px;
position: absolute;
top: 710px;
left: 0;
z-index: -1;
} .page-service section.sec02 .bg06 {
position: absolute;
left: 0;
top: 250px;
z-index: -1;
}
.page-service section.sec03 .bg05 {
position: absolute;
right: 0;
bottom: -91px;
z-index: -1;
}
.page-service section.sec01 .section_inner {
overflow: hidden;
}
.page-service section.sec01 .section_inner .txt_left {
float: left;
width: 48%;
}
.page-service section.sec01 .section_inner .image_right {
float: right;
width: 50%;
}
.page-service section.sec02 .section_inner {
max-width: 1000px !important;
}
.page-service section.sec02 .section_inner .sec02_list {
margin-top: 60px;
}
.page-service section.sec02 .section_inner .sec02_list li {
overflow: hidden;
margin-bottom: 90px;
}
.page-service section.sec02 .section_inner .sec02_list li:last-child {
margin-bottom: 0;
}
.page-service section.sec02 .section_inner .sec02_list li .image_left, .page-service section.sec02 .section_inner .sec02_list li .txt_left {
float: left;
width: 40%;
}
.page-service section.sec02 .section_inner .sec02_list li .txt_left {
width: 60% !important;
}
.page-service section.sec02 .section_inner .sec02_list li .txt_right, .page-service section.sec02 .section_inner .sec02_list li .image_right {
float: right;
width: 60%;
}
.page-service section.sec02 .section_inner .sec02_list li .image_right {
width: 40% !important;
}
.page-service section.sec02 .section_inner .sec02_list li h4 {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #474747;
}
.page-service section.sec02 .section_inner .sec02_list li img {
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.page-service section.sec02 .section_inner .sec02_list li:first-child::after {
content: "";
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg02.webp) no-repeat;
width: 790px;
height: 866px;
position: absolute;
top: 750px;
right: 0;
z-index: -1;
}
.page-service section.sec02 .section_inner .sec02_list li:nth-child(3)::after {
content: "";
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/bg08.webp) no-repeat;
width: 900px;
height: 866px;
position: absolute;
top: 1200px;
left: 0;
z-index: -1;
}
.page-service section.sec03 .section_inner .banner {
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/service/banner_bg.webp) no-repeat;
padding: 40px;
margin-bottom: 40px;
}
.page-service section.sec03 .section_inner .banner p, .page-service section.sec03 .section_inner .banner h4 {
width: 62%;
margin-left: 400px;
}
.page-service section.sec03 .section_inner .banner h4 {
margin-bottom: 30px;
}
.page-service section.sec03 .section_inner .sec03_list {
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
}
.page-service section.sec03 .section_inner .sec03_list li {
float: left;
width: calc(96% / 3);
margin-right: 2%;
box-sizing: border-box;
border-right: 1px solid #fff;
padding: 60px 0 40px;
height: 300px;
}
.page-service section.sec03 .section_inner .sec03_list li:first-child {
border-left: 1px solid #fff;
}
.page-service section.sec03 .section_inner .sec03_list li:last-child {
margin-right: 0;
}
.page-service section.sec03 .section_inner .sec03_list li .icon {
width: 136px;
height: 90px;
margin: 0 auto 25px;
}
.page-service section.sec03 .section_inner .sec03_list li:nth-child(2) .icon {
width: 114px;
}
.page-service section.sec03 .section_inner .sec03_list li:last-child .icon {
width: 93px;
}
.page-service section.sec03 .section_inner .sec03_list02 {
max-width: 1000px;
margin: 0 auto;
}
.page-service section.sec03 .section_inner .sec03_list02 li {
overflow: hidden;
}
.page-service section.sec03 .section_inner .sec03_list li p.size18::after {
display: none;
}
.page-service section.sec03 .section_inner .sec03_list02 li .image_left {
float: left;
}
.page-service section.sec03 .section_inner .sec03_list02 li .txt_right {
float: right;
width: 46%;
}
.page-service section.sec03 .section_inner .sec03_list02 li .txt_right h5 {
margin-bottom: 50px;
position: relative;
}
.page-service section.sec03 .section_inner .sec03_list02 li .txt_right h5::before {
content: '';
display: block;
background: url(//www.09daytona.com/wordpress/wp-content/themes/09daytona/images/service/line.svg) no-repeat;
width: 300px;
height: 25px;
position: absolute;
left: 0;
top: 20px;
opacity: 0.4;
}
.page-service section.sec03 .section_inner .sec03_list02 li:first-child {
margin-bottom: 60px;
}
.page-service .sec03 .section_inner p.bg {
position: relative;
padding-bottom: 90px;
margin-top: 120px;
}
.page-service .sec03 .section_inner p.bg::before {
content: 'MERIT';
font-size: 170px;
text-align: center;
opacity: 8%;
position: absolute;
left: 0;
right: 0;
top: -170px;
font-family: "Cormorant Garamond", serif, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.page-service .sec03 .section_inner p.bg:nth-last-of-type(2)::before {
content: 'FEATURE';
} .slider-wrapper {
display: flex; overflow: hidden; } .slider {
animation: scroll-left 20s infinite linear .5s both;
display: flex; } .slide {
width: calc(100vw / 4); margin-right: 2%;
} .slide img {
display: block;
width: 100%;
} @keyframes scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
} .page-stock .section_inner ul {
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page-stock .section_inner ul li {
width: calc(96% / 3);
margin-right: 2%;
margin-bottom: 2%;
}
.page-stock .section_inner ul li a:hover{
opacity: 0.8;
}
.page-stock .section_inner ul li:nth-child(3n) {
margin-right: 0;
}
.page-stock .section_inner ul li img {
width: 100%;
height: auto;
}
.page-stock .section_inner ul li .term {
width: fit-content;
padding: 2px 20px;
margin-bottom: 20px;
}
.page-stock .section_inner ul li .text_block {
padding: 30px;
}
.page-stock .section_inner ul li h4 {
margin-bottom: 25px;
}
.page-stock .section_inner ul li dl {
overflow: hidden;
}
.page-stock .section_inner ul li dl dt {
float: left;
height: 30px;
line-height: 30px;
width: 100px;
border-bottom: 1px solid #d1d1d1;
}
.page-stock .section_inner ul li dl dd {
border-bottom: 1px solid #d1d1d1;
padding-left: 30px;
height: 30px;
line-height: 30px;
}
.page-stock .section_inner ul li .right {
margin-top: 30px;
}
.page-stock .wp-pagenavi .pages,
.page-stock .wp-pagenavi .nextpostslink{
display: none;
}
.page-stock .wp-pagenavi .page:nth-of-type(n+2){
display: none;
} .page-gallery .wrapper main article,.archive .wrapper main article{
overflow: hidden;
max-width: 1200px;
width: 96%;
margin: 0 auto;
}
.page-gallery .wrapper section,.tax-car_cat .wrapper section,.archive .wrapper section.car_2{
float: left;
width: 74%;
}
.page-gallery .wrapper aside,.archive .wrapper aside {
float: right;
width: 25%;
margin-top: 60px;
}
.page-gallery .wrapper aside .side_inner,.archive .wrapper aside .side_inner,.tax-car_cat .wrapper aside .side_inner{
max-width: 300px;
}
.page-gallery .wrapper aside .side_inner h5, .archive .wrapper aside .side_inner h5,.tax-car_cat .wrapper aside .side_inner h5{
padding: 10px 0;
border: 1px solid #ad0b20;
}
.page-gallery .wrapper aside .side_inner ul,.archive .wrapper aside .side_inner ul{
border: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 60px;
}
.page-gallery .wrapper aside .side_inner ul.scroll,.archive .wrapper aside .side_inner ul.scroll{
scroll-snap-type: y;
overflow: auto;
height: 235px;
}
.page-gallery .wrapper aside .side_inner ul li,.archive .wrapper aside .side_inner ul li{
padding: 8px 0 8px 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
}
.page-gallery .wrapper aside .side_inner ul li:last-child, .archive .wrapper aside .side_inner ul li:last-child{
border-bottom: 0;
}
.page-gallery .wrapper aside .side_inner ul li::after,.archive .wrapper aside .side_inner ul li::after {
content: '';
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow_red.svg) no-repeat;
width: 8px;
height: 18px;
position: absolute;
right: 20px;
top: 14px;
}
.page-gallery .wrapper aside .side_inner ul li:hover::after, .archive .wrapper aside .side_inner ul li:hover::after{
right: 10px;
transition: all 1s;
}
.page-gallery .wrapper aside .side_inner ul li:hover,.archive .wrapper aside .side_inner ul li:hover{
background: rgba(255, 255, 255, 0.3);
transition: all 1s;
}
.page-gallery .section_inner{
max-width: 840px !important;
margin: 0 !important;
}
.tax-car_cat .wrapper .section_inner{
max-width: 840px !important;
margin: 60px 0 90px!important;
}
.page-gallery .section_inner ul,.archive .section_inner ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.page-gallery .section_inner ul li, .archive .section_inner ul li{
margin-bottom: 4%;
margin-right: 1.7%;
max-width: 270px;
}
.page-gallery .section_inner ul li:nth-child(3n), .archive .section_inner ul li:nth-child(3n){
margin-right: 0;
}
.page-gallery .section_inner ul li img,.archive .section_inner ul li img{
width: 100%;
height: auto;
object-fit: cover;
}
.page-gallery .section_inner ul li img a,.archive .section_inner ul li img a{
display: block;
}
.page-gallery .section_inner ul li img:hover,.archive .section_inner ul li img:hover{
opacity: 0.8;
}
.page-gallery .section_inner ul li .term, .archive .section_inner ul li .term{
width: fit-content;
padding: 2px 20px;
margin: 10px 0;
}
.page-gallery .wp-pagenavi a.last{
display: none;
} .page-drs .sec01 .section_inner {
overflow: hidden;
}
.page-drs .sec01 .section_inner .txt_left {
float: left;
width: 48%;
}
.page-drs .sec01 .section_inner .txt_left .size24 {
margin-bottom: 40px;
}
.page-drs .sec01 .section_inner .youtube {
float: right;
width: 50%;
}
.page-drs section.sec02 .bg05 {
position: absolute;
left: 0;
top: 230px;
z-index: -1;
}
.page-drs .sec02 .section_inner {
max-width: 1100px !important;
}
.page-drs .sec02 .section_inner .size18 {
margin: 70px 0;
position: relative;
}
.page-drs .sec02 .section_inner .sec02_block {
display: flex;
justify-content: space-between;
max-width: 1000px;
}
.page-drs .sec02 .section_inner .image_left {
position: relative;
}
.page-drs .sec02 .section_inner .image_left img {
max-width: 480px;
}
.page-drs .sec02 .section_inner .image_left::before{
content: "";
display: block;
border: 2px solid #ad0b20;
max-width: 510px;
width: 100%;
height: 310px;
position: absolute;
top: -30px;
left: -30px;
z-index: -1;
}
.page-drs .sec03 .section_inner ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
}
.page-drs .sec03 .section_inner ul li {
margin-bottom: 15px;
width: calc( 96%/3);
}
.page-drs .sec03 .section_inner ul li img{
width: 100%;
} .page-recruit .sec02 {
margin-bottom: 0 !important;
}
.page-recruit .sec02 .bg_white {
position: relative;
padding: 250px 0;
top: 250px;
}
.page-recruit .sec02 .section_inner {
max-width: 1000px !important;
padding-bottom: 90px;
}
.page-recruit .sec02 .section_inner .image {
position: absolute;
top: -250px;
}
.page-recruit .sec02 .section_inner .flex {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000;
padding-bottom: 30px;
margin: 60px 0;
}
.page-recruit .sec02 .section_inner .flex h3 {
line-height: 1.5;
}
.page-recruit .sec02 .section_inner h4 {
margin-bottom: 30px;
}
.page-recruit .sec02 .section_inner table {
width: 100%;
}
.page-recruit .sec02 .section_inner table tr {
border-bottom: 1px solid #b8b8b8;
display: block;
margin-top: 20px;
}
.page-recruit .sec02 .section_inner table th {
vertical-align: top;
text-align: left;
width: 250px;
}
.page-recruit .sec02 .section_inner table td {
padding: 0 0 20px;
} .page-contact .section_inner {
max-width: 1000px !important;
margin: 0 auto !important;
}
.page-contact .section_inner span.icon {
position: relative;
top: 15px;
left: -10px;
}
.page-contact .tel .section_inner .tel_block {
display: flex;
justify-content: space-around;
align-items: center;
border: 1px solid #fff;
padding: 25px;
margin-top: 40px;
}
.page-contact .tel .section_inner .right_block {
border-left: 1px solid #fff;
padding-left: 20px;
display: flex;
}
.page-contact .tel .section_inner .right_block .icon_left {
margin-right: 20px;
margin-top: 8px;
}
.page-contact .tel .section_inner .right_block .number {
margin-bottom: 3px;
}
.page-contact .tel .section_inner .right_block .number a:hover {
text-decoration: underline;
}
.page-contact .section_inner table {
width: 100%;
}
.page-contact table th, .page-contact table td {
padding: 20px 0;
box-sizing: border-box;
}
.page-contact table th p {
font-size: 16px;
font-weight: bold;
}
.page-contact table tr:last-child th, .page-contact table tr:last-child td {
padding: 20px 0 60px;
}
.page-contact table th {
font-weight: 500;
text-align: left;
width: 30%;
vertical-align: top;
}
.page-contact table th span {
border: 1px solid #ad0b20;
font-size: 11px;
padding: 0 5px 2px;
box-sizing: border-box;
margin-left: 10px;
}
.page-contact [data-name="acceptance"] {
display: block;
text-align: center;
}
.page-contact .wpcf7-spinner {
display: none !important;
}
.page-contact input[type="submit"] {
width: 200px;
margin: 20px auto 0;
text-align: center;
font-size: 15px;
color: white;
background: #ad0b20;
padding: 15px 0;
font-weight: 500;
display: block;
}
.page-contact input[type="submit"]:hover {
color: #fff;
background: #000;
}
.page-contact section.bg_white {
margin: 0 auto !important;
padding: 60px 0 90px;
}
.page-contact h4, .page-contact h3 {
margin-bottom: 40px;
}
.page-contact section .pp {
margin-bottom: 20px;
}
.page-contact section .pp a {
text-decoration: underline;
}
.page-contact section .pp a:hover {
text-decoration: none;
} input[type="checkbox"], input[type="radio"] {
vertical-align: middle;
margin-right: 5px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
padding: 10px 1.9%;
width: 96%;
background: #d1d1d1;
border: none;
}
span.small input[type="text"] {
width: 75px;
margin: 0 10px;
}
span.midi input[type="text"] {
width: 150px;
margin: 0 10px 10px;
}
input[type="file"] {
margin-bottom: 10px;
}
input[name="file05"] {
margin-bottom: 0;
}
select {
padding: 10px;
border: none;
}
:focus {
outline: none;
}
input[type="submit"] {
display: block;
-webkit-appearance: none;
width: 250px;
color: white;
text-align: center;
border: none;
font-size: 16px;
font-weight: bold;
padding: 15px 25px;
transition: 0.1s linear all;
margin: 0 auto;
font-family: "Noto Serif JP", serif, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
line-height: 1.5em;
}
input[type="submit"]:disabled {
background: #ccc;
}
input[type="submit"]:hover {
background: #fff;
color: #000;
}
input[type="submit"]:disabled:hover {
background: #ccc;
}
.wpcf7 .ajax-loader {
margin: 0 !important;
}
.mailform .center {
text-align: center;
margin: 20px 0;
}
.mailform .submit {
text-align: center;
}
.white {
color: #fff;
}
.grecaptcha-badge {
bottom: 95px !important;
} .wp-pagenavi {
margin-top: 50px;
margin-bottom: 10px;
padding-bottom: 1px;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
border: 1px solid #ad0b20 !important;
padding: 5px 10px !important;
font-size: 14px;
transition: 0.1s linear all;
}
.wp-pagenavi span.current {
background-color: #ad0b20;
font-weight: normal !important;
color: #fff;
}
.wp-pagenavi a:hover {
background-color: white;
color: #ad0b20;
}
.sp, .spbr, .sponbr, .w896,.pc_menu{
display: none;
}
.spmenu{display: none;}
.pc_menu{display: block;}
.w896,.w640 {display: none;}
@media screen and (max-width: 1024px) {
.spmenu,.sp_menu{display: block;}
.pc_menu{display: none;} .wrapper header .header_btn {
width: 60px;
z-index: 10;
height: 60px;
top: 10px;
right: 25px;
transition: 0.1s linear all;
position: fixed;
}
.wrapper .spmenu {
width: 70%;
position: fixed;
z-index: 5;
left: -85%;
top: 0;
display: block;
background-color: #000;
overflow: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
height: 100%;
padding: 20px;
}
.wrapper header .header_btn .en{
position: relative;
top: 42px;
left: 10px;
}
.menu__line {
background: #fff; display: block;
height: 2px;
position: absolute;
transition: transform .3s;
top: 15px;
left: 16px;
width: 28px;
border-radius: 5px;
}
.menu__line--center {
top: 24px;
}
.menu__line--bottom {
top: 34px;
}
.menu__line--top.active {
top: 25px;
transform: rotate(45deg);
}
.menu__line--center.active {
transform: scaleX(0);
}
.menu__line--bottom.active {
top: 25px;
transform: rotate(135deg);
}
.wrapper header .spmenu .top{
text-align: center;
margin-bottom: 30px;
border-bottom: none;
padding-left: 0!important;
}
.wrapper header .spmenu .top img{
width: 50%;
}
.wrapper header .spmenu li{
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
height: 50px;
line-height: 50px;
padding-left: 5px;
position: relative;
}
.wrapper header .spmenu li span{
display: inline-block;
margin-left: 30px;
font-size: 14px;
}
.wrapper header .header_inner .header_logo{
width: 30%;
margin-top: 13px;
margin-left: -10px;
}
.wrapper header .spmenu li::after{
content: "";
display: block;
background: url(https://www.09daytona.com/wordpress/wp-content/themes/09daytona/images/common/arrow_red.svg) no-repeat;
width: 11px;
height: 21px;
position: absolute;
right: 30px;
top: 15px;
}
.wrapper header .spmenu li:first-child::after{
display: none;
}
.wrapper header .spmenu li a{
display: block;
}
.wrapper header .spmenu li:hover{
background: rgba(255, 255, 255, 0.3);
transition: all 1s;
}
.wrapper header .spmenu li:hover::after {
right: 20px;
transition: all 1s;
}
.wrapper header .spmenu .contact_btn {
max-width: 750px;
width: 100%;
margin: 40px auto 0;
overflow: hidden;
}
.wrapper header .spmenu .contact_btn .btn_left, .wrapper header .spmenu .contact_btn .btn_right {
max-width: 340px;
width: 100%;
margin: 0 auto;
}
.wrapper header .spmenu .contact_btn .btn_left a, .wrapper header .spmenu .btn_right a{
display: block;
height: 60px;
line-height: 60px;
padding-left: 50px;
background: #ad0b20;
}
.wrapper header .spmenu .contact_btn .btn_left {
float: left;
}
.wrapper header .spmenu .contact_btn .btn_right {
float: right;
}
.wrapper header .spmenu .contact_btn .btn_left img {
width: 28px;
position: absolute;
top: 10px;
left: -30px;
}
.wrapper header .spmenu .contact_btn .btn_right img {
width: 31px;
position: absolute;
left: -40px;
top: -1px;
}
.wrapper header .spmenu .contact_btn .btn_right span, .wrapper header .spmenu .contact_btn .btn_left span {
position: relative;
} .bx-wrapper .bx-prev{
left: -18px;
}
.home .recruit h2{
left: 70px!important;
} .page-service section.sec03 .section_inner .banner p, .page-service section.sec03 .section_inner .banner h4{
width: 67%;
margin-left: 300px;
}
.page-service section.sec03 .section_inner .banner{
padding: 20px;
}
.page-service .sec03 .section_inner p.size18::after{
left: 458px;
} .page-about section.sec02 ul.sec02_list li .image_left img, .page-about section.sec02 ul.sec02_list li .image_right img{
width: 90%;
}
.page-about section.sec02 ul.sec02_list li .image_right img{
position: relative;
right: -55px;
}
.page-about section.sec02 ul.sec02_list li .txt_right, .page-about section.sec02 ul.sec02_list li .txt_left{
width: 40%;
}
.page-about section.sec02 ul.sec02_list li .image_left{
text-align: center;
} .page-gallery .section_inner ul li, .archive .section_inner ul li{
max-width: 215px;
}
.page-stock .section_inner ul li{
min-height: 680px;
}
}
@media screen and (max-width: 896px) {
.w896 {display: block;}
.sp{display: block;}
.w640{display: none;} .wrapper header .header_inner .header_logo{
width: 40%;
}
.wrapper header .spmenu .top img{
width: 70%;
}
.home .stock .stock_list li{
max-width: 356px;
width: calc(100%/2);
margin-right: 25px;
min-height: 390px;
margin-bottom: 25px;
}
.wrapper header .spmenu .contact_btn .btn_left,.wrapper header .spmenu .contact_btn .btn_right{
float: none;
}
.wrapper header .spmenu .contact_btn .btn_left{
margin-bottom: 30px;
}
.home .stock .stock_list li:nth-child(2n){
margin-right: 0;
}
.home .stock .stock_list li:nth-child(n+3){
margin-bottom: 0;
}
.home .banner .section_inner .banner_left, .home .banner .section_inner .banner_right{
width: 48%;
}
.home .banner::before{
top: 1500px;
}
.home .banner::after{
top: 1520px;
}
.home .banner .section_inner .banner_left a span.en::after{
right: 67px;
}
.home .banner .section_inner .banner_right a span.en::after{
right: 44px;
}
.home .service .section_inner .block_left{
float: none;
width: 98%;
}
.home .service .section_inner .block_right{
float: none;
width: 100%;
margin-top: 30px;
}
.home .service .bg02{
right: -360px;
top: 2800px;
}
.home .import .section_inner ul li{
width: calc(94% /3 );
}
.home .import .section_inner ul li:nth-child(3n),
.home .import .section_inner ul li:last-child{
margin-right: 0!important;
}
.home .import .section_inner ul li:nth-child(4n){
margin-right: 2%;
}
.home .drs .section_inner{
width: 90%;
flex-direction: column-reverse;
}
.home .drs .section_inner .block_right{
margin-bottom: 90px;
}
.home .drs .section_inner .block_left{
margin-left: 30px;
width: 100%;
}
.home .drs .section_inner .block_left img{
max-width: 530px;
}
footer .footer_inner .footer_left{
width: 50%;
}
footer .footer_inner .footer_right{
width: 45%;
} .page-stock .section_inner ul li .text_block{
padding: 20px;
}
.page-stock .section_inner ul li{
min-height: 580px;
} .page-gallery .section_inner ul li .term, .archive .section_inner ul li .term{
padding: 2px 10px;
}
.page-gallery .section_inner ul li, .archive .section_inner ul li{
max-width: 250px;
}
.page-gallery .section_inner ul li, .archive .section_inner ul li:nth-child(3n){
margin-right: 1.7%;
} .category section .section_inner{
width: 100%;
} .page-service section.sec01 .section_inner .txt_left{
float: none;
width: 100%;
margin-bottom: 50px;
}
.page-service section.sec01 .section_inner .image_right{
width: 100%;
float: none;
}
.page-service section.sec02 .bg06{
left: -150px;
top: 600px;
}
.page-service section.sec02 .section_inner .sec02_list li .image_left,.page-service section.sec02 .section_inner .sec02_list li .image_right {
float: none;
width: 100%!important;
text-align: center;
}
.page-service section.sec02 .section_inner .sec02_list li .txt_right,.page-service section.sec02 .section_inner .sec02_list li .txt_left {
float: none;
width: 75%!important;
margin: 20px auto 0;
}
.page-service section.sec02 .section_inner .sec02_list li:first-child::after{
top: 1200px;
}
.page-service section.sec02 .section_inner .sec02_list li:nth-child(3)::after{
top: 2200px;
}
.page-service section.sec03 .section_inner .banner p, .page-service section.sec03 .section_inner .banner h4{
width: 100%;
margin-left: 0;
}
.page-service .sec03 .section_inner p.size18::after{
left: 326px;
}
.page-service section.sec03 .section_inner .sec03_list02 li .image_left{
float: none;
text-align: center;
}
.page-about section.sec02 ul.sec02_list li .image_right{
text-align: center;
}
.page-about section.sec02 ul.sec02_list li .image_right img{
right: 0;
}
.page-service section.sec03 .section_inner .sec03_list02 li .txt_right{
float: none;
width: 80%;
margin: 30px auto 0;
}
.page-about section.sec02 ul.sec02_list li .txt_left{
width: 85%;
text-align: left;
margin-top: 30px;
}
.page-about section.sec02 ul.sec02_list li .image_left, .page-about section.sec02 ul.sec02_list li .txt_left,.page-about section.sec02 ul.sec02_list li .image_right{
float: none;
}
.page-about section.sec02 ul.sec02_list li .txt_right{
float: none;
width: 85%;
margin-right: 0;
margin-left: 40px;
margin-top: 20px;
}
.page-about section.sec02 ul.sec02_list li:nth-child(3)::before{
top: 1400px;
}
.page-about section.sec02 ul.sec02_list li:nth-child(5)::after{
top: 3050px;
} .page-drs .sec01 .section_inner .txt_left,.page-drs .sec01 .section_inner .youtube{
float: none;
width: 100%;
}
.page-drs .sec01 .section_inner .youtube{
margin-top: 30px;
}
.page-drs .sec02 .section_inner .size18::after, .page-service .sec03 .section_inner p.size18::after{
left: 338px;
}
.page-drs .sec02 .section_inner .sec02_block{
flex-direction: column;
align-items: center;
}
.page-drs .sec02 .section_inner .sec02_block .txt_right{
margin-top: 30px;
}
.page-drs section.sec02 .bg05{
top: 555px;
} .page-recruit .sec02 .section_inner .image img{
width: 90%;
}
.page-recruit .sec02 .bg_white{
padding: 100px 0 250px;
}
.page-recruit .sec02 .section_inner .flex{
flex-direction: column;
margin: 30px 0;
}
.page-recruit .sec02 .section_inner table th{
width: 200px;
} .page-contact .tel .section_inner .tel_block{
display: block;
text-align: center;
}
.page-contact .tel .section_inner .right_block{
border-left: 0;
border-top: 1px solid #fff;
margin-top: 10px;
padding-top: 10px;
}
.page-contact .tel .section_inner .right_block{
justify-content: center;
}
.page-contact .tel .section_inner .right_block .txt_right{
text-align: left;
}
}
@media screen and (max-width: 640px) { .pcbr, .w896,.mainimg_pc { display: none; }
.w640,.mainimg_sp{ display: block; }
.wrapper .breadcrumb {
margin: 10px auto;
}
.wrapper .breadcrumb ul li { font-size: 10px; }
.size10{ font-size: 7px; }
.size14{ font-size: 12px; }
.size16{ font-size: 14px; }
.size18{ font-size: 16px; }
.size21{ font-size: 18px; }
.size24{ font-size: 21px; }
.size30{ font-size: 24px; }
.size36{ font-size: 28px; }
.size60{ font-size: 40px; } .wrapper header .header_btn{
width: 55px;
height: 55px;
right: 0;
}
.wrapper header .h1{
font-size: 8px;
line-height: 1.4;
}
.wrapper header .header_inner{
height: 60px;
}
.wrapper header .header_inner .header_logo{
width: 45%;
margin-top: 25px;
}
.menu__line{
width: 25px;
top: 10px;
left: 15px;
}
.menu__line--center{
top: 19px;
}
.menu__line--bottom{
top: 28px;
}
.wrapper header .header_btn .en{
top:38px;
left: 11px;
font-size: 12px;
}
.wrapper header .spmenu .top img{
width: 60%;
position: relative;
top: 10px;
}
.wrapper header .spmenu .top{
margin-bottom: 10px;
text-align: left;
}
.wrapper header .spmenu li{
height: 40px;
line-height: 40px;
}
.wrapper header .spmenu li span{
font-size: 12px;
}
.wrapper header .spmenu li::after{
right: 13px;
top: 13px;
height: 15px;
width: 8px;
}
.wrapper header .spmenu .contact_btn{
font-size: 20px;
}
.wrapper header .spmenu .contact_btn .btn_left a, .wrapper header .spmenu .btn_right a{
height: 50px;
line-height: 50px;
padding-left: 30px;
}
.wrapper header .spmenu .contact_btn .btn_left{
margin-bottom: 20px;
}
.wrapper header .spmenu .contact_btn .btn_left img{
top: 6px;
left: -30px;
}
.wrapper header .spmenu .contact_btn .btn_right img{
width: 22px;
left: -29px;
top: 3px;
}
.home h2 span.en, section.contact p.title span.en, .page section h3 span.en{
margin-right: 20px;
}
.home section.gallery h2 span.en::before, .home section.import h2 span.en::before{
left: 41px;
top: -75px;
}
.home h2, section.contact p.title{
margin-bottom: 30px;
}
.btn a{
font-size: 16px;
}
.btn{
max-width: 210px;
}
.wrapper .pageimg h2 span.en::before{
left: 85px;
top: -52px;
background-size: 70%;
}
.wrapper .pageimg h2{
padding-top: 50px;
min-height: 100px;
}
.page .wrapper article section{
margin: 30px auto 50px;
}
.page .wrapper article section .section_inner{
width: 90%;
max-width: 640px;
}
.page .wrapper article section h3 span.en{
margin-bottom: 7px;
} footer .footer_inner{
width: 90%;
max-width: 640px;
padding: 30px 0 15px;
}
footer .footer_inner .footer_logo img {
width: 65%;
}
footer .copyright {
text-align: center;
font-size: 11px;
}
footer .footer_inner .footer_left,footer .footer_inner .footer_right{
width: 100%;
float: none;
}
footer .footer_inner .footer_right{
margin-top: 30px;
} .loading .size24 span{
width: 80%;
margin: 0 auto;
}
.loading .logo{
width: 100%;
}
.wrapper section .section_inner{
max-width: 640px;
width: 90%;
margin: 30px auto 50px;
}
.loading .size24{
font-size: 18px;
}
.loading .size24 span{
font-size: 24px;
}
.home .wrapper .mainimg{
min-height: 375px;
}
.home .wrapper .about .section_inner{
margin: 30px auto 150px!important;
}
.home .stock .stock_list li img{
height: auto;
}
.home .stock .stock_list{
margin-bottom: 30px;
}
.home .stock .stock_list li{
width: 48%;
margin-right: 4%;
min-height: 310px;
margin-bottom: 15px;
}
.home .stock .stock_list li .text_block{
padding: 5px 15px;
}
.home .banner .section_inner{
flex-direction: column;
}
.home .banner .section_inner .banner_left, .home .banner .section_inner .banner_right{
width: 100%;
height: 200px;
}
.home .banner .section_inner .banner_left{
margin-bottom: 20px;
}
.home .banner::before{
top: 1438px;
left: -108px;
}
.home .banner::after{
top: 1100px;
region-break-after: 221px;
}
.home .banner .section_inner .banner_left a span.en::after{
top: 37px;
right: 83px;
}
.home .banner .section_inner .banner_right a span.en::after{
top: 36px;
right: 65px;
}
.home .gallery ul li{
margin-right: 15px;
}
.bx-wrapper{
margin-top: 20px!important;
}
.home .service .bg02{
right: -700px;
top: 2700px;
}
.home .service .bg02 img{
width: 65%;
}
.home .service .section_inner .block_left h3{
font-size: 17px;
margin-bottom: 30px;
}
.home .service .section_inner .block_right .mainte, .home .service .section_inner .block_right .pro{
height: 180px;
padding: 20px 0;
}
.home .service .section_inner .block_right .mainte h4 span, .home .service .section_inner .block_right .pro h4 span{
margin-bottom: 5px;
font-size: 15px;
}
.home .service .section_inner .block_right .mainte h4, .home .service .section_inner .block_right .pro h4{
font-size: 11px;
}
.home .service .section_inner .block_right .mainte .b_btn, .home .service .section_inner .block_right .pro .b_btn{
bottom: -20px;
}
.home section.import h2 span.en::before{
left: 122px;
}
.home .import .section_inner ul li{
width: calc( 96% /2);
margin-bottom: 3%;
min-height: 80px;
}
.home .import .section_inner ul li:nth-child(2n){
margin-right: 0;
}
.home .import .section_inner ul li img{
width: 80%;
top: 20px;
}
.home .import .section_inner ul li:nth-child(5) img, .home .import .section_inner ul li:nth-child(11) img, .home .import .section_inner ul li:nth-child(12) img{
top: 29px!important;
}
.home .import .section_inner ul li:nth-child(7) img{
width: 65%;
top: 15px!important;
}
.home .import .section_inner ul li:nth-child(8) img{
top: 11px!important;
}
.home .import .section_inner ul li:nth-child(10) img,.home .import .section_inner ul li:nth-child(4) img,.home .import .section_inner ul li:nth-child(6) img{
top: 25px!important;
}
.home .import .section_inner ul li:nth-child(1) img{
top: 15px!important;
}
.home .drs .section_inner .block_left img{
max-width: 340px;
}
.home .drs .section_inner .block_left::before{
top: -17px;
left: -13px;
height: 220px;
}
.home .drs .section_inner .block_left{
margin-left: 0;
}
.home .drs .section_inner .block_right{
margin-bottom: 60px;
}
.home .recruit{
margin: 90px auto 60px;
}
.home .recruit h2{
left: 50px!important;
}
.home .recruit h2 span.en{
margin-right: 40px;
}
.home .recruit .section_inner .text{
top: -45px;
padding-left: 70px;
}
.home .recruit .section_inner .btn{
margin: 30px auto 0 0;
}
.home section.insta h2 span.en::before{
top: -75px;
left: 74px;
}
.home .news .section_inner .inner{
max-width: 100%;
}
.home .news .section_inner ul li a{
flex-direction: column;
align-items: flex-start;
padding: 10px 0 10px 0;
}
.home .news .section_inner ul li a .title{
font-size: 14px;
}
.home .news .section_inner{
margin: 30px auto 80px;
}
section.contact{
padding-bottom: 60px;
}
section.contact p.title span::before{
left: 54px;
}
section.contact .section_inner{
max-width: 640px!important;
width: 90%!important;
margin: 0 auto!important;
}
section.contact .section_inner .contact_btn .btn_right,
section.contact .section_inner .contact_btn .btn_right{
float: none;
}
section.contact .section_inner .contact_btn .btn_left{
margin-bottom: 20px;
}
section.contact .section_inner .contact_btn .btn_left, section.contact .section_inner .contact_btn .btn_right{
max-width: 100%;
} .page-stock .section_inner ul li{
min-height: 315px;
width: calc(96% / 2);
margin-right: 4%;
}
.page-stock .section_inner ul li .text_block{
padding: 0 10px;
}
.page-stock .section_inner ul li:nth-child(2n){
margin-right:0;
}
.page-stock .section_inner ul li h4{
margin-bottom: 5px;
line-height: 1.2;
font-size: 13px;
}
.page-stock .section_inner ul li .term{
margin-bottom: 6px;
padding: 0 10px;
}
.page-stock .section_inner ul li .right{
margin-top: 0;
font-size: 18px;
}
.page-stock .section_inner ul li dl dt{
width: 70px;
font-weight: 700;
height: 16px;
font-size: 12px;
border-bottom: 0;
}
.page-stock .section_inner ul li dl dd{
padding-left: 0;
font-size: 12px;
height: 25px;
} .page-gallery .wrapper main article, .archive .wrapper main article{
max-width: 640px;
width: 90%;
}
.page-gallery .pageimg h2 span.en::before, .archive .pageimg h2 span.en::before{
left: 54px;
}
.page-gallery .section_inner,.archive .wrapper section .section_inner{
width: 100%!important;
}
.page-gallery .wrapper section,.tax-car_cat .wrapper section, .archive .wrapper section.car_2{
float: none;
width: 100%;
}
.page-gallery .section_inner ul li:nth-child(3n), .archive .section_inner ul li:nth-child(3n){
margin-right: 2%;
}
.page-gallery .section_inner ul li, .archive .section_inner ul li,.tax-car_cat .section_inner ul li{
width: 48%;
min-height: 250px;
margin-bottom: 6%;
margin-right: 2%;
}
.page-gallery .wrapper aside, .archive .wrapper aside{
float: none;
width: 100%;
}
.page-gallery .wrapper aside .side_inner, .archive .wrapper aside .side_inner{
max-width: 100%;
}
.page-gallery .section_inner ul li .term, .archive .section_inner ul li .term{
padding: 0 10px;
margin: 5px 0;
} .single .pageimg h2 span.en::before, .category .pageimg h2 span.en::before{
left: 22px;
}
.category .wrapper section .section_inner{
width: 100%;
}
.category .wrapper section.contact .section_inner{
width: 90%!important;
}
.category section .section_inner .news_block{
padding: 0 10px 15px;
}
.category section .section_inner .news_block .time,.category section .section_inner .news_block h4{
float: none;
}
.category section .section_inner .news_block::after{
right: 15px;
} .page-service .pageimg h2 span.en::before{
left: 53px;
}
.page-service section.sec01 .section_inner .txt_left h3{
font-size: 18px;
margin-bottom: 30px;
}
.page-service section.sec01 img{
width: 100%;
}
.page-service section.sec02 h3 span.en::before{
left: 15px!important;
}
.page-service section.sec02 .section_inner .sec02_list li .txt_right, .page-service section.sec02 .section_inner .sec02_list li .txt_left{
width: 100%!important;
}
.page-service section.sec02 .section_inner .sec02_list li h4{
padding-bottom: 15px;
margin-bottom: 20px;
}
.page-service section.sec02 .section_inner .sec02_list li img{
width: 62%;
}
.page-service section.sec02 .section_inner .sec02_list li{
margin-bottom: 60px;
}
.slide{
width: calc( 100vw / 2);
}
.page-service section.sec02 .bg06{
left: 0;
}
.page-service section.sec02 .bg06 img{
width: 115%;
}
.page-service section.sec02 .section_inner .sec02_list li:first-child::after{
background-size: 90%;
top: 1214px;
right: -429px;
}
.page-service section.sec02 .section_inner .sec02_list li:nth-child(3)::after{
background-size: 60%;
top: 2070px;
left: -21px;
}
.page-service .wrapper section.sec02 h3 span.en{
font-size: 33px;
}
.page-about section.sec02 h3 span.en::before{
left: 247px;
}
.page-service section.sec03 h3 span.en::before{
left: 211px;
}
.page-service section.sec03 .section_inner .banner h4{
font-size: 21px;
}
.page-service section.sec03 .section_inner .banner{
height: 300px;
background-size: cover;
}
.page-service .sec03 .section_inner p.bg{
margin-top: 100px;
padding-bottom: 0;
}
.page-service .sec03 .section_inner p.bg::before{
font-size: 70px;
top: -53px;
}
.page-service section.sec03 .section_inner .sec03_list li{
float: none;
width: 100%;
border-right: none;
height: 250px;
border-bottom: 1px solid #fff;
padding: 50px 0 40px;
}
.page-service section.sec03 .section_inner .sec03_list li:last-child{
border-bottom: none;
}
.page-service section.sec03 .section_inner .sec03_list li:first-child{
border-left: 0;
}
.page-drs .sec02 .section_inner .size18::after, .page-service .sec03 .section_inner p.size18::after{
top: -53px;
left: 138px;
}
.page-service section.sec03 .section_inner .sec03_list li .icon{
width: 115px;
}
.page-service section.sec03 .section_inner .sec03_list02{
margin-top: 30px;
}
.page-service section.sec03 .section_inner .sec03_list02 li img{
width: 100%;
}
.page-service section.sec03 .section_inner .sec03_list02 li .txt_right{
width: 100%;
}
.page-service section.sec03 .bg05{
bottom: -51px;
} .page-about .pageimg h2 span.en::before{
left: 39px;
}
.page-about section.sec01{
padding: 0 0 150px;
margin: 30px auto 50px !important;
}
.page-about section.sec02 h3 span.en::before{
left: 131px;
}
.page-about section.sec02 ul.sec02_list li .txt_right,.page-about section.sec02 ul.sec02_list li .txt_left{
margin-left: 20px;
}
.page-about section.sec02 ul.sec02_list li:first-child::after, .page-about section.sec02 ul.sec02_list li:nth-child(5)::after{
right: -218px;
}
.page-about section.sec02 ul.sec02_list li:nth-child(3)::before {
left: -91px;
}
.page-about section.sec03 .section_inner{
margin: 30px auto 0;
}
.page-about section.sec03 h3 span.en::before{
left: 50px;
}
.page-about section.sec03 .section_inner table tr{
padding: 10px 20px;
}
.page-about section.sec03 .section_inner table th{
display: block;
width: 100%;
}
.page-about section.sec03::before{
left: -140px;
}
.page-about section.sec03 .map{
margin: 0 auto;
width: 324px;
}
.page-about section.sec03 .map iframe{
width: 100%;
height: 300px;
}
.page-about section.sec03 .section_inner table{
width: 90%;
margin:  0 auto 30px;;
} .page-drs .sec01 .section_inner .youtube iframe{
width: 350px;
}
.page-drs .sec01 .section_inner .txt_left .size24{
margin-bottom: 30px;
}
.page-drs .wrapper .pageimg h2 span.en::before{
left: 73px;
}
.page-drs .sec02 .section_inner .image_left img{
width: 100%;
}
.page-drs .sec02 .section_inner .image_left::before{
top: -15px;
left: -12px;
height: 238px;
}
.page-drs section.sec02 .bg05{
top: 640px;
}
.page-drs section.sec02 .bg05 img{
width: 80%;
}
.page-drs section.sec03 h3 span.en::before{
left: 87px;
} .page-recruit .pageimg h2 span.en::before{
left: 60px;
}
.page-recruit .sec02 .section_inner .image{
top: -85px;
right: -1px;
}
.page-recruit .sec02 .bg_white{
padding: 55px 0 250px;
}
.page-recruit .sec02 .section_inner table th{
display: block;
margin-bottom: 15px;
}
.page-recruit .sec02{
margin-top: -125px!important;
}
.page-recruit .wrapper article section.sec02 h3{
margin-top: 30px;
} .page-contact .pageimg h2 span.en::before{
left: 73px;
}
.page-contact .tel .section_inner .right_block .icon_left{
margin-right: 0;
margin-top: 1px;
}
.page-contact .tel .section_inner .right_block .icon_left img{
width: 65%;
}
.page-contact section.bg_white{
padding: 30px 0 80px;
}
.page-contact table th, .page-contact table td{
display: block;
padding: 5px 0;
}
.page-contact table tr:last-child th, .page-contact table tr:last-child td{
padding: 5px 0 0;
}
.page-contact section .pp{
margin-top: 40px;
}
.page-contact table th{
width: 100%;
}
.page-contact table td{
margin-bottom: 10px;
}
}