@charset "UTF-8";

:root {
	--g-color-red: #F03737;
	--g-color-bg:  #F8F8F8;
	--g-color-btn: #333333;
	
	--g-transition: 0.3s;
}

/*-----------------------------------------
  スーツケース Ver.2
-----------------------------------------*/
.rsuitcase-ver2 { overflow: hidden;}
.rsuitcase-ver2 * { letter-spacing: 0.04em; box-sizing: border-box;}
.rsuitcase-ver2 a { text-decoration: none;}
.rsuitcase-ver2 h1,
.rsuitcase-ver2 h2,
.rsuitcase-ver2 h3 { padding: 0; margin: 0;}

.rsuitcase-ver2 .genre-block-title { padding: 0; margin: 0 0 40px; border: none; font-size: 20px; font-weight: 700; text-align: center;}
.rsuitcase-ver2 .genre-block-title span { margin: 5px 0 0; font-size: 16px; font-weight: 700; text-align: center; color: var(--g-color-red); display: block;}

@media only screen and (min-width: 750px) { 
	.rsuitcase-ver2 .for-sp { display: none !important;}
  .rsuitcase-ver2 { width: 900px; margin: 0 auto;}
}
@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 .for-pc { display: none !important;}
  .rsuitcase-ver2 { width: 100%; padding: 0;}
	.rsuitcase-ver2 .genre-block-title { margin: 0 0 30px; font-size: 18px;}
	.rsuitcase-ver2 .genre-block-title span { font-size: 14px;}
}

/*-----------------------------------------
 見出し / ナビ
-----------------------------------------*/
.rsuitcase-ver2 #sec_head { margin: 0 0 35px; display: flex; justify-content: space-between; align-items: center;}
.rsuitcase-ver2 #sec_head .genre-title { border: none; font-size: 26px; font-weight: 700;}
.rsuitcase-ver2 #sec_head .suitcase-nav { display: flex; justify-content: flex-end; align-items: center; column-gap: 14px;}
.rsuitcase-ver2 #sec_head .suitcase-nav li a {
  height: 38px;
  padding: 0 20px 0 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.26;
  display: flex;
  align-items: center;
  position: relative;
}
.rsuitcase-ver2 #sec_head .suitcase-nav li a::after {
  content: '';
  width: 9px;
  height: 9px;
  border-right: var(--g-color-red) 2px solid;
  border-top: var(--g-color-red) 2px solid;
  position: absolute;
  top: calc(50% - 6px);
  right: 4px;
  transform: rotate(135deg);
}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_head { margin: 0 20px 25px; display: block;}
	.rsuitcase-ver2 #sec_head .genre-title { margin: 0 0 20px; text-align: center;}
	.rsuitcase-ver2 #sec_head .suitcase-navi-box { margin: 0 -20px 0 0; overflow: hidden;}
	.rsuitcase-ver2 #sec_head .suitcase-nav { width: 100%; padding: 0 0 10px; justify-content: flex-start; flex-wrap: nowrap; column-gap: 0; overflow-x: scroll;}
	.rsuitcase-ver2 #sec_head .suitcase-nav li { word-break: keep-all; position: relative;}
	.rsuitcase-ver2 #sec_head .suitcase-nav li a { height: 24px; padding: 0 20px 0 0; font-size: 12px; font-weight: 400; word-break: keep-all;}
	.rsuitcase-ver2 #sec_head .suitcase-nav li + li::after { content: ''; height: 12px; border-left: #EBEBEB 1px solid; display: block; position: absolute; top: calc(50% - 6px); left: 0;}
	.rsuitcase-ver2 #sec_head .suitcase-nav li + li a { padding-left: 12px;}
	.rsuitcase-ver2 #sec_head .suitcase-nav li a::after { width: 6px; height: 6px; border-right: var(--g-color-red) 1px solid; border-top: var(--g-color-red) 1px solid; top: calc(50% - 4px); right: 8px;}
}

