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

/* リセット */
img{
	vertical-align:top;
}

ol,ul{
	list-style: none;
}

.a{
	display: block;
}

/* メインビジュ */


.pcimg{
	display: block !important;
}

.spimg{
	display: none !important;
}

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

	.spimg{
		display: block !important;
		}
}

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

.main_visual img{
	width: 800px;
}

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

/* マウスがリンクに触れたら不透明になる */

.a{
    transition: 1.0s;
}

.a:hover{
	opacity: 0.3;
}


.a img{
    transition: 1.0s;
}

.a img:hover{
	opacity: 0.3;
}


/* メインコンテンツ */

.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;
}


/* メインテキスト */

.top_text p{
	margin: 0 auto;
	text-align: center;
	line-height: 23px;
	font-size: 14px;
	margin-bottom: 2%;
}

@media only screen and (max-width: 768px){
.top_text p{
	font-size: 13px;
	margin-bottom: 5%;
}
}

/* サブテキスト */

.sabu_text p{
	margin: 0 auto;
	width: 100%;
	line-height: 23px;
	font-size: 14px;
	margin-bottom: 2%;
}

@media only screen and (max-width: 768px){
.sabu_text p{
	margin: 0 auto;
	width: 100%;
	line-height: 23px;
	font-size: 14px;	
}
}

/* ブランド */

.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;
	font-weight: bold;
		margin-bottom: 5%;
}
	}

/* クーポン取得 */

.title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8%;
}


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

	font-size: 16px;
}
}