@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300&display=swap');
@font-face {
	font-family: 'SourceHanSansJP-Regular';
	src: url('../font/SourceHanSansJP-Regular.woff') format('woff');
}
/* product
------------------------------------------------------ */
.product{
    max-width: 800px;
    margin-top: 160px;
}
.product-wrap{margin-bottom: 40px;}
.product-name-wrap{
    display: flex;
    margin-bottom: 20px;
}
.product-price-wrap{
    display: flex;
    margin-bottom: 20px;
}
.product-model{
    margin-left: 20px;
}
.product-price{
    font-size: 2.8rem;
    margin-left: 20px;
}
.product h3{
    font-size: 2rem;
    text-align: left;
    border-left: 5px solid #1E3C43;
    padding-left: 10px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.product-table{
    width: 100%;
}
.product-table tr:last-child th,.product-table tr:last-child td{
    border-bottom: none;
}
.product-table th{
    background: #1E3C43;
    color: #fff;
    border-bottom: 1px solid #F5F5F3;
}
.product-table td{
    background: #F5F5F3;
    border-bottom: 1px solid #707070;
}
.product-table th,.product-table td{
    padding: 10px 0;
    text-align: center;
    width: 25%;
}
.guideline-btn {
	background: #938038;
	border: 1px solid #938038;
}
/*== 背景が流れる（斜め） */
.bgskew.guideline-btn::before {
	background: #fff;
}
.bgskew.guideline-btn small {
	color: #fff;
	font-size: 1.2rem;
	border: 1px solid #fff;
	padding: 2px 4px;
}
.guideline-btn:hover span {
	color: #938038;
}
.remarks-box{
    background: #F5F5F3;
    padding: 20px 0;
}
.remarks-box p{
    width: 90%;
    margin: 0 auto;
}
.product h4{
    font-size: 2.4rem;
    margin-bottom: 10px;
    margin-top: 40px;
}
.gallery-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.line-bnr {
    width: 90%;
    max-width: 600px;
    margin: 40px auto 0;
    display: block;
}
/*PC Layout
===================================*/
@media all and (min-width: 769px) {
    .product-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .product-item,.product-content{
        width: 48%;
    }
    .gallery-item{
        width: 23%;
        margin-bottom: 10px;
    }
}

/*SP Layout
===================================*/
@media all and (max-width: 768px) {
    .gallery-item{
        width: 48%;
        margin-bottom: 10px;
    }
    .product{
        margin-top: 80px;
    }
    .product-item {
    margin-bottom: 20px;
}
    .product h4{
        font-size: 2rem;
    }
    
}