/*-----------------------------------------
 容量で選ぶ
-----------------------------------------*/
.rsuitcase-ver2 #sec_size { padding: 50px 80px; margin: 0 0 50px; background: var(--g-color-bg);}
.rsuitcase-ver2 #sec_size .size-list { display: flex; flex-wrap: wrap; column-gap: 30px;}
.rsuitcase-ver2 #sec_size .size-list li { width: calc((100% - 30px * 2)/3); min-height: 48px; margin: 0 0 14px; align-self: stretch;}
.rsuitcase-ver2 #sec_size .size-list li a {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border: #FFF 1px solid;
  border-radius: 4px;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
	transition: var(--g-transition);
}
.rsuitcase-ver2 #sec_size .size-list li a:hover { border: var(--g-color-red) 1px solid;}
.rsuitcase-ver2 #sec_size .size-list li a dl { display: flex; justify-content: center; align-items: center; column-gap: 10px;}
.rsuitcase-ver2 #sec_size .size-list li a dt { font-size: 20px; font-weight: 700;}
.rsuitcase-ver2 #sec_size .size-list li a dd { font-size: 13px; font-weight: 500;}
.rsuitcase-ver2 #sec_size .size-pop-button   { width: 260px; margin: calc(40px - 14px) auto 0;}
.rsuitcase-ver2 #sec_size .size-pop-button a {
  width: 100%;
  height: 67px;
	border: var(--g-color-btn) 2px solid;
	border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
	text-decoration: none;
  color: #FFF;
  display: flex;
	justify-content: center;
	align-items: center;
  background: var(--g-color-btn);
	transition: var(--g-transition);
}
.rsuitcase-ver2 #sec_size .size-pop-button a:hover { color: var(--g-color-btn); background: #FFF;}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_size { padding: 35px 40px; margin: 0 0 35px;}
	.rsuitcase-ver2 #sec_size .size-list { gap: 20px;}
	.rsuitcase-ver2 #sec_size .size-list li { width: calc(50% - 10px); margin: 0;}
	.rsuitcase-ver2 #sec_size .size-list li a { padding: 0;}
	.rsuitcase-ver2 #sec_size .size-list li a dl { column-gap: 5px;}
	.rsuitcase-ver2 #sec_size .size-list li a dt { font-size: 18px; word-break: keep-all;}
	.rsuitcase-ver2 #sec_size .size-list li a dd { font-size: 12px; word-break: keep-all;}
	.rsuitcase-ver2 #sec_size .size-pop-button   { width: 100%; margin: 40px auto 0;}
	.rsuitcase-ver2 #sec_size .size-pop-button a { height: 48px; font-size: 16px;}
}

/*-----------------------------------------
 機能で選ぶ
-----------------------------------------*/
.rsuitcase-ver2 #sec_function { padding: 0; margin: 0 0 50px;}
.rsuitcase-ver2 #sec_function .function-description-wrap { position: relative;}
.rsuitcase-ver2 #sec_function .function-description { position: absolute; top: calc(-40px - 1em); right: 0;}
.rsuitcase-ver2 #sec_function .function-description span {
  width: fit-content;
  padding-left: 22px;
  margin: 0 0 0 auto;
  font-size: 13px;
	font-weight: 500;
  text-decoration: underline;
  color: #999999;
  display: block;
  background: url(/img/genre/rsuitcase/icon_questionmark.png) no-repeat left center / 15px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.rsuitcase-ver2 #sec_function .function-description-box {
  width: 436px;
  height: 473px;
  padding: 40px;
  display: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgb(0, 0, 0, 0.16);
  overflow-y: scroll;
  position: relative;
  z-index: 11;
}
.rsuitcase-ver2 #sec_function .function-description-box-bg.is-show { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10;}
.rsuitcase-ver2 #sec_function .function-description-list li:not(:first-child) { margin-top: 26px;}
.rsuitcase-ver2 #sec_function .function-description-list dt { font-weight: bold; font-size: 15px; letter-spacing: 0; line-height: 1;}
.rsuitcase-ver2 #sec_function .function-description-list dd { margin-top: 10px; font-size: 13px; letter-spacing: 0; line-height: 1.538;}

