@charset "utf-8";



/* lineup */

/* ==========================================================================//
//
//　上書き
//
// ========================================================================== */

.lineup .l-header .l-header__box .gnav .gmenu p.b-lineup a  { background-color: #b3b3b3; }


@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1024px) {
.lineup .l-header .l-header__box .gnav .gmenu p.b-lineup a  { background-color: transparent; }
.lineup .l-header .l-header__box .gnav .gmenu p.b-lineup  	 { color: #1C85A8; }


}



/* ==========================================================================//
//
//　lineup
//
// ========================================================================== */


.lineup-wrap											{ overflow: hidden; padding: 5rem 0; border-top: #c8c8c8 1px solid;}
.lineup-wrap:first-child								{ padding-top: 0; border-top: none;}
.lineup-wrap .cat										{ margin-bottom: 3rem; font-size: 1.6rem; font-weight: bold;}
.lineup-wrap .cat:before								{ content: "/"; padding-right: 0.5rem; color: #1c85a8;}
.lineup-wrap .lineup-box								{}
.lineup-wrap .lineup-box .box							{ position: relative; margin-top: 4rem; text-align: center;}
.lineup-wrap .lineup-box .box:first-child				{ margin-top: 0;}
.lineup-wrap .lineup-box .box .memo						{ position: absolute; top: 0; right: 0; letter-spacing: 0.1rem; text-align: right;}
.lineup-wrap .lineup-box .box .memo p					{ position: relative; display: inline-block; margin: 0 0 0.5rem 0.5rem; padding: 0.3rem 0.8rem; background: rgb(28, 133, 168,0.2); font-size: 1.2rem; text-align: right; }
/*.lineup-wrap .lineup-box .box .memo p:before			{ position: absolute; bottom: -0.8rem; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0.8rem 0.5rem 0 0.5rem; border-color: #1a1a1a transparent transparent transparent; }*/
.lineup-wrap .lineup-box .box .new:after				{
    content: "NEW!";
    color: #fff;
    background-color: #ff0000;
    padding: 14px 6px;
    border-radius: 40px;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(19deg);
    font-size: 10px;
    font-weight: bold;
}
.lineup-wrap .lineup-box .box .name						{ margin-top: 1.5rem; font-size: 1.6rem; font-weight: bold; min-height: 64px;}
.lineup-wrap .lineup-box .box .name+p					{ margin-top: 0.5rem; font-weight: bold; font-size: 1.2rem;}
.lineup-wrap .lineup-box .box .price					{ display: inline-block; margin: 0.5rem auto 0; }
.lineup-wrap .lineup-box .box .price p					{ font-weight: bold; }
.lineup-wrap .lineup-box .box .price .note				{ font-weight: normal; font-size: 1rem; text-align: right;}
.lineup-wrap .lineup-box .box .price span				{ font-size: 1rem; font-weight: bold;}
.lineup-wrap .lineup-box .box .link-btn.first			{ margin-top: 1.5rem;}
.lineup-wrap .lineup-box .box .link-btn					{ margin-top: 0.5rem;}
.lineup-wrap .lineup-box .box .link-btn a				{ display: block; padding: 1.1rem; font-weight: bold; background: #4d4d4d url(../../asset/images/common/ar_right_02.png) no-repeat left 96% center; background-size: 1.4rem; color: #fff;}
.lineup-wrap .lineup-box .box .link-btn.on a			{ background-color: #1a1a1a;}
.lineup-wrap .lineup-box .box .link-btn.no				{ position: relative;}
.lineup-wrap .lineup-box .box .link-btn.no::before		{ position: absolute; top: 0; left: 0; content: "Coming soon"; display: block; width: 100%; height: 100%; padding: 1.2rem; box-sizing: border-box; background: rgba(255,255,255,0.8)}


.lineup-wrap .lineup-box .box.cruiser .price p			{ text-align: left; }
.lineup-wrap .lineup-box .box.cruiser .price .note		{ text-align: right;}


@media print, screen and (min-width: 768px) {
.lineup-wrap .lineup-box								{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 -2rem;}
.lineup-wrap .cat										{ font-size: 1.8rem; }
.lineup-wrap .lineup-box .box							{ width: calc(40% - 4.1rem); margin: 0 2rem; }
.lineup-wrap .lineup-box .box:nth-child(n+3)			{ margin-top: 4rem; }
.lineup-wrap .lineup-box .box .link-btn a				{ font-size: 1.4rem;}


.lineup-wrap .lineup-box .box.trike .price				{ height: 6.8rem; }
.lineup-wrap .lineup-box .box.cruiser .price			{ height: 6.8rem; }


}
@media print, screen and (min-width: 1024px) {
.lineup-wrap											{ padding: 10rem 0; }
.lineup-wrap .cat										{ margin-bottom: 4rem; font-size: 2rem; }
.lineup-wrap .lineup-box								{ }
.lineup-wrap .lineup-box .box							{ width: calc(33.33% - 4.1rem);  }
.lineup-wrap .lineup-box .box:nth-child(n+3)			{ margin-top: 0; }
.lineup-wrap .lineup-box .box:nth-child(n+4)			{ margin-top: 9rem; }
.lineup-wrap .lineup-box .box .name						{ margin-top: 1.5rem; font-size: 2rem; }
.lineup-wrap .lineup-box .box .name+p					{ margin-top: 0; }

.lineup-wrap .lineup-box .box.classic .price			{ height: 6.8rem; }

}
@media print, screen and (min-width: 1200px) {
.lineup-wrap .lineup-box								{ margin: 0 -5rem;}
.lineup-wrap .lineup-box .box							{ width: calc(33.33% - 10.1rem); margin: 0 5rem; }


}