@charset "UTF-8"; /* CSS Document */
/*===================================================
	画面用CSS（PC/SMP）
===================================================*/
/*////////////////////////////////////////////////////////////
	TOP
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .topMain .topKv {
        height: 400px;
    }

    .topMain .topKv .kvTtl {
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .topMain .topKv .kvTtl .kvImg {
        max-width: 300px;
        margin: 0 auto;
    }

    .topMain .topKv .kvLink {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 250px;
        z-index: 1;
    }

    .topMain .topKv .kvLink a {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 10px 40px;
        font-size: 14px;
        font-style: italic;
        color: #cdcdcd;
        text-align: right;
        background: url(https://clasicajp.live/system_panel/uploads/images/kv_link_bg.png) right center no-repeat;
        background-size: cover;
    }

    .topMain .topKv .kvLink p {
        display: inline-block;
        padding: 0 40px 0 0;
        background: url(https://clasicajp.live/system_panel/uploads/images/kv_link_arrow.png) right center no-repeat;
        background-size: 30px auto;
    }

    .topMain .topKv .scrollBox {
        display: none;
    }

    .topMain .sec01 {
        margin: 0 0 80px;
    }

    .topMain .sec01:before {
        display: none;
    }

    .topMain .sec01 .secPanel {
        width: 100%;
        min-width: 100%;
        padding: 40px 0;
        text-align: center;
        background: #061929;
    }

    .topMain .sec01 .secPanel .panel {
        display: block;
        padding: 0 10px;
    }

    .topMain .sec01 .secPanel .logo {
        max-width: 140px;
        margin: 0 0 20px;
    }

    .topMain .sec01 .secPanel h1 {
        margin: 0 0 15px;
        padding: 0 0 15px;
        font-size: 30px;
    }

    .topMain .sec01 .secPanel h1:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100px;
        height: 1px;
        background: #a78a67;
    }

    .topMain .sec01 .secPanel .txt {
        max-width: 100%;
        margin: 0 0 30px;
    }

    .topMain .sec01 .secPanel .txt p + p {
        margin: 20px 0 0;
    }

    .topMain .sec01 .photo {
        display: block;
    }

    .topMain .secTtl h2 {
        padding: 0 0 0 50px;
        font-size: 14px;
    }

    .topMain .secTtl p {
        padding: 0 0 0 50px;
        font-size: 30px;
        width: 100%;
        /**/
    }

    .topMain .secTtl p:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 1px;
        margin: auto 0;
        background: #cdb190;
    }

    .topMain .secTxt {
        max-width: 100%;
        font-size: 14px;
    }

    .topMain .sec02 .photo {
        float: none;
        width: 100%;
    }

    .topMain .sec02 .txtBox {
        float: none;
        width: 100%;
        padding: 40px 10px;
    }

    .topMain .photoPanel01 {
        margin: 0 auto;
    }

    .topMain .sec03 {
        margin: 0;
    }

    .topMain .sec03 .photo {
        float: none;
        width: 100%;
    }

    .topMain .sec03 .txtBox {
        float: none;
        width: 100%;
        padding: 40px 10px;
    }

    .topMain .attachBox01 {
        height: 350px;
        background-attachment: scroll !important;
        background-size: cover !important;
    }

    .topMain .attachBox01 .imgTxt {
        max-width: 350px;
        padding: 120px 10px 0;
    }

    .topMain .secBoxList {
        padding: 80px 0 0;
    }

    .topMain .sec04 {
        padding: 0 0 180px;
        background: url(https://clasicajp.live/system_panel/uploads/images/top_sec04_bg.png) right bottom 40px no-repeat;
        background-size: 90% auto;
    }

    .topMain .sec04 .photo {
        float: none;
        width: 100%;
    }

    .topMain .sec04 .photo:before {
        display: none;
    }

    .topMain .sec04 .txtBox {
        float: none;
        width: 100%;
        padding: 40px 10px;
    }

    .topMain .sec05 {
        padding: 0 0 150px;
        background: url(https://clasicajp.live/system_panel/uploads/images/top_sec05_bg.png) right bottom no-repeat;
        background-size: 90% auto;
    }

    .topMain .sec05 .photo {
        float: none;
        width: 100%;
    }

    .topMain .sec05 .txtBox {
        float: none;
        width: 100%;
        padding: 40px 10px;
    }

    .topMain .sec05 .txtBox:before {
        display: none;
    }

    .topMain .sec06 {
        padding: 80px 0;
    }

    .topMain .sec06 .webgene-blog {
        display: block;
    }

    .topMain .sec06 .webgene-header {
        width: 100%;
        margin: 0;
        padding: 0 0 20px;
    }

    .topMain .sec06 .webgene-item {
        width: 100%;
    }

    .topMain .sec06 .webgene-item + .webgene-item {
        margin: 40px 0 0;
    }

    .topMain .sec06 .webgene-item .photo {
        margin: 0 0 15px;
    }

    .topMain .sec06 .link {
        position: static;
        margin: 40px auto 0;
    }

    .topMain .sec07 {
        padding: 60px 0;
    }

    .topMain .sec07 .txtBox {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
        float: none;
    }

    .topMain .sec07 .right {
        width: 100%;
        max-width: 600px;
        padding: 50px 0 0;
        margin: 0 auto;
    }

    .topMain .sec07 .right .mapBox {
        margin: 0 0 30px;
        padding: 0 0 70%;
    }
}

/*////////////////////////////////////////////////////////////
	blog
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .blogMain .blogCnt {
        padding: 50px 0;
    }

    .blogMain .blogPanel .left {
        float: none;
        width: 100%;
        margin: 0 0 40px;
    }

    .blogMain .blogPanel .right {
        float: none;
        width: 100%;
    }

    .blogMain .blogPanel .category .webgene-item a {
        padding: 10px;
    }

    .blogMain .blogPanel .category .webgene-item span {
        margin: 0 20px 0 0;
    }

    .blogMain .blogPanel .category .webgene-item em {
        font-size: 16px;
    }

    .blogMain .blogPanel .blogListBox .webgene-blog {
        display: block;
    }

    .blogMain .blogPanel .blogListBox .webgene-item {
        width: 100%;
    }

    .blogMain .blogPanel .blogDetailBox .webgene-blog {
        padding: 0 0 30px;
    }

    .blogMain .blogPanel .blogDetailBox .ttlBox h2 {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .blogMain .blogPanel .blogDetailBox .bnrList {
        max-width: 300px;
        margin: 0 auto;
        padding: 30px 0 0;
    }

    .blogMain .blogPanel .blogDetailBox .bnrList .list {
        float: none;
        width: 100%;
    }

    .blogMain .blogPanel .blogDetailBox .bnrList .list + .list {
        float: none;
        margin: 20px 0 0;
    }

    .blogMain .blogPanel .blogDetailBox .btnBack {
        margin: 40px auto 0;
    }
}

/*////////////////////////////////////////////////////////////
	carlist
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .carlistMain .carlistPanel {
        padding: 50px 0;
    }

    .carlistMain .carlistPanel .searchLink {
        max-width: 340px;
        margin: 0 auto 60px;
    }

    .carlistMain .carlistPanel .webgene-blog {
        display: block;
        margin: 0;
    }

    .carlistMain .carlistPanel .webgene-blog .webgene-header h2 {
        font-size: 14px;
    }

    .carlistMain .carlistPanel .webgene-blog .webgene-header p {
        font-size: 30px;
    }

    .carlistMain .carlistPanel .webgene-blog .webgene-item {
        width: 100%;
        margin: 40px 0 0;
        padding: 10px;
        font-size: 16px;
    }

    .carlistMain .carlistPanel .webgene-blog .name {
        min-height: 0;
        font-size: 18px;
    }

    .carlistMain .carlistPanel .webgene-blog .status .price span {
        font-size: 12px;
    }
}