.rsuitcase-ver2 #sec_function .function-list { display: flex; flex-wrap: wrap; column-gap: 10px;}
.rsuitcase-ver2 #sec_function .function-list li { width: calc((100% - 10px * 3)/4); margin: 0 0 20px; align-self: stretch; position: relative;}
.rsuitcase-ver2 #sec_function .function-list li a { width: 100%; height: 0; padding: 114% 0 0; display: block; transition: var(--g-transition); position: relative;}
.rsuitcase-ver2 #sec_function .function-list .image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
}
.rsuitcase-ver2 #sec_function .function-list .image img { transition: var(--g-transition);}
.rsuitcase-ver2 #sec_function .function-list .name {
  width: 100%;
	height: 53px;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(51,51,51,0.8);
  position: absolute;
  left: 0;
	right: 0;
	bottom: 0;
}
.rsuitcase-ver2 #sec_function .function-list li a:hover .image img { transform: scale(1.2,1.2);}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_function { padding: 0 35px; margin: 0 0 70px;}
	.rsuitcase-ver2 #sec_function .function-description { top: calc(-35px - 1em);}
	.rsuitcase-ver2 #sec_function .function-description-box { width: 85%; max-height: 60vh; padding: 20px; margin: 0 0 0 auto;}
	.rsuitcase-ver2 #sec_function .function-list { gap: 20px;}
	.rsuitcase-ver2 #sec_function .function-list li { width: calc(50% - 10px); margin: 0;}
	.rsuitcase-ver2 #sec_function .function-list li a { width: 100%; height: 0; padding: 88.23% 0 0; display: block; transition: var(--g-transition); position: relative;}
	.rsuitcase-ver2 #sec_function .function-list .name { height: 40px; font-size: 13px;}
}

/*-----------------------------------------
 利用シーンで選ぶ
-----------------------------------------*/
.rsuitcase-ver2 #sec_scene { padding: 0; margin: 0 0 50px;}
.rsuitcase-ver2 #sec_scene .scene-list { display: flex; flex-wrap: wrap; column-gap: 10px;}
.rsuitcase-ver2 #sec_scene .scene-list li { width: calc((100% - 10px * 3)/4); margin: 0 0 20px; align-self: stretch; position: relative;}
.rsuitcase-ver2 #sec_scene .scene-list li a { width: 100%; height: 0; padding: 114% 0 0; display: block; transition: var(--g-transition); position: relative;}
.rsuitcase-ver2 #sec_scene .scene-list .image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
}
.rsuitcase-ver2 #sec_scene .scene-list .image img { transition: var(--g-transition);}
.rsuitcase-ver2 #sec_scene .scene-list .name {
  width: 100%;
	height: 53px;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(51,51,51,0.8);
  position: absolute;
  left: 0;
	right: 0;
	bottom: 0;
}
.rsuitcase-ver2 #sec_scene .scene-list li a:hover .image img { transform: scale(1.2,1.2);}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_scene { padding: 0 35px; margin: 0 0 35px;}
	.rsuitcase-ver2 #sec_scene .scene-list { gap: 20px;}
	.rsuitcase-ver2 #sec_scene .scene-list li { width: calc(50% - 10px); margin: 0;}
	.rsuitcase-ver2 #sec_scene .scene-list li a { width: 100%; height: 0; padding: 88.23% 0 0; display: block; transition: var(--g-transition); position: relative;}
	.rsuitcase-ver2 #sec_scene .scene-list .name { height: 40px; font-size: 13px;}
}

/*-----------------------------------------
 色から選ぶ
-----------------------------------------*/
.rsuitcase-ver2 #sec_color { padding: 50px 32px; margin: 0 0 50px; background: var(--g-color-bg);}
.rsuitcase-ver2 #sec_color .color-list { display: flex; flex-wrap: wrap; column-gap: 13px;}
.rsuitcase-ver2 #sec_color .color-list li { width: calc((100% - 13px * 2)/3); margin: 0 0 14px; align-self: stretch;}
.rsuitcase-ver2 #sec_color .color-list li a {
  width: 100%;
  padding: 19px;
  border: #FFF 1px solid;
  border-radius: 5px;
  display: block;
  background: #FFF;
	position: relative;
  transition: var(--g-transition);
}
.rsuitcase-ver2 #sec_color .color-list li a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: #AAA 2px solid;
  border-right: #AAA 2px solid;
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  transform: rotate(45deg);
}
.rsuitcase-ver2 #sec_color .color-list li a:hover { border: var(--g-color-red) 1px solid;}
.rsuitcase-ver2 #sec_color .color-list li a:hover::after { border-top: var(--g-color-red) 2px solid; border-right: var(--g-color-red) 2px solid;}
.rsuitcase-ver2 #sec_color .color-list li h3.name { margin: 0 0 10px; display: flex; align-items: center; column-gap: 10px;}
.rsuitcase-ver2 #sec_color .color-list li h3.name::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.rsuitcase-ver2 #sec_color .color-list li.basic h3.name::before { background-image: url(/img/genre/rsuitcase/ver02/color_basic.png);}
.rsuitcase-ver2 #sec_color .color-list li.metallic h3.name::before { background-image: url(/img/genre/rsuitcase/ver02/color_metallic.png);}
.rsuitcase-ver2 #sec_color .color-list li.colorful h3.name::before { background-image: url(/img/genre/rsuitcase/ver02/color_colorful.png);}
.rsuitcase-ver2 #sec_color .color-list li h3.name .jp { font-size: 15px; font-weight: 700;}
.rsuitcase-ver2 #sec_color .color-list li h3.name .en { font-size: 13px; font-weight: 500;}
.rsuitcase-ver2 #sec_color .color-list li .text { font-size: 12px; font-weight: 400;}

