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

/*ページトップ*/
.topIcon {
  display       : inline-block;
  position      : fixed;       /* ボタン固定 */
  bottom        : 20px;        /* 下から位置 */
  right         : 20px;        /* 右から位置 */
  padding       : 23px 20px 17px;   /* 余白       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  z-index       : 9999;         /* 重ね順位   */
}

.arrow_blue{
	background: #3ba2ad;
}

.arrow_orange{
	background: #ca752c;
}

.main{
	width: 1000px;
	margin: 0 auto 3%;
}


.contents{
	width: 920px;
	margin: 0 auto 2%;
}

.contents .tab{
	width: 100%;
}

.contents .tab ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contents .shop{
	width: 920px;
	margin: 0 auto;
	padding: 3% 0 0;
	text-align: center;
}

.contents .shop img{
	margin-bottom: 3%;
}

.contents .shop img.nomargin{
	margin-bottom: 0;
}

.attention{
	width: 920px;
	margin: 0 auto 2%;
	font-size: 14px;
		
	}

.logo{
	width: 920px;
	margin: 0 auto 5%;
	text-align: center;
}

.bg_blue{
	background: #d4eaec;
}

.bg_orange{
	background: #f3dfc3;
}

@media screen and (max-width: 560px) {
.main{
	width: 100%;
	margin: 0 auto 5%;
}

.main img{
	width: 100%;
}


.contents{
	width: 95%;
	margin: 0 auto 2%;
}

.contents .tab{
	width: 100%;
}

.contents .tab ul{
	width: 100%;
}

.contents .tab ul li{
	width: 24%;
}

.contents .tab ul li img{
	width: 100%;
}

.contents .shop{
	width: 100%;
	padding: 4% 0 0;
}

.contents .shop img{
	width: 90%;
	margin-bottom: 4%;
}
	
.attention{
	width: 95%;
	margin: 0 auto 4%;
	font-size: 12px;
		
	}
.logo{
	width: 95%;
	margin: 0 auto 5%;
}
	
.logo img{
		width: 60%;
	}

}