/*////////////////////////////////////////////////////////////
	topicPath
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .topicPath {
        padding: 30px 0;
        font-size: 14px;
    }
}

/*////////////////////////////////////////////////////////////
	search
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .searchMain .searchPanel {
        padding: 20px 0 60px;
    }

    .searchMain .searchSec + .searchSec {
        margin: 40px 0 0;
    }

    .searchMain .searchSec .search-title-wrapper {
        left: 0;
        max-width: 340px;
        height: 30px;
        margin: 0 0 20px;
    }

    .searchMain .searchSec .search-contents-wrapper {
        padding: 0;
    }

    .searchMain .searchSec .search-contents-wrapper label {
        font-size: 14px;
    }

    .searchMain #searchSec01 .search-contents-wrapper label + label, .searchMain #searchSec02 .search-contents-wrapper label + label {
        margin: 0 0 0 20px;
    }

    .searchMain #searchSec03 .search-contents-wrapper label, .searchMain #searchSec04 .search-contents-wrapper label, .searchMain #searchSec05 .search-contents-wrapper label {
        width: calc(100% / 2);
    }

    .searchMain .btnList {
        max-width: 300px;
        margin: 50px auto 0;
    }

    .searchMain .btnList > div {
        width: 100%;
    }

    .searchMain .btnList .clear {
        float: none;
        margin: 0 0 20px;
        padding: 15px 10px;
        font-size: 16px;
    }

    .searchMain .btnList .search {
        float: none;
    }

    .searchMain .btnList .search input {
        height: 54px;
        font-size: 16px;
        background: url(https://clasicajp.live/system_panel/uploads/images/search_btn_icon.png) left 90px center no-repeat;
        background-size: 20px auto;
    }

    .clear {
        order: 1;
    }

    .search {
        order: -1;
        margin-bottom: 20px;
    }
}