.rsuitcase-ver2 #sec_color .favorite-color { padding: 8px 27px; margin: calc(25px - 14px) 0 0; border-radius: 4px; display: flex; align-items: center; column-gap: 24px; background: #FFF;}
.rsuitcase-ver2 #sec_color .favorite-color dt { font-size: 14px; font-weight: 700; color: #000;}
.rsuitcase-ver2 #sec_color .favorite-color dd ul { display: flex; flex-wrap: wrap; align-items: center; gap: 24px;}
.rsuitcase-ver2 #sec_color .favorite-color dd li { font-size: 14px; font-weight: 500;}
.rsuitcase-ver2 #sec_color .favorite-color dd li a { font-size: 14px; font-weight: 500; text-decoration: underline;}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_color { padding: 35px; margin: 0 0 35px;}
	.rsuitcase-ver2 #sec_color .color-list { display: block;}
	.rsuitcase-ver2 #sec_color .color-list li { width: 100%; margin: 0;}
	.rsuitcase-ver2 #sec_color .color-list li + li { margin-top: 20px;}
	.rsuitcase-ver2 #sec_color .color-list li a { padding: 29px 19px 29px 79px;}
	.rsuitcase-ver2 #sec_color .color-list li h3.name { margin: 0 0 10px; display: flex; align-items: center; column-gap: 10px;}
	.rsuitcase-ver2 #sec_color .color-list li h3.name::before { display: none;}
	.rsuitcase-ver2 #sec_color .color-list li a::before {
	  content: '';
	  width: 40px;
	  height: 40px;
	  display: block;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
		position: absolute;
		left: 20px;
		top: 30px;
	}
	.rsuitcase-ver2 #sec_color .color-list li.basic a::before { background-image: url(/img/genre/rsuitcase/ver02/color_basic.png);}
	.rsuitcase-ver2 #sec_color .color-list li.metallic a::before { background-image: url(/img/genre/rsuitcase/ver02/color_metallic.png);}
	.rsuitcase-ver2 #sec_color .color-list li.colorful a::before { background-image: url(/img/genre/rsuitcase/ver02/color_colorful.png);}
	.rsuitcase-ver2 #sec_color .color-list li .text { font-size: 13px;}
	.rsuitcase-ver2 #sec_color .favorite-color { padding: 14px 25px; margin: 30px 0 0; display: block;}
	.rsuitcase-ver2 #sec_color .favorite-color dd ul { margin: 10px 0 0; gap: 10px;}
	.rsuitcase-ver2 #sec_color .favorite-color dd li { font-size: 12px;}
	.rsuitcase-ver2 #sec_color .favorite-color dd li a { font-size: 12px;}
}

