@charset "utf-8";
/* CSS Document */

img{
	vertical-align:top;
}

ol,ul{
	list-style: none;
}

.a{
	display: block;
}

.contents{
	font-family:'Roboto','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro';
	letter-spacing: 0.05em;
	color: #4d4c4d;
	font-size: 1.6rem;
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
}

.pcimg{
	display: block !important;
}

.spimg{
	display: none !important;
}

@media only screen and (max-width: 768px){
	.pcimg{
		display: none !important;
		}

	.spimg{
		display: block !important;
		}
}



.gazo{
	text-align: center;
	padding-top: 3%;
	padding-bottom: 5%;
}


.gazo img{
	width: 800px;
}

@media only screen and (max-width: 768px){.gazo img{
	width: 100%;
}
}

/*ここまでメイン画像*/	

.top_text p{
	margin: 0 auto;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	margin-bottom: 2%;
}
@media only screen and (max-width: 768px){
.top_text p{
	font-size: 13px;
	margin-bottom: 5%;
}
}

/* ブランド */
.item-block{
    display: flex;
    flex-wrap:wrap;
}
.a-item {
    display: inline-block;
    width: 50%;
    padding: 12px;
	line-height: 23px;
	font-size: 14px;
}
@media only screen and (max-width: 768px){
.a-item {
	font-size: 13px;
}
}
.a-item img{
	margin-bottom: 8%;
    width: 100%;
}
.item-title{
	font-size: 18px;
	font-weight: bold;
		margin-bottom: 5%;
}
@media only screen and (max-width: 768px){	
.item-title{
	font-size: 16px;
	
}
}

.title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8%;
}
@media only screen and (max-width: 768px){	
.title {
	font-size: 16px;
}
}

/* マウスがリンクに触れたら不透明になる */
.a{
    transition: 1.0s;
}
.a:hover{
	opacity: 0.3;
}
.a img{
    transition: 1.0s;
}
.a img:hover{
	opacity: 0.3;
}