/*////////////////////////////////////////////////////////////
	detail
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .detailMain .carDetailPanel {
        padding: 40px 0;
    }

    .detailMain .carDetailPanel h2 {
        left: 0;
        max-width: 300px;
        margin: 0 0 30px;
        padding: 2px 20px;
        font-size: 18px;
    }

    .detailMain .carDetailPanel table {
        font-size: 14px;
    }

    .detailMain .carDetailPanel table th {
        padding: 10px 5px;
    }

    .detailMain .carDetailPanel table td {
        padding: 10px 5px;
    }

    .detailMain .carDetailPanel .multiTbl {
        display: block;
    }

    .detailMain .carDetailPanel .multiTbl > * {
        display: block;
        width: 100%;
    }

    .detailMain .carDetailPanel .multiTbl table th {
        width: 100px;
    }

    .detailMain .carDetailPanel .multiTbl .right table {
        border-top: none;
        border-left: 1px solid #000000;
    }

    .detailMain .carDetailPanel .topPanel {
        display: block;
        margin: 0 0 40px;
    }

    .detailMain .carDetailPanel .topPanel .slickSlide {
        width: 100%;
        margin: 0 0 30px;
    }

    .detailMain .carDetailPanel .topPanel .slideNav {
        display: block;
    }

    .detailMain .carDetailPanel .topPanel .slideNav .thumb-item-nav {
        width: 100%;
    }

    .detailMain .carDetailPanel .topPanel .slideNav .countBox {
        width: 100%;
        padding: 10px;
    }

    .detailMain .carDetailPanel .topPanel .topInfoBox {
        width: 100%;
    }

    .detailMain .carDetailPanel .topPanel .topInfoBox .status {
        font-size: 20px;
    }

    .detailMain .carDetailPanel .topPanel .topInfoBox .infoTable table th {
        width: 100px;
    }

    .detailMain .carDetailPanel .secBox + .secBox {
        margin: 40px 0 0;
    }

    .detailMain .carDetailPanel .secBox .ttl {
        margin: 0 0 20px;
    }

    .detailMain .carDetailPanel .secBox .ttl h3 {
        padding: 0 0 0 50px;
        font-size: 24px;
        width: 100%;
    }

    .detailMain .carDetailPanel .secBox .ttl h3:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 1px;
        margin: auto 0;
        background: #cdb190;
    }

    .detailMain .carDetailPanel .secBox .ttl p {
        padding: 0 20px;
        font-size: 16px;
    }

    .detailMain .carDetailPanel .secBox .videoBox {
        padding: 0 0 70%;
    }

    .detailMain .carDetailPanel .secBox .txtPanel {
        padding: 20px 10px;
    }
}

/*////////////////////////////////////////////////////////////
	concept
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .conceptMain .secBox .txtBox {
        padding: 30px 10px;
        text-align: center;
        /**/
    }

    .conceptMain .secBox .txtBox .ttl {
        margin: 0 0 20px;
    }

    .conceptMain .secBox .txtBox .ttl p {
        font-size: 16px;
    }

    .conceptMain .secBox .txtBox .ttl h2 {
        font-size: 30px;
    }

    .conceptMain .secBox .txtBox .txt {
        max-width: 500px;
        line-height: 2;
        margin: 0 auto;
        /**/
    }

    .conceptMain .secBox .txtBox .txt {
        text-align: left;
    }

    /**/
}