/*-----------------------------------------
 ランキング（関連子イベント）
-----------------------------------------*/
.rsuitcase-ver2 #sec_ranking { padding: 0; margin: 0 0 50px;}
.rsuitcase-ver2 #sec_ranking h2.block-top-event--header { display: none;}
.rsuitcase-ver2 #sec_ranking .block-top-event--goods { margin-bottom: 100px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r { width: auto; padding: 0; margin: 0; border: none;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items { padding: 0; margin: 0; border: none; display: flex; flex-wrap: nowrap;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items li { width: 170px; padding: 0; margin-bottom: 40px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--price-infos { text-align: left;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--price-items { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--price { text-align: left;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .default-price { font-size: 11px; font-weight: 500; color: #B2B2B2;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .default-price .price-small { display: none;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--goods-description .customize_block-goods-bookmark { top: 125px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--scomment { font-size: 10px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--goods-image .block-ranking-r--rank {
	width: 32px;
	height: 40px;
	border: none;
	border-radius: 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	justify-content: center;
	align-items: center;
	display: none;
	top: 0;
	left: 12px;
	right: auto;
	z-index: 2;
}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--goods-image .block-ranking-r--rank::before {
	content: '';
	width: 32px;
	height: 10px;
	border-left: #000 16px solid;
	border-right: #000 16px solid;
	border-bottom: transparent 10px solid;
	display: block;
	position: absolute;
	left: 0;
	bottom: -10px;
}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-icon .block-icon--auto-on-sales { left: auto; right: 7px;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-1 { background-color: #BBAA71; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-2 { background-color: #7E8183; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-3 { background-color: #BB7171; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-1::before { border-left-color: #BBAA71; border-right-color: #BBAA71;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-2::before { border-left-color: #7E8183; border-right-color: #7E8183;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank-3::before { border-left-color: #BB7171; border-right-color: #BB7171;}

.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-1 .block-ranking-r--rank { background-color: #BBAA71; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-2 .block-ranking-r--rank { background-color: #7E8183; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-3 .block-ranking-r--rank { background-color: #BB7171; display: flex;}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-1 .block-ranking-r--rank::before { 
	border-left-color: #BBAA71; border-right-color: #BBAA71;
}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-2 .block-ranking-r--rank::before {
	border-left-color: #7E8183; border-right-color: #7E8183;
}
.rsuitcase-ver2 #sec_ranking .block-ranking-r .block-ranking-r--items .block-ranking-r--item.block-ranking-r--goods-rank-3 .block-ranking-r--rank::before {
	border-left-color: #BB7171; border-right-color: #BB7171;
}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_ranking { padding: 0 0 0 35px;}
	.rsuitcase-ver2 #sec_ranking h2.genre-block-title { padding-right: 35px;}
	.rsuitcase-ver2 #sec_ranking .block-top-event--goods { margin-bottom: 75px;}
	.rsuitcase-ver2 #sec_ranking .block-ranking-r--items .block-ranking-r--goods-name {
		max-height: 15px * 1.4 * 3;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.rsuitcase-ver2 #sec_ranking .swiper-scrollbar.swiper-scrollbar-horizontal { width: calc(98% - 35px);}
}

/*-----------------------------------------
 関連記事をチェック
-----------------------------------------*/
.rsuitcase-ver2 #sec_pickup { padding: 0; margin: 0 0 100px;}
.rsuitcase-ver2 #sec_pickup .pickup-list { padding: 0; margin: 0 0 50px; display: flex; justify-content: space-between; gap: 10px 16px;flex-wrap: wrap;}
.rsuitcase-ver2 #sec_pickup .pickup-list li { width: calc(50% - 8px); border-radius: 10px; background: var(--g-color-bg); overflow: hidden;}
.rsuitcase-ver2 #sec_pickup .pickup-list li a { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.rsuitcase-ver2 #sec_pickup .pickup-list li .image { width: 240px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.rsuitcase-ver2 #sec_pickup .pickup-list li .image img { transition: var(--g-transition);}
.rsuitcase-ver2 #sec_pickup .pickup-list li a:hover .image img { transform: scale(1.2,1.2);}
.rsuitcase-ver2 #sec_pickup .pickup-list li .desc { width: calc(100% - 240px); padding: 0 26px;}
.rsuitcase-ver2 #sec_pickup .pickup-list li .desc dt { margin: 0 0 10px; font-size: 12px; font-weight: 700; color: var(--g-color-red);}
.rsuitcase-ver2 #sec_pickup .pickup-list li .desc dd { font-size: 15px; font-weight: 500;}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_pickup { padding: 0 35px; margin: 0 0 25px;}
	.rsuitcase-ver2 #sec_pickup .pickup-list { padding: 0; margin: 0 0 50px; display: block;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li { width: 100%;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li + li { margin-top: 16px;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li .image { width: 50%;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li .desc  { width: 50%; padding: 0 20px;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li .desc dt { font-size: 10px;}
	.rsuitcase-ver2 #sec_pickup .pickup-list li .desc dd { font-size: 13px;}
}

