@charset "UTF-8";

.contents h2 {
	font-family: 'Oswald', sans-serif;
	font-size:3.6rem;
	font-weight:500;
	line-height:1;
	text-align:center;
	margin-bottom:1.5em;
}
.contents h2 span {
    display:block;
	/*font-family: "Noto Sans JP",sans-serif;*/
   font-family: 'Noto Serif JP', serif;
    font-size:1.4rem;
    font-weight:600;
	color:#de1557;
	line-height:1;
	padding-top:1em;
}

/****/
#main header h1 {
	background-color:#FFFFFF;
	padding:min(10vw,200px) 0;
}
#main header h1 img {
	width:100%;
	max-width:1400px;
	display:block;
	margin:0 auto;
}
#main .wcc {
}
#main .wcc img {
	width:100%;
	max-width:1920px;
	display:block;
	margin:0 auto;
}

#mainimg {
	overflow:hidden;
	position:relative;
}
#mainimg .swiper-slide {
	max-width:1200px;
}
#mainimg .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #cccccc;
    opacity: 1;
}
#mainimg .swiper-pagination-bullet-active {
	background:#de1557;
}
#mainimg .swiper-button-next::after,
#mainimg .swiper-button-prev::after {
	content:none;
}
#mainimg .swiper-button-next,
#mainimg .swiper-button-prev {
	color:#de1557;
	font-size:5.0rem;
	background:none;
}

/**news**/
#news .wrap {
	padding-top:90px;
}
#news .contents {
	max-width:760px;
}
#news .contents dl {
	font-size:1.6rem;
	line-height:1.5;
	margin-bottom:1em;
}
#news .contents dd.date {
	width:5.5em;
}
#news .contents dd.cat {
	width:5em;
}
#news .contents dd.cat span {
	font-size:1.2rem;
	display:inline-block;
	text-align:center;
	padding:0 1em;
	background:#efefef;
	line-height:1.8;
}
#news .contents dd.cat.news span {
	color:#de1557;
}
#news .contents dd.cat.event span {
	color:#ff6600;
}
#news .contents dt {
	width:calc(100% - 10.5em);
}
#news .contents dl:last-child {
    margin-bottom:45px;
}
#news a.more {
    margin:0 auto;
}

/**brand**/
#brand a.more {
    margin:0 auto;
}

.brandslist {
	margin-top:60px;
}
.brandslist li {
	width:calc(100%/5 - 20px);
	margin: 0 10px 20px;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #cccccc;
	background:#EFEFEF;
}
.brandslist li a {
	display:block;
	transition:.3s;
}
.brandslist li a:hover {
	opacity:.66;
}
.brandslist li h3 {
	box-sizing:border-box;
	padding:1em 0;
	margin:0;
	font-size:1.4rem;
	border:none;
	line-height:1.3;
}
/**pickup**/
#pickup {
	display:none;
}
#pickup .contents {
}
#pickup .pickup-container {
	overflow:hidden;
	position:relative;
}
#pickup .img {
	width:50%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#pickup .img::after {
	content:'';
	display:block;
	padding-top:100%;
}
#pickup .detail {
	width:calc(50% - 45px);
	box-sizing:border-box;
	padding-bottom:30px;
	position:relative;
}
#pickup .contents .detail h3 {
	font-size:1.8rem;
	margin-bottom:1em;
}
#main #pickup .contents .detail p {
	font-size:1.4rem;
}
#pickup .detail a.more {
	position:absolute;
	right:0;
	bottom:0;
}
#pickup .swiper-pagination2 {
	text-align:center;
	padding-top:20px;
}
#pickup .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #cccccc;
    opacity: 1;
}
#pickup .swiper-pagination-bullet-active {
	background:#de1557;
}

/**products**/
#products {
	display:none;
}
#products .contents {
	max-width:900px;
}
#products .contents ul {
	width:100%;
    margin-bottom:45px;
}
#products .contents li {
	width:calc(25% - 60px);
}
#products .contents li .img {
	margin-bottom:10px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#products .contents li .img::after {
	content:'';
	display:block;
	padding-top:100%;
}
#products .contents h3 {
	font-size:1.5rem;
	font-weight:400;
	text-align:center;
}
#products a.more {
    margin:0 auto;
}

/**service**/
#service .wrap {
	padding-bottom:90px;
} 
#main #service .contents dl {
	text-align:center;
	max-width:800px;
	margin:0 auto;
}
#main #service .contents dt {
	font-size:1.6rem;
	font-weight:500;
	line-height:1;
	margin-bottom:.5em;
	box-sizing:border-box;
	padding:.5em 1em;
	background:#efefef;
}
#main #service .contents dd {
	line-height:1.5;
	margin-bottom:1.5em;
}

@media screen and (max-width:1024px){

.brandslist li {
	width:calc(100%/4 - 20px);
}
	
}

@media screen and (max-width: 768px){

}

@media screen and (max-width:640px){

#main header h1 {
	background-color:#FFFFFF;
	padding:20px;
}
.contents h2 {
	font-size:8vw;
}
.contents h2 span {
    font-size:4vw;
}

/****/
#mainimg .swiper-button-next,
#mainimg .swiper-button-prev {
	font-size:3.0rem;
}


.brandslist {
	justify-content:center!important;
}
.brandslist li {
	width:calc(100%/2 - 10px);
	margin: 0 5px 10px;
	max-width:240px;
}

/**news**/
#news .wrap {
	padding-top:60px;
}
#news .contents dl {
	font-size:4vw;
	margin-bottom:1.5em;
}
#news .contents dd.date {
	width:5.5em;
}
#news .contents dd.cat {
	width:calc(100% - 6em);
}
#news .contents dd.cat span {
	font-size:3.6vw;
}
#news .contents dd.cat.news span {
	color:#de1557;
}
#news .contents dt {
	width:100%;
	padding-top:.5em;
}
#news .contents dl:last-child {
    margin-bottom:30px;
}

/**pickup**/
#pickup .img {
	width:100%;
	margin-bottom:3vw
}
#pickup .detail {
	width:100%;
	padding-bottom:20px;
}
#pickup .contents .detail h3 {
	font-size:5vw;
	margin-bottom:1em;
}
#main #pickup .contents .detail p {
	font-size:4vw;
}

/**products**/
#products .contents ul {
    margin-bottom:3vw;
}
#products .contents li {
	width:calc(50% - 10px);
	margin-bottom:5vw;
}
#products .contents li .img {
	margin-bottom:5px;
}
#products .contents h3 {
	font-size:4vw;
	text-align:left;
}
#products a.more {
    margin:0 auto;
}

/**service**/
#service .wrap {
	padding-bottom:60px;
}
#main #service .contents dt {
	font-size:4.5vw;
}
#main #service .contents dd {
	font-size:4vw;
}

}
	
@media screen and (max-width:480px){
}
	
@media screen and (max-width:360px){

}