/*////////////////////////////////////////////////////////////
	service
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .serviceMain .servicePanel {
        margin: 40px 0 0;
        background: url(https://clasicajp.live/system_panel/uploads/images/service_logo.png) center bottom no-repeat;
        background-size: 300px auto;
        background-attachment: fixed;
    }

    .serviceMain .photoSection .txtBox {
        padding: 30px 10px;
    }

    .serviceMain .photoSection .ttl {
        font-size: 30px;
    }

    .serviceMain .sec01 {
        margin: 0 auto 50px;
        padding: 50px 0 50px;
    }

    .serviceMain .sec01:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background: #e4e2d9;
    }

    .serviceMain .sec01 .photoPanel {
        display: block;
        left: 0;
    }

    .serviceMain .sec01 .photo01 {
        width: 100%;
    }

    .serviceMain .sec01 .photo02 {
        position: relative;
        top: 0;
        width: 100%;
    }

    .serviceMain .sec01 .more {
        margin: 40px 0 0;
    }

    .serviceMain .multiPanel {
        margin: 80px 0 0;
    }

    .serviceMain .sec02 {
        margin: 0 0 80px;
    }

    .serviceMain .sec02 .photoPanel {
        position: relative;
        left: 0;
        display: block;
    }

    .serviceMain .sec02 .photo01 {
        width: 100%;
    }

    .serviceMain .sec02 .photo02 {
        position: relative;
        left: 0;
        width: 100%;
        min-height: 0;
        padding: 0;
    }

    .serviceMain .sec03 {
        margin: 0 auto;
        padding: 50px 0 60px;
    }

    .serviceMain .sec03 .photoPanel {
        position: relative;
        left: 0;
        display: block;
    }

    .serviceMain .sec03 .photo01 {
        top: 0;
        width: 100%;
    }

    .serviceMain .sec03 .photo02 {
        left: 0;
        width: 100%;
        min-height: 0;
        padding: 0;
    }

    .serviceMain .sec03 .txtBox {
        margin: 0 auto;
    }

    .serviceMain .sec04 {
        margin-top: 80px;
    }

    .serviceMain .sec04:before {
        /* content: ''; */
        /* position: absolute; */
        /* top: 40px; */
        /* left: 0; */
        /* width: 100%; */
        /* height: 300px; */
        /* z-index: -2; */
        /* background: #e4e2d9; */
    }

    .serviceMain .sec04 .photoPanel {
        top: 0;
        right: 0;
        display: block;
    }

    .serviceMain .sec04 .photo01 {
        width: 100%;
    }

    .serviceMain .sec04 .photo02 {
        /* left: 0; */
        width: 100%;
        /* min-height: 0; */
        /* padding: 0; */
    }

    .serviceMain .sec05 {
        padding: 60px 0;
        background: url(https://clasicajp.live/system_panel/uploads/images/service_sec05_bg.png) right 20px bottom 20px no-repeat;
        background-size: 300px auto;
    }

    .serviceMain .sec05 .secTtl {
        margin: 0 0 20px;
    }

    .serviceMain .sec05 .secTtl h2 {
        padding: 0 0 0 50px;
        font-size: 14px;
    }

    .serviceMain .sec05 .secTtl p {
        padding: 0 0 0 50px;
        font-size: 30px;
        width: 100%;
        /**/
    }

    .serviceMain .sec05 .secTtl p:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 1px;
        margin: auto 0;
        background: #cdb190;
    }

    .serviceMain .sec05 .dl {
        padding: 20px 0;
    }

    .serviceMain .sec05 .dl .dt .span {
        margin: 0 10px 0 0;
        font-size: 30px;
    }

    .serviceMain .sec05 .dl .dt .em {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .serviceMain .servicePanel {
        background: none;
    }

    .serviceMain .servicePanel:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        height: 100px;
        margin: auto;
        z-index: -1;
        background: url(https://clasicajp.live/system_panel/uploads/images/service_logo.png) no-repeat;
        background-size: 100% auto;
        display: none;
    }
}