/*-----------------------------------------
 キーワードから選ぶ
-----------------------------------------*/
.rsuitcase-ver2 #sec_keyword { padding: 50px 32px; margin: 0 0 50px; background: var(--g-color-bg);}
.rsuitcase-ver2 #sec_keyword .keyword-list { display: flex; flex-wrap: wrap; gap: 12px;}
.rsuitcase-ver2 #sec_keyword .keyword-list li { word-break: keep-all;}
.rsuitcase-ver2 #sec_keyword .keyword-list li a {
  padding: 0 12px;
	border: #707070 1px solid;
	border-radius: 33px;
  height: 33px;
	font-size: 13px;
	font-weight: 700;
  word-break: keep-all;
  display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
	transition: var(--g-transition);
}
.rsuitcase-ver2 #sec_keyword .keyword-list li a:hover { border: var(--g-color-red) 1px solid;}
.rsuitcase-ver2 #sec_keyword .keyword-notice-text { padding-left: 1em; margin: 12px 0 0; font-size: 13px; font-weight: 500; text-indent: -1em;}

@media only screen and (max-width: 749px) {
	.rsuitcase-ver2 #sec_keyword { padding: 35px 20px; margin: 35px 0;}
	.rsuitcase-ver2 #sec_keyword .keyword-list { gap: 10px;}
	.rsuitcase-ver2 #sec_keyword .keyword-list li a { padding: 0 10px; border-radius: 27px; height: 27px; font-size: 12px;}
	.rsuitcase-ver2 #sec_keyword .keyword-notice-text { margin: 20px 0 0; font-size: 10px;}
}

/*-----------------------------------------
 特集
-----------------------------------------*/
.rsuitcase-ver2 #sec_feature { padding: 0; margin: 0 0 50px;}
.rsuitcase-ver2 #sec_feature h2.block-top-free2--header { display: none;}

/*-----------------------------------------
 モーダル
-----------------------------------------*/
@media only screen and (min-width: 750px) { 
	.for-sp { display: none !important;}
}
@media only screen and (max-width: 749px) {
	.for-pc{ display: none !important;}
}
.modaal-content-container { padding: 0;}
.modalCnts { display: none;}

