@charset "utf-8";
/* .un_hoodSet_modal {
  max-height: 964px !important;
} */
.un_hoodSetModal_ttl {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
/* テキスト_太字 */
.un_hoodSetModal_txtBold {
  font-weight: bold;
}

/* テーブル */
.un_hoodSetModal_table {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-collapse: collapse;
}
.un_hoodSetModal_mediaPanel + .un_hoodSetModal_ttl {
  margin-top: 30px;
}
.un_hoodSetModal_ttl + .un_hoodSetModal_table,
.un_hoodSetModal_ttl + .un_hoodSetModal_mediaPanel,
.un_hoodSetModal_ttl + .bl_panel.bl_panel__noBorder.bl_panel__noPadding {
  margin-top: 10px;
}
.un_hoodSetModal_table + .bl_panel.bl_panel__noBorder.bl_panel__noPadding,
.un_hoodSetModal_mediaPanel + .bl_panel.bl_panel__noBorder.bl_panel__noPadding {
  margin-top: 10px;
}

.un_hoodSetModal_table th {
  background: var(--secondBgColor);
  color: var(--defaultTxtColor);
  border: 1px solid #ccc;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 7px 15px;
}

.un_hoodSetModal_table td {
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: baseline;
  padding: 10px;
}

.un_hoodSetModal_table .un_hoodSetModal_table_img img {
  width: 100%;
  height: auto;
}

.un_hoodSetModal_table .un_hoodSetModal_table_img figcaption {
  margin-top: 10px;
}


/* パネル_画像横並び */
.un_hoodSetModal_mediaPanel_hdg {
  display: block;
  text-align: left;
  padding: 5px 10px;
  background-color: var(--secondBgColor);
  width: 100%;
}
.bl_panel.bl_panel__noBorder.bl_panel__noPadding + .un_hoodSetModal_mediaPanel_hdg {
  margin-top: 20px;
}
.un_hoodSetModal_mediaPanel_hdg + .un_hoodSetModal_mediaPanel {
  margin-top: 10px;
}
.un_hoodSetModal_mediaPanel + .un_hoodSetModal_mediaPanel_hdg {
  margin-top: 20px;
}

.un_hoodSetModal_mediaPanel {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__center{
  justify-content: center;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__mT {
  margin-top: 20px;
}
.un_hoodSetModal_mediaPanel + .bl_panel_wrapper {
  margin-top: 30px;
}

.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__5cont .un_hoodSetModal_mediaPanel_inner {
  width: calc((100% - 40px)/ 5);
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__4cont .un_hoodSetModal_mediaPanel_inner {
  width: calc((100% - 30px)/ 4);
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__2cont .un_hoodSetModal_mediaPanel_inner {
  width: calc((100% - 20px)/ 2);
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner + .un_hoodSetModal_mediaPanel_inner {
  margin-left: 10px;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__2cont .un_hoodSetModal_mediaPanel_inner + .un_hoodSetModal_mediaPanel_inner {
  margin-left: 10px;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__5cont .un_hoodSetModal_mediaPanel_inner:nth-child(5n+1),
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__4cont .un_hoodSetModal_mediaPanel_inner:nth-child(4n+1),
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__2cont .un_hoodSetModal_mediaPanel_inner:nth-child(2n+1) {
  margin-left: 0;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__5cont .un_hoodSetModal_mediaPanel_inner:nth-child(n+6),
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__4cont .un_hoodSetModal_mediaPanel_inner:nth-child(n+5),
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__2cont .un_hoodSetModal_mediaPanel_inner:nth-child(n+3) {
  margin-top: 10px;
}
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__5cont .un_hoodSetModal_mediaPanel_inner:first-child,
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__4cont .un_hoodSetModal_mediaPanel_inner:first-child,
.un_hoodSetModal_mediaPanel.un_hoodSetModal_mediaPanel__2cont .un_hoodSetModal_mediaPanel_inner:first-child {
  margin-top: 0;
}

.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img.un_hoodSetModal_mediaPanel_inner_img__relative {
  position: relative;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img.un_hoodSetModal_mediaPanel_inner_img__relative .un_hoodSetModal_mediaPanel_inner_img_label {
  position: absolute;
  padding: 3px 15px;
  width: fit-content;
  font-size: 16px;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img.un_hoodSetModal_mediaPanel_inner_img__relative .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__under {
  bottom: 55px;
  left: 0;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img.un_hoodSetModal_mediaPanel_inner_img__relative .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__top {
  top: 10px;
  left: 10px;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img img {
  width: 100%;
  height: auto;
}

.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label {
  display: block;
  text-align: center;
  padding: 3px 0;
  background-color: var(--secondBgColor);
  width: 100%;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__deepGray {
  background-color: #5e5e5e;
  color: #fff;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__white {
  background-color: #fff;
  color: #222;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__clearGray {
  background-color: rgba(0, 0, 0, .2);
  color: #fff;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__clearDeepgray {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img .un_hoodSetModal_mediaPanel_inner_img_label.un_hoodSetModal_mediaPanel_inner_img_label__emphasis {
  background-color: #fff;
  color: #222;
  font-weight: bold;
  font-size: 16px;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img img + .un_hoodSetModal_mediaPanel_inner_img_label_wrapper,
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_img img + .un_hoodSetModal_mediaPanel_inner_img_label {
  margin-top: 5px;
}

.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_contents{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_contents .un_hoodSetModal_mediaPanel_inner_contents_detail {
    display: flex;
    align-items: center;
}
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_contents .un_hoodSetModal_mediaPanel_inner_contents_detail + .un_hoodSetModal_mediaPanel_inner_contents_detail,
.un_hoodSetModal_mediaPanel .un_hoodSetModal_mediaPanel_inner .un_hoodSetModal_mediaPanel_inner_contents .un_hoodSetModal_mediaPanel_inner_contents_detail .un_hoodSetModal_mediaPanel_inner_contents_detail_icon + .un_hoodSetModal_mediaPanel_inner_contents_detail_txt{
  margin-left: 10px;
}



/* パネル_テーブル付 */
.un_hoodSetModal_accessoryPanel {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
.un_hoodSetModal_ttl + .un_hoodSetModal_accessoryPanel,
.un_hoodSetModal_accessoryPanel + .bl_panel.bl_panel__noBorder.bl_panel__noPadding {
  margin-top: 20px;
}
.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_ttl + .un_hoodSetModal_accessoryPanel_inner_img,
.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_img + .un_hoodSetModal_accessoryPanel_inner_table {
  margin-top: 10px;
}

.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner {
  box-sizing: border-box;
  text-align: center;
  width: calc((100% -50px)/ 2);
}
.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner + .un_hoodSetModal_accessoryPanel_inner {
  margin-left: 50px;
}

.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_ttl {
  display: block;
  padding: 5px 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  background-color: #f2f2f2;
}

.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_img img {
  width: 100%;
  height: auto;
}

.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_table {
  border-collapse: collapse;
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
  width: 100%;
}

.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_table th,
.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_table td {
  font-weight: normal;
  border: 1px solid #b8b8b8;
}
.un_hoodSetModal_accessoryPanel .un_hoodSetModal_accessoryPanel_inner .un_hoodSetModal_accessoryPanel_inner_table .un_hoodSetModal_accessoryPanel_inner_table_bgGray {
  background-color: #f2f2f2;
}