@charset "UTF-8";

#PersonalColor_201119 img{
	width: 100%;
}

#PersonalColor_201119 {
  /* =============== 全体 ================================ */
  font-family: "Hiragino Sans",Noto Sans JP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
  color: #1a1a1a;
  /* ============= コンテンツ共通 ====================== */
  /* ============= 背景表示ありのブロック共通 ====================== */
}

#PersonalColor_201119 .arboria{
	font-family: arboria,sans-serif;
    font-weight: 400;
    font-style: normal;
}

#PersonalColor_201119 .pc_only{
	display: none;
}

#PersonalColor_201119 .index_area{
}

#PersonalColor_201119 .ttl{
	font-size: calc(42*(100vw/750));
	letter-spacing: 0.2em;
	position: relative;
	margin-bottom: calc(90*(100vw/750));
	text-align: center;
}

#PersonalColor_201119 .ttl::after{
	content: "";
    width: calc(388*(100vw/750));
    height: calc(25*(100vw/750));
    position: absolute;
    bottom: calc(4*(100vw/750));
    left: 50%;
    transform: translateX(-50%);
    background-color: #f7e6d5;
    z-index: -2;
}

#PersonalColor_201119 .goods_list{
	display : -webkit-box;    /* old Android */
	display : -webkit-flex;   /* Safari etc. */
	display : -ms-flexbox;    /* IE10        */
	display : flex;
	
	-webkit-flex-wrap: wrap;  /* Safari etc. */
	-ms-flex-wrap    : wrap;  /* IE10        */
	flex-wrap        : wrap;
	
	width: calc(640*(100vw/750));
	margin: 0 auto;
	justify-content: space-between;
}

#PersonalColor_201119 .goods_list li{
	margin-bottom: calc(96*(100vw/750));
}

#PersonalColor_201119 .goods_list li .goods_img{
	width: calc(300*(100vw/750));
}

#PersonalColor_201119 .goods_list li .credit{
	text-align: center;
	font-size: calc(20*(100vw/750));
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-top: calc(24*(100vw/750));
}