/*////////////////////////////////////////////////////////////
	maintenance
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .maintenanceMain .kv .ttlBox {
        padding: 110px 0 0 20px;
    }

    .maintenanceMain .secBox {
        padding: 40px 0;
    }

    .maintenanceMain .secBox .ttlBox {
        margin: 0 0 20px;
    }

    .maintenanceMain .secBox .ttlBox .num {
        margin: 0 10px 0 0;
    }

    .maintenanceMain .secBox .ttlBox .num p {
        font-size: 40px;
    }

    .maintenanceMain .secBox .ttlBox .ttl p {
        font-size: 12px;
    }

    .maintenanceMain .secBox .ttlBox .ttl h2 {
        font-size: 24px;
    }

    .maintenanceMain .secBox .secKv {
        margin: 0 0 40px;
    }

    .maintenanceMain .secBox .txtBox h3 {
        font-size: 20px;
    }

    .maintenanceMain .secBox01 .introBox {
        margin: 0 0 30px;
    }

    .maintenanceMain .secBox01 .introBox .txtBox {
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }

    .maintenanceMain .secBox01 .introBox .photo {
        float: none;
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
    }

    .maintenanceMain .secBox01 .introList .li + .li {
        margin: 30px 0 0;
    }

    .maintenanceMain .secBox01 .introList .right {
        padding: 10px;
    }

    .maintenanceMain .secBox01 .introList .dl .dt {
        margin: 0 0 10px;
    }

    .maintenanceMain .secBox01 .introList .dl .dt p {
        font-size: 20px;
    }

    .maintenanceMain .secBox02 .introBox .txtBox {
        float: none;
        width: 100%;
    }

    .maintenanceMain .secBox02 .introBox .photo {
        float: none;
        width: 100%;
        margin: 0 auto 30px;
    }

    .maintenanceMain .sec03 {
        padding: 20px 0 60px;
    }

    .maintenanceMain .sec03 .ttl {
        margin: 0 0 40px;
    }

    .maintenanceMain .sec03 .ttl p {
        font-size: 14px;
    }

    .maintenanceMain .sec03 .ttl h2 {
        font-size: 30px;
    }

    .maintenanceMain .sec03 .workBox + .workBox {
        margin: 40px 0 0;
    }

    .maintenanceMain .sec03 .workBox h3 {
        padding: 0 0 0 10px;
        font-size: 20px;
        border-left: 5px solid #e8eaed;
    }

    .maintenanceMain .sec03 .workBox .ul {
        display: block;
    }

    .maintenanceMain .sec03 .workBox .ul .li {
        width: 100%;
    }

    .maintenanceMain .sec03 .workBox .ul .li + .li {
        margin: 60px 0 0;
    }

    .maintenanceMain .sec03 .workBox .ul .li + .li:before {
        content: '';
        position: absolute;
        top: -60px;
        left: 0;
        right: 0;
        bottom: auto;
        width: 34px;
        height: 40px;
        margin: 0 auto;
        background: url(https://clasicajp.live/system_panel/uploads/images/maintenance_sec03_arrow_02.png) no-repeat;
        background-size: 34px auto;
    }

    .maintenanceMain .sec03 .link {
        max-width: 400px;
        margin: 50px auto 0;
    }
}

/*////////////////////////////////////////////////////////////
	trade
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .tradeMain .sec01 {
        padding: 60px 0;
    }

    .tradeMain .sec01 h2 {
        margin: 0 0 30px;
        font-size: 30px;
    }

    .tradeMain .sec01 .txt p + p {
        margin: 20px 0 0;
    }

    .tradeMain .secTtl {
        margin: 0 0 40px;
    }

    .tradeMain .secTtl h2 {
        font-size: 14px;
    }

    .tradeMain .secTtl p {
        font-size: 30px;
    }

    .tradeMain .sec02 {
        padding: 60px 0;
        background: url(https://clasicajp.live/system_panel/uploads/images/trade_sec02_bg.png) right -100px top 100px no-repeat;
        background-size: 70% auto;
    }

    .tradeMain .sec02 .secBox + .secBox {
        margin: 40px 0 0;
    }

    .tradeMain .sec02 .secBox .txtBox {
        margin: 20px 0 0;
    }

    .tradeMain .sec02 .secBox .txtBox h3 {
        font-size: 20px;
    }

    .tradeMain .sec02 .secBox .txtBox p {
        max-width: 100%;
    }

    .tradeMain .subTtl {
        margin: 0 0 40px;
    }

    .tradeMain .subTtl .ttl {
        max-width: 340px;
    }

    .tradeMain .sec03 {
        padding: 40px 0 60px;
    }

    .tradeMain .sec03 .flowList {
        display: block;
    }

    .tradeMain .sec03 .flowList:before {
        display: none;
    }

    .tradeMain .sec03 .flowList .li {
        width: 100%;
    }

    .tradeMain .sec03 .flowList .dl {
        padding: 10px;
    }

    .tradeMain .sec03 .flowList .dl .dt .em {
        font-size: 20px;
    }

    .tradeMain .sec03 .flowList .dl .dt .span {
        font-size: 16px;
    }

    .tradeMain .sec04 {
        padding: 40px 0 60px;
    }

    .tradeMain .sec04 .lineSecBox {
        margin: 0 0 60px;
    }

    .tradeMain .sec04 .lineSecBox .topTxt {
        padding: 20px 0 40px;
    }

    .tradeMain .sec04 .lineSecBox .listBox .list + .list {
        margin: 40px 0 0;
    }

    .tradeMain .sec04 .lineSecBox .listBox .ttl {
        margin: 0 0 30px;
        font-size: 20px;
    }

    .tradeMain .sec04 .lineSecBox .listBox .entry {
        text-align: center;
    }

    .tradeMain .sec04 .lineSecBox .listBox .entry a {
        width: 150px;
        margin: 0 5px 0 0;
    }

    .tradeMain .sec04 .lineSecBox .listBox .entry .txt {
        font-size: 12px;
        max-width: 140px;
    }

    .tradeMain .sec04 .lineSecBox .listBox .entry .txt br {
        display: none;
    }

    .tradeMain .sec04 .lineSecBox .listBox .videoPanel {
        display: block;
    }

    .tradeMain .sec04 .lineSecBox .listBox .videoPanel .videoBox {
        display: block;
        width: 100%;
        padding: 0 0 60%;
    }

    .tradeMain .sec04 .lineSecBox .listBox .videoPanel .txt {
        display: block;
        padding: 10px 0 0;
    }

    .tradeMain .sec04 .lineSecBox .listBox .step {
        display: block;
        max-width: 300px;
        margin: 0 auto;
        padding: 0;
    }

    .tradeMain .sec04 .lineSecBox .listBox .step .img {
        width: 100%;
    }

    .tradeMain .sec04 .lineSecBox .listBox .step .img + .img {
        margin: 30px 0 0;
    }

    .tradeMain .sec04 .mailSecBox .topTxt {
        padding: 0 0 40px;
    }
}