/*modalBtn*/
.modalBtn { padding: 0; border: none; background: #E5E5E5; position: absolute; top: 0; right: 0; cursor: pointer;}
.icon-close { width: 40px; height: 40px; padding: 10px; color: #444; display: block; position: relative; box-sizing: border-box;}
.icon-close:before,
.icon-close:after { content: ""; width: 20px; height: 2px; margin: auto; background-color: currentColor; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.icon-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.icon-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*finder*/
.finderArea { padding: 60px 0; border-radius: 14px; text-align: center; background: #F8F8F8;}
.finder_catch { font-size: 16px;}
.finder_catch span { position: relative;}
.finder_catch span::before,
.finder_catch span::after { content: ''; height: 1.3rem; position: absolute; bottom: 0;}
.finder_catch span::before { border-left: solid 1px; left: -.7em; transform: rotate(-45deg);}
.finder_catch span::after { border-right: solid 1px; right: -.7em; transform: rotate(45deg);}
.finder_tit { margin: 10px 0 15px; font-weight: bold; font-size: 24px;}
.js-modalBtn02 { width: 400px; padding: .8em 0; margin: auto; border-radius: 4px; font-size: 18px; text-align: center; color: #fff; display: block; background: #444;}
@media only screen and (max-width: 749px) { .finderArea { padding: 30px 20px; border-radius: 14px;}
  .finder_catch { font-size: 14px;}
  .finder_tit { margin: 5px 0 15px; font-size: 20px;}
  .js-modalBtn02 { width: 100%; border-radius: 4px; font-size: 18px;}
}

/*baggage*/
#baggage { padding: 55px 40px; position: relative;}
#baggage .baggageTit { margin-bottom: 35px; display: flex; justify-content: space-between; align-items: end;}
#baggage .baggageTit b { font-size: 30px;}
#baggage .baggageTit small { padding-left: 1em; font-size: 12px; color: #F00;}
#baggage .baggageData { font-size: 14px;}

/*tabCnt*/
.tabCnt { display: none;}
.tabCnt.is-active { display: block;}

.tabCnt_warap { max-height: 550px; overflow-y: auto;}

/*tabLine_btn*/
.rsuitcase-ver2 a.js-modalBtn01 { font-size: 14px; text-decoration: underline; color: #9B9B9B;}
.rsuitcase-ver2 a.js-modalBtn01:hover { text-decoration: none;}
#js-tabLine_btn { width: 100%; margin-bottom: 20px; display: flex;}
#js-tabLine_btn li { width: 50%;}
#js-tabLine_btn li a { padding: .7em 0; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #70706F; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #999; display: block;}
#js-tabLine_btn li a.is-active { border-left: 1px solid #70706F; border-right: 1px solid #70706F; border-top: 1px solid #70706F; border-bottom: 1px solid #fff; color: #444;}

/*tabBaggage_btn*/
.tabBaggage_btn { margin-bottom: 15px; border-radius: 10px; display: flex; overflow: hidden;}
.tabBaggage_btn li { width: calc(100% / 4);}
.tabBaggage_btn li a { padding: .7em 0; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; display: block; background: #F8F8F8;}
.tabBaggage_btn li a span { font-size: 14px; display: block;}
.tabBaggage_btn li a.is-active { color: #fff; background: #686868;}

/*t_info*/
.t_info li { margin-top: 5px; font-size: 12px;}

/*t_table table*/
.t_table table { width: 100%; margin-bottom: 40px; font-size: 14px; text-align: center;}
.t_table table tr:not(:last-child) { border-bottom: 1px solid #DEDEDE;}
.t_table table th.t_tit03:last-child ,
.t_table table th:not(:last-child) ,
.t_table table td:not(:last-child) { border-right: 1px solid #DEDEDE;}
.t_table table th.t_tit03:not(:last-child) ,
.t_table table .t_cel td:nth-child(4) ,
.t_table table .t_cel td:nth-child(5) { border-right: none;}
.t_table table th { padding: .5em 0; font-weight: bold; text-align: center; background: #FAFAFA;}
.t_table table th.t_tit01 { background: #eee;}
.t_table table span { font-weight: normal; font-size: 11px; display: block;}
.t_table table .t_bold { font-weight: bold;}
.t_table table .t_cel th { width: 250px;}
.t_table table .t_cel td { width: 80px; height: 60px;}
.t_table table .t_cel td:nth-child(3) { width: 100px;}
.t_table table .t_cel td:nth-child(7) { width: 150px;}

@media only screen and (max-width: 749px) {
  #baggage { padding: 25px 10px;}
  #baggage .baggageTit { margin-bottom: 25px;}
  #baggage .baggageTit b { font-size: 24px;}
  #baggage .baggageTit small { padding-left: 0; font-size: 12px; color: #F00; display: block;}
  #baggage .baggageData { font-size: 12px;}

  /*tabCnt*/
  .tabCnt_warap { max-height: 43vh;}

  /*tabLine_btn*/
  #js-tabLine_btn { margin-bottom: 20px; border-radius: 10px;}
  #js-tabLine_btn li { width: 50%;}
  #js-tabLine_btn li a { font-size: 15px;}
  #js-tabLine_btn li a.is-active { color: #444;}

  /*tabBaggage_btn*/
  .tabBaggage_btn { margin-bottom: 15px; border-radius: 10px;}
  .tabBaggage_btn li a { height: 100%; padding: .7em 0; font-size: 10px; display: flex; flex-direction: column; justify-content: center;}
  .tabBaggage_btn li a span { font-size: 13px;}

  /*t_table*/
  .t_table { margin-bottom: 25px; font-size: 13px;}
  .t_cel { border-bottom: 1px solid #DEDEDE;}
  .t_cel:first-child { border-top: 1px solid #DEDEDE;}
  .t_cel dt { padding: .8em .5em; background: #FAFAFA;}
  .t_cel dt p b { display: block; font-size: 14px;}
  .t_cel dt p small { font-weight: normal; font-size: 11px;}
  .t_cel dd { padding: .8em .5em;}
  .t_cel dd p small { display: block; padding: 0 1em; font-size: 12px;}

  /*t_info*/
  .t_info li { font-size: 10px; margin-top: 5px;}
}