/*////////////////////////////////////////////////////////////
	shop
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .shopMain .section {
        padding: 40px 0;
    }

    .shopMain .secTtl {
        margin: 0 0 40px;
    }

    .shopMain .secTtl h2 {
        font-size: 14px;
    }

    .shopMain .secTtl p {
        font-size: 30px;
    }

    .shopMain .sec01 .secBox + .secBox {
        margin: 40px 0 0;
    }

    .shopMain .sec01 .topBox {
        display: block;
    }

    .shopMain .sec01 .topBox .left {
        display: block;
        width: 100%;
        padding: 30px 10px;
    }

    .shopMain .sec01 .topBox .right {
        display: block;
        background: none;
    }

    .shopMain .sec01 .topBox .right .img {
        display: block;
    }

    .shopMain .sec01 .topBox .ttl .span {
        font-size: 14px;
    }

    .shopMain .sec01 .topBox .ttl .em {
        font-size: 30px;
    }

    .shopMain .sec01 .topBox h3 {
        font-size: 35px;
    }

    .shopMain .sec01 .topBox .dl .dt {
        margin: 0 5px 0 0;
    }

    .shopMain .sec01 .topBox .dl .dd {
        font-size: 40px;
    }

    .shopMain .sec01 .mes {
        font-size: 30px;
    }

    .shopMain .sec01 .cntBox .dl {
        display: block;
        width: 100%;
        border-left: 1px solid #5b5040;
    }

    .shopMain .sec01 .cntBox .dl .dt {
        display: block;
        width: 100%;
        font-size: 20px;
    }

    .shopMain .sec01 .cntBox .dl .dd {
        display: block;
        padding: 10px;
        font-size: 15px;
    }

    .shopMain .sec02 .secBox + .secBox {
        margin: 40px 0 0;
    }

    .shopMain .sec02 .box {
        padding: 0 0 40px;
    }

    .shopMain .sec02 .box + .box {
        padding: 40px 0;
    }

    .shopMain .sec02 .ttl {
        padding: 0 0 0 5px;
        border-left: 5px solid #e8eaed;
    }

    .shopMain .sec02 .ttl p {
        font-size: 12px;
    }

    .shopMain .sec02 .ttl h3 {
        font-size: 20px;
    }

    .shopMain .sec02 .list01 {
        display: block;
    }

    .shopMain .sec02 .list01 .li {
        width: 100%;
    }

    .shopMain .sec02 .list01 .li + .li {
        margin: 20px 0 0;
    }

    .shopMain .sec02 .list02 {
        display: block;
    }

    .shopMain .sec02 .list02 .li {
        width: 100%;
    }

    .shopMain .sec02 .list02 .li + .li {
        margin: 20px 0 0;
    }

    .shopMain .sec02 .photoCnt {
        display: block;
    }

    .shopMain .sec02 .photoCnt .right {
        width: 100%;
        margin: 0 0 20px;
    }

    .shopMain .sec02 .photoCnt .left {
        width: 100%;
    }

    .shopMain .sec03 .accessPanel {
        display: block;
        width: 100%;
    }

    .shopMain .sec03 .accessPanel > * {
        display: block;
        width: 100%;
    }

    .shopMain .sec03 .accessPanel .left {
        margin: 0 0 30px;
        text-align: center;
    }

    .shopMain .sec03 .accessPanel .left .img {
        display: block;
        margin: 0 auto;
    }

    .shopMain .sec03 .accessPanel .left .txt {
        padding: 0;
    }

    .shopMain .sec03 .accessPanel .right {
        padding: 0;
        text-align: center;
    }

    .shopMain .sec03 .accessPanel .right .img {
        margin: 0 auto;
    }

    .shopMain .sec03 .accessPanel .mapBox {
        padding: 0 0 70%;
    }

    .shopMain .sec04 {
        padding: 60px 0;
    }

    .shopMain .sec04 .infoBox .dl {
        font-size: 14px;
    }

    .shopMain .sec04 .infoBox .dl .dt {
        width: 100px;
        padding: 0 10px;
    }

    .shopMain .sec04 .infoBox .dl .dd {
        padding: 0 10px;
    }
}

/*////////////////////////////////////////////////////////////
	contact
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .contactMain .topLink {
        padding: 40px 0;
    }

    .contactMain .topLink .ul {
        display: block;
        max-width: 300px;
        margin: 0 auto;
    }

    .contactMain .topLink .ul .li {
        float: none;
        width: 100%;
    }

    .contactMain .topLink .ul .li + .li {
        float: none;
        margin: 20px 0 0;
    }

    .contactMain .topLink .ul a, .contactMain .topLink .ul .link {
        padding: 15px 10px;
    }

    .contactMain .topLink .ul a:before, .contactMain .topLink .ul .link:before {
        content: '';
        display: block;
        transform: rotate(-40deg);
        position: absolute;
        bottom: -30px;
        right: -400px;
        width: 1600px;
        height: 600px;
        background: #000000;
        transition: 0.6s;
    }

    .contactMain .topLink .ul .em {
        font-size: 20px;
    }

    .contactMain .topLink .ul img {
        width: 150px;
    }

    .contactMain .secTtl h2 {
        font-size: 14px;
    }

    .contactMain .secTtl p {
        font-size: 30px;
    }

    .contactMain .sec01 {
        padding: 40px 0;
    }

    .contactMain .sec01 .qListBox .dl {
        padding: 10px;
    }

    .contactMain .sec01 .qListBox .dl + .dl {
        margin: 20px 0 0;
    }

    .contactMain .sec01 .qListBox .dl .dt {
        padding: 0 30px 0 0;
        background: url(https://clasicajp.live/system_panel/uploads/images/icon_plus.png) right center no-repeat;
        background-size: 20px auto;
    }

    .contactMain .sec01 .qListBox .dl .dt.active {
        background: url(https://clasicajp.live/system_panel/uploads/images/icon_minus.png) right center no-repeat;
        background-size: 20px auto;
    }

    .contactMain .sec01 .qListBox .dl .dt .em {
        font-size: 18px;
    }

    .contactMain .sec01 .qListBox .dl .qBox {
        width: 50px;
    }

    .contactMain .sec01 .qListBox .dl .span {
        width: 35px;
        padding: 5px;
        font-size: 20px;
    }

    .contactMain .sec01 .qListBox .dl .txt {
        min-height: 0;
        padding: 0 30px 0 0;
        font-size: 15px;
    }

    .contactMain .sec02 {
        padding: 40px 0 60px;
    }
}

/*////////////////////////////////////////////////////////////
	form
///////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {
    .contactForm .formBox > .dl, .contactForm .multiBox > .dl {
        display: block;
        padding: 15px 0;
    }

    .contactForm .formBox > .dl > .dt, .contactForm .multiBox > .dl > .dt {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: left;
    }

    .contactForm .formBox > .dl > .dt .em, .contactForm .multiBox > .dl > .dt .em {
        font-size: 12px;
    }

    .contactForm .formBox > .dl .dd, .contactForm .multiBox > .dl .dd {
        display: block;
        padding: 5px 0;
    }

    .contactForm .uploadPanel {
        display: block;
    }

    .contactForm .uploadArea {
        display: block;
        width: 100%;
    }

    .contactForm .uploadIntroBox {
        display: block;
        margin: 20px 0 0;
    }

    .contactForm .multiPanel {
        display: block;
    }

    .contactForm .multiPanel .multiBox {
        width: 100%;
    }

    .contactForm .multiPanel .multiBox + .multiBox {
        margin: 20px 0 0;
    }

    .contactForm .multiPanel .multiBox > .dl > .dt + .dl > .dt {
        width: 100%;
    }

    .contactForm .multiPanel .multiTtl:after {
        width: calc(100% - 90px);
    }

    .contactForm .multiPanel .multiTtl p {
        width: 80px;
        padding: 0;
        font-size: 16px;
    }

    .contactForm .privacy .agreeBox {
        height: 250px;
        padding: 20px 10px;
    }
}

/*////////////////////////////////////////////////////////////
修正
///////////////////////////////////////////////////////////*/
@media screen and (max-width: 680px) {
    /*////スマホ////*/ .more {
        margin: 0 auto;
    }

    .topMain .attachBox01 {
        background: url(https://clasicajp.live/system_panel/uploads/images/top_attach_bg_01_sp.png) center no-repeat;
        background-attachment: fixed;
    }

    .footer .footContact .ttl + p {
        text-align: left;
    }

    .serviceMain .sec01 .more {
        margin: 0 auto;
    }

    .conceptMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/concept_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .kv .ttlBox h1 {
        font-size: 22px;
    }

    .conceptMain .secBox .txtBox .ttl h2 {
        font-size: 21px;
    }

    .conceptMain .secBox .photoBox .photo {
        margin: 10px 0;
    }

    .carlistMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/blog_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .searchMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/search_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .detailMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/detail_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .shopMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/shop_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .shopMain .sec04 .infoBox .dl .dt {
        width: 83px;
        padding: 0 5px;
    }

    .shopMain .sec04 .infoBox .dl {
        padding: 5px;
    }

    .shopMain .sec04 .infoBox .dl .dd {
        padding: 0 5px;
    }

    .maintenanceMain .kv:before {
        background: url(https://clasicajp.live/system_panel/uploads/images/maintenance_kv_sp.png) right center no-repeat;
        background-size: cover;
    }

    .tradeMain .sec01 h2 {
        font-size: 25px;
    }

    .tradeMain .sec01 .txt {
        text-align: left;
    }

    .tradeMain .sec04 .lineSecBox .listBox .mes,.tradeMain .sec04 .mailSecBox .topTxt {
        text-align: left;
    }

    .contactMain .secTtl + p {
        text-align: left;
    }

    .contactMain .secTtl + p br {
        display: none;
    }
}

@media(min-width: 681px) {
    .maintenanceMain .secBox .txtBox h3 br {
        display: none;
    }

    .footer .footBox .inner .right .copy br {
        display: none;
    }
}