@charset "UTF-8";

/* ----------------------------------
 BodyFrame
---------------------------------- */
div.container_ div.contents_,
div.container_ div.mainframe_,
div.container_ div.mainframe_ .event_ .goods_:not(table),
div.container_ div.contents_ div.mainframe_,
div.container_ div.contents_ div.mainframe_ .event_ .goods_:not(table) { width: auto;}
	
div.wrapper_wrapper_ { min-height: auto; overflow: hidden;}
div.wrapper_wrapper_ > div.wrapper_ { min-height: calc(100dvh - 450px);}
body > div.wrapper_  { min-height: calc(100dvh - 450px); overflow: hidden;}

div.wrapper_ { width: 100%; padding: 0; margin: 0 auto; text-align: left; box-sizing: border-box; overflow: hidden;}
div.container_ { width: 100%; overflow: visible; position: relative;}
div.container_ div.contents_  { max-width: 1500px; padding: 0 40px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
div.container_ div.contents_ div.leftmenuframe_ { width: 100%; order: 2;}
div.container_ div.contents_ div.leftmenuframe_::after { content: ''; width: 100%; display: block; clear: both;}
div.container_ div.contents_ div.mainframe_ { width: 100%; order: 1;}
div.container_ div.contents_ div.mainframe_::after { content: ''; width: 100%; display: block; clear: both;}

@media (max-width: 768px) {
	div.container_ div.contents_  { padding: 0 16px;}
}

div.leftmenuframe_ { display: none !important;}

div.rightmenuframe_ { width: 100%; overflow: visible; display: none !important;}
div.right_goodsvariation_frame_ { width: 100%; overflow: visible;}
div.has-rightmenuframe-container { padding: 0 !important;}

/* ----------------------------------
 カテゴリー
---------------------------------- */
h1.category_name_ {
	width: 100% !important;
  padding: 0;
  margin: 0 0 32px 0;
	border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-low);
  color: var(--site-color-deepblue);
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
	justify-content: flex-start;
}
.contents_:has(.category-img2) h1.category_name_ { margin: 0 0 10px;}
.contents_:has(div.category-comment) h1.category_name_ { margin: 0 0 20px;}

div.category-img2 { margin: 0 0 20px; text-align: center;}
div.category-img4 { margin: 0 0 20px; text-align: center;}
.contents_:has(div.category-img4) div.category-img2 { display: block;}
.contents_:has(div.category-img2) div.category-img4 { display: none;}

div.category-comment { margin: 0 0 48px; font-size: 16px; line-height: var(--line-height-middle); color: var(--site-color-black);}

div.autopagerize_page_element_ div.goods_ { margin: 0 0 60px; background: transparent;}

@media (max-width: 768px) {
	h1.category_name_ { justify-content: center; font-size: 18px;}
	.contents_:has(div.category-img4) div.category-img2 { display: none;}
	.contents_:has(div.category-img2) div.category-img4 { display: block;}
	div.category-comment { margin: 0 0 40px; font-size: 14px;}
}

/* サブカテゴリー T形式 */
div.CategoryStyleT_ { width: 100%;}
div.CategoryStyleT_Line_ { width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; overflow: visible;}
div.CategoryStyleT_Line_ + div.CategoryStyleT_Line_ { margin-top: 16px;}
div.CategoryStyleT_Item_ { width: calc((100% - 16px * 3) / 4); padding: 0; margin: 0; border: none; display: block;}
div.CategoryStyleT_Item_ .category_link_,
div.CategoryStyleT_Item_ .category_nolink_ {
  height: 100%;
  padding: 16px 10px;
	border: var(--border-solid-frame);
  border-radius: var(--radius-02);
  color: var(--site-color-black);
  display: block;
  background: #FFF;
  box-sizing: border-box;
}
div.CategoryStyleT_Item_ .category_link_:hover { text-decoration: none; opacity: var(--opacity);}
div.CategoryStyleT_Item_ .img_ { width: 100%; padding: 100% 0 0; margin: 0 0 15px; position: relative;}
div.CategoryStyleT_Item_ .img_ figure {
  width: 100%;
  height: 100%;
	padding: 0;
	margin: 0;
	border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
div.CategoryStyleT_Item_ .img_ figure img { max-width: 100%; max-height: 100%; vertical-align: top;}
div.CategoryStyleT_Item_ h3.name_ { padding: 0; margin: 0; border: none; font-size: 16px; font-weight: 700; text-align: center; color: var(--site-color-black);}
div.CategoryStyleT_Item_ h3.name_ + .comment_ { margin-top: 16px;}
div.CategoryStyleT_Item_ .comment_ { margin: 0; font-size: 13px; font-weight: 400; line-height: var(--line-height-middle); color: var(--site-color-black);}

/* サブカテゴリー L形式 */
div.CategoryStyleL_ { width: 100%; margin: 0; font-size: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; overflow: visible;}
div.CategoryStyleL_ div.name_ { width: calc((100% - 16px * 3) / 4); padding: 0; margin: 0; border: none; display: block;}
div.CategoryStyleL_ .category_name_ {
  height: 100%;
  padding: 16px 10px;
	border: var(--border-solid-frame);
  border-radius: var(--radius-02);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
  color: var(--site-color-black);
  display: block;
  background: #FFF;
  box-sizing: border-box;
}
div.CategoryStyleL_ a.category_name_:hover { text-decoration: none; opacity: var(--opacity);}

/* サブカテゴリー P形式 */
div.CategoryStyleP_ { width: 100%;}
div.CategoryStyleP_Line_ { width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; overflow: visible;}
div.CategoryStyleP_Line_ + div.CategoryStyleP_Line_ { margin-top: 16px;}
div.CategoryStyleP_Item_ { width: calc((100% - 16px * 3) / 4); padding: 0; margin: 0; border: none; display: block;}
div.CategoryStyleP_Item_ .category_link_,
div.CategoryStyleP_Item_ .category_nolink_ {
  height: 100%;
  padding: 16px;
	border: none;
  border-radius: var(--radius-02);
  color: var(--site-color-black);
  display: block;
  background: #FFF;
  box-sizing: border-box;
}
div.CategoryStyleP_Item_ .category_link_:hover { text-decoration: none; opacity: var(--opacity);}
div.CategoryStyleP_Item_ .img_ { width: 100%; padding: 0; margin: 0 0 16px; display: flex; justify-content: center; align-items: center; position: relative;}
div.CategoryStyleP_Item_ .img_ img { max-width: 100%; max-height: 100%; vertical-align: top;}
div.CategoryStyleP_Item_ .name_ { margin: 0; font-size: 16px; font-weight: 700; text-align: center; color: var(--site-color-black);}
div.CategoryStyleP_Item_ .name_ + .comment_ { margin-top: 15px;}
div.CategoryStyleP_Item_ .comment_ { margin: 0; font-size: 13px; font-weight: 400; line-height: var(--line-height-middle); color: var(--site-color-black);}

/* サブカテゴリー D形式 */
div.CategoryStyleD_ div.CategoryStyleD_Item_ + div.CategoryStyleD_Item_ { margin-top: 16px;}
div.CategoryStyleD_ div.CategoryStyleD_Item_ h3 { padding: 0; margin: 0; border: none;}
div.CategoryStyleD_ div.CategoryStyleD_Item_ h3 .category_name_ {
  height: 100%;
  padding: 16px;
	border: var(--border-solid-frame);
  border-radius: var(--radius-02);
	font-size: 16px;
	font-weight: 700;
  color: var(--site-color-black);
  display: block;
  background: #FFF;
  box-sizing: border-box;
}
div.CategoryStyleD_ div.CategoryStyleD_Item_ h3 a.category_name_:hover { text-decoration: none; opacity: 0.7;}
div.CategoryStyleD_ div.CategoryStyleD_Item_ .freespace { margin: 16px 16px 0;}
div.CategoryStyleD_ div.CategoryStyleD_Item_ .freespace:empty { margin: 0;}

/* サブカテゴリー G形式 */
div.CategoryStyleG_ { width: 100%;}
div.CategoryStyleG_Line_ { width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 32px; overflow: visible;}
div.CategoryStyleG_Line_ + div.CategoryStyleG_Line_ { margin-top: 32px;}
div.CategoryStyleG_Item_ {
  width: calc((100% - 32px * 2) / 3);
  padding: 15px;
  margin: 0;
  border: none;
  border-radius: var(--radius-02);
  display: flex;
  justify-content: space-between;
	background: #FFF;
}
div.CategoryStyleG_Item_ .img_ { width: 30%; padding: 30% 0 0; margin: 0 0 auto; position: relative;}
div.CategoryStyleG_Item_ .img_ figure {
  width: 100%;
  height: 100%;
	padding: 0;
	margin: 0;
	border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
div.CategoryStyleG_Item_ .img_ figure img { max-width: 100%; max-height: 100%; vertical-align: top;}
div.CategoryStyleG_Item_ .img_ + .desc_ { width: calc(70% - 16px);}
div.CategoryStyleG_Item_ .desc_ { width: 100%;}
div.CategoryStyleG_Item_ h3.name_ { padding: 0; margin: 0; border: none; font-size: 16px; font-weight: 700; text-align: left; color: var(--site-color-black);}
div.CategoryStyleG_Item_ h3.name_ a { font-size: 16px; font-weight: 700; text-decoration: none; display: block;}
div.CategoryStyleG_Item_ .comment_ { margin: 10px 0 0; font-size: 13px; font-weight: 400; line-height: var(--line-height-middle); color: var(--site-color-black);}
div.CategoryStyleG_Item_ ul.subitem_list_ { margin: 10px 0 0;}
div.CategoryStyleG_Item_ ul.subitem_list_ li { padding: 0 0 0 1em; font-size: 14px; font-weight: 700; text-indent: -1em; list-style: disc inside;}
div.CategoryStyleG_Item_ ul.subitem_list_ li a { text-decoration: underline;}

/* ----------------------------------
 ジャンル
---------------------------------- */
h1.genre_name_ {
	width: 100% !important;
  padding: 0;
  margin: 0 0 40px;
	border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-low);
  color: var(--site-color-deepblue);
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
	justify-content: flex-start;
}
.mainframe_:has(.genre-img2) h1.genre_name_ { margin: 0 0 10px;}
.mainframe_:has(div.genre-comment) h1.genre_name_ { margin: 0 0 20px;}
div.genre-img2 { margin: 0 0 24px; text-align: center;}
div.genre-comment { margin: 0 0 48px; font-size: 16px; font-weight: 400; line-height: var(--line-height-middle); color: var(--site-color-black);}

/* サブジャンル */
div.GenreStyle_ { width: 100%; overflow: inherit;}
div.GenreStyle_Line_ { width: 100%; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 16px; overflow: inherit;}
div.GenreStyle_Line_ div.GenreStyle_Item_ {
  width: calc((100% - 16px * 2)/3);
  margin: 0 !important;
	border: none;
	border-radius: var(--radius-01);
  float: none;
  display: flex;
	align-items: stretch;
	background: #FFF;
	box-shadow: none;
}
div.GenreStyle_Line_ div.GenreStyle_Item_ a.genre_link_,
div.GenreStyle_Line_ div.GenreStyle_Item_ div.genre_nolink_ {
  width: 100%;
	min-height: 60px;
	height: 100%;
  margin: 0 !important;
	padding: 10px 16px;
	border: var(--border-solid-frame);
	border-radius: var(--radius-01);
	text-decoration: none;
  float: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
	background: #FFF;
	transition: var(--transition);
}
div.GenreStyle_Line_ div.GenreStyle_Item_ a.genre_link_:hover { opacity: var(--opacity);}
div.GenreStyle_Line_ div.GenreStyle_Item_ h3.img_ { 
	width: 40px;
	min-width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 15px 0 0;
	border: none;
	border-radius: var(--radius-02);
	font-size: 5px;
  display: flex;
	justify-content: center;
  align-items: center;
}
div.GenreStyle_Line_ div.GenreStyle_Item_ h3.img_ img { border-radius: var(--radius-02); vertical-align: top;}
div.GenreStyle_Line_ div.GenreStyle_Item_ h3.name_ { width: 100%; padding: 0; margin: 0; border: none; font-size: 14px; font-weight: 700;}
div.GenreStyle_Line_ div.GenreStyle_Item_:has(.img_) h3.name_ { width: calc(100% - 55px);}
div.GenreStyle_Line_ div.GenreStyle_Item_ div.comment_ { width: 100%; padding: 0; margin: 10px 0 0; font-size: 12px; font-weight: 400; line-height: var(--line-height-low);}

/* ----------------------------------
 メーカー一覧
---------------------------------- */
h1.maker_name_ {
	width: 100% !important;
  padding: 0;
  margin: 0 0 40px;
	border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-low);
  color: var(--site-color-deepblue);
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
	justify-content: flex-start;
}
div.maker_nav_ { padding: 0; margin: 30px 0; border-bottom: var(--site-color-black) 1px solid;}
div.maker_nav_ .maker_nav_item_ { display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 10px; align-items: flex-end;}
div.maker_nav_ .maker_nav_item_ a {
	padding: 5px 10px;
	margin: 0;
  border: var(--border-solid-frame);
	border-bottom: var(--site-color-black) 1px solid;
  border-radius: var(--radius-02) var(--radius-02) 0 0;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	color: var();
  display: flex;
  justify-content: center;
  align-items: center;
	position: relative;
	bottom: -1px;
	z-index: 2;
}
div.maker_nav_ .maker_nav_item_ a:hover { border: var(--site-color-black) 1px solid; background: var(--site-color-black); color: #FFF;}
div.maker_nav_ .maker_nav_item_ a:has(.navistyle_now_maker_) { padding: 10px; border: var(--site-color-black) 1px solid; border-bottom: #FFF 1px solid;}
div.maker_nav_ .maker_nav_item_ a:has(.navistyle_now_maker_):hover { border: var(--site-color-black) 1px solid; border-bottom: #FFF 1px solid; background: #FFF; opacity: 1.0;}
div.maker_nav_ .maker_nav_item_ a .navistyle_now_maker_ { font-size: 16px; font-weight: 700; color: var(--site-color-black);}
div.maker_nav_ .maker_nav_item_ a:hover .navistyle_now_maker_ { opacity: var(--opacity);}

div.maker_contents_ h2 {
	padding: 0 0 0 24px;
	margin: 0 0 20px;
	border: none;
	font-size: 20px;
	font-weight: 700;
  line-height: var(--line-height-low);
	color: var(--site-color-blue);
	background: transparent;
	display: flex;
	align-items: center;
  box-sizing: border-box;
  position: relative;
}
div.maker_contents_ h2::before {
	content: '';
	width: 14px;
	display: block;
	background: linear-gradient(90deg, #19AAF1 0%, rgba(54, 225, 191, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

div.maker_line_frame_ { margin-bottom: 40px;}
div.maker_line_ { margin: 15px 20px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px;}
div.maker_line_ .maker_item_ {
  width: calc((100% - 20px * 2) / 3);
	min-height: 60px;
  padding: 0;
  margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: var(--line-height-low);
  border: var(--border-solid-frame);
  border-radius: var(--radius-02);
	position: relative;
}
div.maker_line_ .maker_item_ a {
	height: 100%;
  padding: 10px 15px;
  margin: 0;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	line-height: var(--line-height-low);
	border-radius: var(--radius-02);
  display: flex;
	align-items: center;
}

/* ----------------------------------
 イベント
---------------------------------- */
h1.event_name_ {
	width: 100% !important;
  padding: 0;
  margin: 0 0 40px;
	border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-low);
  color: var(--site-color-deepblue);
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
	justify-content: flex-start;
}
h1.event_name_img_ { margin: 0 0 30px 0; text-align: center;}

h2.event_title_ {
	padding: 0 0 0 24px;
	margin: 0 0 20px;
	border: none;
	font-size: 20px;
	font-weight: 700;
  line-height: var(--line-height-low);
	color: var(--site-color-blue);
	background: transparent;
	display: flex;
	align-items: center;
  box-sizing: border-box;
  position: relative;
}
h2.event_title_::before {
	content: '';
	width: 14px;
	display: block;
	background: linear-gradient(90deg, #19AAF1 0%, rgba(54, 225, 191, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
h2.event_title_ a { text-decoration: none;}
h2.event_title_ a:hover { text-decoration: none;}

div.event_ div.goods_ { margin: 0 0 60px;}
div.event_ div.event_moreview_ { max-width: 400px; margin: 0 auto 60px;}
div.event_ div.event_moreview_ .btn_more_ {
  width: 100%;
	height: 60px;
	border-radius: var(--radius-01);
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
	background: var(--site-color-black);
}

.event-frame:has(.StyleP_Frame_) { border-radius: var(--radius-03); background: var(--site-color-grayout);}
.event-frame:has(.StyleP_Frame_) h2.event_title_ { padding: 24px 0 0 24px; margin: 0 0 24px; color: var(--site-color-black);}
.event-frame:has(.StyleP_Frame_) h2.event_title_::before { display: none;}
.event-frame:has(h2.event_title_) .StyleP_Frame_ { border-radius: 0 0 var(--radius-03) var(--radius-03);}

/* ----------------------------------
 商品検索
---------------------------------- */
body.page-search .navipage_.top_ { justify-content: center; text-align: center;}
body.page-search .navipage_.bottom_ { display: none !important;}
table.goodssearch_ th { width: 240px; min-width: 240px;}
table.goodssearch_ #search_genre .genre_select_box_select_area_ {
	padding: 10px 16px 4px;
	font-size: 13px;
  font-weight: 400;
	border: var(--border-solid-input);
	border-radius: var(--radius-03);
  background-color: #FFF !important;
	background-image: var(--bg-image-select) !important;
	background-repeat: no-repeat !important;
	background-position: calc(100% - 10px) center !important;
	-webkit-background-size: 10px auto !important;
	background-size: 10px auto !important;
}
table.goodssearch_ #search_genre:has(.search_genre_[style*="block"]) .genre_select_box_select_area_ { border-radius: var(--radius-03) var(--radius-03) 0 0;}
table.goodssearch_ #search_genre .search_genre_ {
	padding: 16px;
	border: var(--border-solid-input);
	border-top: none; 
	border-radius: 0 0 var(--radius-03) var(--radius-03);
}
table.goodssearch_ #search_genre .search_genre_ input[type="checkbox"] { margin: 0 10px 10px 0;}
table.goodssearch_ #search_genre .search_genre_ label { width: calc(100% - 30px); margin: 0 0 10px; font-size: 14px; font-weight: 400; position: relative; top: -4px;}
table.goodssearch_ .search_filter td label.checkbox { padding: 5px 0; margin: 0 20px 0 5px;}
table.goodssearch_ td.toggle-filter-accordion-header,
table.goodssearch_ td.toggle-filter-accordion-footer { height: 46px; padding: 0 1em 0 0; vertical-align: middle; position: relative;}
table.goodssearch_ td.toggle-filter-accordion-header #filter-accordion-header-icon::before,
table.goodssearch_ td.toggle-filter-accordion-header #filter-accordion-header-icon::after,
table.goodssearch_ td.toggle-filter-accordion-footer #filter-accordion-footer-icon::after {
  content: '';
  width: 10px;
  height: 2px;
  display: block;
  background-color: var(--site-color-black);
  position: absolute;
  right: calc(50% - 6em);
  top: calc(50% - 2px);
}
table.goodssearch_ td.toggle-filter-accordion-header #filter-accordion-header-icon::after { transform: rotate(-90deg);}
body.page-search .mainframe_ .submit_ .btn-large { width: 240px; height: 50px; font-size: 18px;}

/* ----------------------------------
 商品一覧
---------------------------------- */
/* L:一覧 */
div.StyleL_Frame_ { width: 100%; padding: 0; margin: 0; border: none; display: block;}
div.StyleL_Frame_ ul.StyleL_Line_ { width: 100%; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 24px; background: transparent; overflow: hidden;}
div.StyleL_Frame_ li.StyleL_Item_ {
  width: calc((100% - 24px)/2);
  margin: 0;
  padding: 0;
  border-radius: var(--radius-03);
  display: flex;
  background: #FFF;
  box-shadow: none;
  position: relative;
}
div.StyleL_Frame_ li.StyleL_Item_ .linkframe { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
li.StyleL_Item_ .item-inner { width: 100%; height: 100%; padding: 24px; text-decoration: none; display: flex; flex-direction: column; position: relative;}
li.StyleL_Item_ div.top-frame { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
li.StyleL_Item_ div.img { width: 190px; padding: 190px 0 0; margin: 0; border: none; border-radius: var(--radius-03); position: relative; overflow: hidden;}
li.StyleL_Item_ div.img .figure {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
li.StyleL_Item_ div.img .figure img { width: auto; height: auto; max-width: 100%; max-height: 100%; box-sizing: border-box; object-fit: scale-down;}
li.StyleL_Item_ p.name {
	height: auto;
	min-height: auto;
	max-height: calc(var(--line-height-middle) * 3em);
	padding: 0;
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: var(--line-height-middle);
	color: var(--site-color-black);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
li.StyleL_Item_ div.comment1 { font-size: 13px; color: var(--site-color-dark);}
li.StyleL_Item_ div.comment1 .title { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--site-color-black);}
li.StyleL_Item_ div.comment1 p { font-size: 13px; color: var(--site-color-dark);}
li.StyleL_Item_ div.a-few-words { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 8px;}
li.StyleL_Item_ div.a-few-words::after {
	content: '※目安時間です';
	font-size: 11px;
	word-break: keep-all;
	white-space: nowrap;
	color: var(--site-color-dark);
	order: 2;
}
li.StyleL_Item_ div.a-few-words .txt {
	min-height: 28px;
  padding: 5px 12px;
  border-radius: var(--radius-03);
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  background: var(--site-bg-dark);
  gap: 5px;
	order: 1;
}
li.StyleL_Item_ div.a-few-words .txt::before {
	content: '';
	width: 16px;
	min-width: 16px;
	height: 16px;
	display: inline-block;
	background-color: transparent;
	background-image: var(--bg-image-time);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	bottom: -1.5px;
}
li.StyleL_Item_ div.a-few-words .block-goods-list-favorite { width: 28px; min-width: 28px; height: 28px; margin: 0 0 0 auto; position: relative; z-index: 2; order: 3;}
li.StyleL_Item_ div.a-few-words .block-goods-list-favorite .btn-add-bookmark {
  width: 28px;
  height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
  background-image: var(--bg-image-bookmark-off);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
li.StyleL_Item_ div.a-few-words .block-goods-list-favorite .btn-add-bookmark.btn-registed-bookmark {
  width: 28px;
  height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
  background-image: var(--bg-image-bookmark-on);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
li.StyleL_Item_ div.desc { width: calc(100% - 206px); margin: 0; flex-grow: 0; display: flex; flex-direction: column;}
li.StyleL_Item_ div.desc dl { display: flex;}
li.StyleL_Item_ div.desc dt { padding: 0 5px 0 0; font-size: 15px; word-break: keep-all; white-space: nowrap; position: relative;}
li.StyleL_Item_ div.desc dt::after { content: '：';}
li.StyleL_Item_ div.desc dd { font-size: 15px;}
li.StyleL_Item_ div.desc div.price-box { margin: 10px 0; font-size: 15px;}
li.StyleL_Item_ div.desc div.price-box dl { align-items: center;}
li.StyleL_Item_ div.desc div.price-box .yen { font-size: 12px;}
li.StyleL_Item_ div.desc div.price-box .tax { font-size: 12px;}
li.StyleL_Item_ div.desc div.price-box .price_pop_ { margin: 0 0 5px; font-size: 12px; line-height: var(--line-height-low); color: var(--site-color-red); display: block;}
li.StyleL_Item_ div.desc div.price-box .price_ .num_ { font-size: 15px; font-weight: 700;}
li.StyleL_Item_ div.desc div.price-box .price_ .symble_ { font-size: 15px;}
li.StyleL_Item_ div.desc div.price-box:has(.price_pop_) .price_ .num_ { color: var(--site-color-red);}
li.StyleL_Item_ div.desc div.price-box:has(.price_pop_) .price_ .symble_ { color: var(--site-color-red);}
li.StyleL_Item_ div.desc div.price-box:has(.price_pop_) .price_ .yen { color: var(--site-color-red);}
li.StyleL_Item_ div.desc div.price-box:has(.price_pop_) .price_ .tax { color: var(--site-color-red);}
li.StyleL_Item_ div.desc div.price-box dl.default_sales_price_ dt { font-size: 12px; color: var(--site-color-gray);}
li.StyleL_Item_ div.desc div.price-box dl.default_sales_price_ dd { font-size: 12px; text-decoration: line-through; color: var(--site-color-gray);}
li.StyleL_Item_ div.desc div.price-box dl.default_sales_price_ dd .price_ { font-size: 12px; color: var(--site-color-gray);}
li.StyleL_Item_ div.cart-frame { width: 100%; padding: 0 0 0 116px; margin-top: 10px; display: none;}
li.StyleL_Item_ div.cart-frame dl.qty_ { margin: 0; font-size: 11px; display: flex; align-items: center; word-break: keep-all; gap: 5px;}
li.StyleL_Item_ div.cart-frame dl.qty_ dd { display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; gap: 5px;}
li.StyleL_Item_ div.cart-frame dl.qty_ input {
  width: 58px;
  height: 40px;
  margin: 0;
  border-color: var(--site-color-black) !important;
  font-size: 15px;
  text-align: center;
  color: var(--color-black);
}

@media (max-width: 1200px) {
	li.StyleL_Item_ div.a-few-words { padding-bottom: 15px; position: relative;}
	li.StyleL_Item_ div.a-few-words::after { font-size: 10px; position: absolute; left: 0; bottom: 0;}
}
@media (max-width: 768px) {
	div.StyleL_Frame_ ul.StyleL_Line_ { gap: 8px;}
	div.StyleL_Frame_ li.StyleL_Item_ { width: 100%; box-shadow: 0 8px 12px 0 rgba(86, 123, 189, 0.05);}
	li.StyleL_Item_:has(a.linkframe) .item-inner { padding: 16px;}
	li.StyleL_Item_ div.img { width: 100px; padding: 100px 0 0;}
	li.StyleL_Item_ p.name { font-size: 17px;}
	li.StyleL_Item_ div.desc { width: calc(100% - 116px);}
	li.StyleL_Item_ div.a-few-words { justify-content: flex-start;}
	li.StyleL_Item_ div.a-few-words .txt { min-width: calc(100% - 40px); justify-content: center;}
}
@media (max-width: 420px) {
	li.StyleL_Item_ div.img { width: 80px; padding: 80px 0 0;}
	li.StyleL_Item_ div.desc { width: calc(100% - 96px);}
}

/* P:オプション */
div.StyleP_Frame_ { width: 100%; padding: 16px 24px; border-radius: var(--radius-03); display: block; background: #FFF;}
div.StyleP_Frame_ ul.StyleP_Line_ { width: 100%; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 24px; background: transparent; overflow: hidden;}
div.StyleP_Frame_ li.StyleP_Item_ { width: calc((100% - 24px * 3)/4); margin: 0; padding: 0; border-radius: 0; display: flex; background: #FFF; box-shadow: none;}
li.StyleP_Item_ .item-inner { width: 100%; height: 100%; padding: 24px; text-decoration: none; display: flex; flex-direction: column;}
li.StyleP_Item_ div.top-frame { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
li.StyleP_Item_ div.bottom-frame { width: 100%; margin-top: 10px;}
li.StyleP_Item_ div.img { width: 100px; padding: 100px 0 0; margin: 0; border: none; border-radius: var(--radius-03); position: relative; overflow: hidden;}
li.StyleP_Item_ div.img .figure {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
li.StyleP_Item_ div.img .figure img { width: auto; height: auto; max-width: 100%; max-height: 100%; box-sizing: border-box; object-fit: scale-down;}
li.StyleP_Item_ p.name {
	height: auto;
	min-height: auto;
	max-height: calc(var(--line-height-middle) * 3em);
	padding: 0;
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: var(--line-height-middle);
	color: var(--site-color-black);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
li.StyleP_Item_ div.a-few-words { display: flex; align-items: center; gap: 8px;}
li.StyleP_Item_ div.a-few-words .txt {
	min-height: 28px;
  padding: 5px 12px;
  border-radius: var(--radius-03);
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  background: var(--site-bg-dark);
  gap: 5px;
}
li.StyleP_Item_ div.a-few-words .txt::before {
	content: '';
	width: 16px;
	min-width: 16px;
	height: 16px;
	display: inline-block;
	background-color: transparent;
	background-image: url("../../img/usr/icon/ico_time.png");
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	bottom: -1.5px;
}
li.StyleP_Item_ div.comment1_ { margin: 10px 0; font-size: 12px; display: none;}
li.StyleP_Item_ div.desc { width: calc(100% - 116px); margin: 0; flex-grow: 0; display: flex; flex-direction: column;}
li.StyleP_Item_ div.desc dl { display: flex;}
li.StyleP_Item_ div.desc dt { padding: 0 5px 0 0; font-size: 15px; word-break: keep-all; white-space: nowrap; position: relative;}
li.StyleP_Item_ div.desc dt::after { content: '：';}
li.StyleP_Item_ div.desc dd { font-size: 15px;}
li.StyleP_Item_ div.desc div.price-box { margin: 0 0 10px; font-size: 15px;}
li.StyleP_Item_ div.desc div.price-box dl { align-items: center;}
li.StyleP_Item_ div.desc div.price-box .yen { font-size: 12px;}
li.StyleP_Item_ div.desc div.price-box .tax { font-size: 12px;}
li.StyleP_Item_ div.desc div.price-box .price_pop_ { margin: 0 0 5px; font-size: 12px; line-height: var(--line-height-low); color: var(--site-color-red); display: block;}
li.StyleP_Item_ div.desc div.price-box .price_ .num_ { font-size: 15px; font-weight: 700;}
li.StyleP_Item_ div.desc div.price-box .price_ .symble_ { font-size: 15px;}
li.StyleP_Item_ div.desc div.price-box:has(.price_pop_) .price_ .num_ { color: var(--site-color-red);}
li.StyleP_Item_ div.desc div.price-box:has(.price_pop_) .price_ .symble_ { color: var(--site-color-red);}
li.StyleP_Item_ div.desc div.price-box:has(.price_pop_) .price_ .yen { color: var(--site-color-red);}
li.StyleP_Item_ div.desc div.price-box:has(.price_pop_) .price_ .tax { color: var(--site-color-red);}
li.StyleP_Item_ div.desc div.price-box dl.maker_price_ { display: none;}
li.StyleP_Item_ div.desc div.price-box dl.cost_price_ dt { font-size: 14px; color: #666;}
li.StyleP_Item_ div.desc div.price-box dl.cost_price_ dd { font-size: 16px; font-weight: 700; color: #666;}
li.StyleP_Item_ div.desc div.price-box dl.default_sales_price_ dt { color: #999;}
li.StyleP_Item_ div.desc div.price-box dl.default_sales_price_ dd { text-decoration: line-through; color: #999;}
li.StyleP_Item_ div.desc div.price-box dl.default_sales_price_ dd .price_ { color: #999;}
li.StyleP_Item_ div.cart-frame { width: 100%; padding: 0 0 0 116px; margin: auto 0 0; display: none;}
li.StyleP_Item_ div.cart-frame dl.qty_ { margin: 10px 0 0; font-size: 11px; display: flex; align-items: center; word-break: keep-all; gap: 5px;}
li.StyleP_Item_ div.cart-frame dl.qty_ dd { display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; gap: 5px;}
li.StyleP_Item_ div.cart-frame dl.qty_ input {
  width: 58px;
  height: 40px;
  margin: 0;
  border-color: var(--site-color-black) !important;
  font-size: 15px;
  text-align: center;
  color: var(--color-black);
}
li.StyleP_Item_ div.cart-frame div.button-frame { width: 100%; margin: 10px 0 0;}
li.StyleP_Item_ div.cart-frame div.add-cart-btn { width: 100%;}
li.StyleP_Item_ div.cart-frame div.add-cart-btn .btn_cart_ { width: 100%; height: 40px; padding: 0; margin: 0; font-size: 13px; font-weight: 700; color: #FFF; box-sizing: border-box;}
li.StyleP_Item_ div.cart-frame div.add-cart-btn .btn_cart_::before { display: none !important;}
li.StyleP_Item_ div.cart-frame div.add-cart-btn .btn_cart_.disabled { background: var(--site-color-grayout); pointer-events: none; cursor: default;}
li.StyleP_Item_ div.cart-frame div.add-cart-btn .btn_cart_.disabled:hover { opacity: 1.0;}
li.StyleP_Item_ div.bottom-frame { font-size: 13px; color: var(--site-color-dark);}
li.StyleP_Item_ div.bottom-frame .title { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--site-color-black);}
li.StyleP_Item_ div.bottom-frame p { font-size: 13px; color: var(--site-color-dark);}

.page-goods li.StyleP_Item_ div.block-icon { display: flex;}
.page-goods li.StyleP_Item_ div.cart-frame { display: flex; align-items: center; gap: 8px;}
.page-goods #jscart_conditions:has() {}

@media (max-width: 1460px) {
	div.StyleP_Frame_ li.StyleP_Item_ { width: calc((100% - 24px * 2)/3);}
}
@media (max-width: 1000px) {
	div.StyleP_Frame_ li.StyleP_Item_ { width: calc((100% - 24px)/2);}
}
@media (max-width: 768px) {
	div.StyleP_Frame_ { padding: 1px 20px;}
	div.StyleP_Frame_ ul.StyleP_Line_ { gap: 0;}
	div.StyleP_Frame_ li.StyleP_Item_ { width: 100%;}
	div.StyleP_Frame_ li.StyleP_Item_ + li.StyleP_Item_ { border-top: var(--border-solid-list);}
	li.StyleP_Item_ .item-inner { padding: 20px 0;}
	li.StyleP_Item_ p.name { font-size: 17px;}
	li.StyleP_Item_ div.a-few-words .txt { width: 100%; justify-content: center;}
	li.StyleP_Item_ div.cart-frame { padding: 0;}
	li.StyleP_Item_ div.bottom-frame { font-size: 12px;}
	li.StyleP_Item_ div.bottom-frame p { font-size: 12px;}
}

/* サムネイル */
div.StyleT_Frame_ { display: none !important;}

/* 詳細一覧 */
div.StyleD_Frame_ { display: none !important;}

/* ----------------------------------
 最近見た商品
---------------------------------- */
#block_of_history { position: relative;}
#block_of_history h2::before { display: none;}
#block_of_history:has(h2) #itemHistoryButton { padding: 0; margin: 0; position: absolute; top: 10px; right: 10px;}
.page-top #block_of_history:has(h2) #itemHistoryButton { right: 30px;}
#block_of_history div.StyleT_Frame_ div.StyleT_Item_:nth-child(n+6) { display: none;}

#itemHistoryButton .item_history_link_ {
	height: 32px;
	padding: 0 15px;
	margin: 0;
	border: var(--border-solid-frame);
	border-radius: var(--radius-02);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	color: var(--site-color-black);
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}
#itemHistoryButton .item_history_link_::before { display: none !important;}

/* ----------------------------------
 TOPICS - TOP
---------------------------------- */
div.topiclist_ { width: 100%; max-width: unset; padding: 80px 40px; margin: 0; background: var(--site-bg-gray); display: block;}
div.topiclist_ .topiclist_headline_ h2 { padding: 0; margin: 0 0 30px; border: none; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px;}
div.topiclist_ .topiclist_headline_ h2::before { display: none !important;}
div.topiclist_ .topiclist_headline_ h2 .ttl { font-size: 24px; font-weight: 700; text-align: center; color: var(--site-color-deepblue);}
div.topiclist_ .topiclist_headline_ h2 .sub { font-size: 10px; font-weight: 400; text-align: center; letter-spacing: 0.25em; color: var(--site-color-sky);}

@media (max-width: 768px) {
	div.topiclist_ { padding: 40px 16px;}
	div.topiclist_ .topiclist_headline_ h2 { margin: 0 0 20px;}
	div.topiclist_ .topiclist_headline_ h2 .ttl { font-size: 18px;}
	div.topiclist_ .topiclist_headline_ h2 .sub { font-size:  8px;}
}

div.topiclist_ .topiclist_body_ {
	width: 100%;
	max-width: 1120px !important;
	padding: 0 !important;
	margin: 0 auto !important;
	border: none;
	border-radius: 0 !important;
	background: transparent !important;
}
div.topiclist_ ul.topicline_ { width: 100%; padding: 0 !important; margin: 0 auto; border: none; background: none !important;}
div.topiclist_ ul.topicline_ li { padding: 0 !important; margin: 0; border: none !important; background: none !important;}
div.topiclist_ ul.topicline_ li + li { margin-top: 8px;}
div.topiclist_ ul.topicline_ li > a,
div.topiclist_ ul.topicline_ li > span.nolink { padding: 16px 32px; border-radius: var(--radius-03); text-decoration: none; display: block; background: #FFF;}
div.topiclist_ ul.topicline_ li > a { padding: 16px 62px 16px 32px; position: relative;}
div.topiclist_ ul.topicline_ li > a::after { 
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 20px;
	line-height: 1.0;
	font-size: 8px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	background-image: var(--bg-image-arrow-blue);
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: calc(50% - 10px);
	right: 32px;
}
div.topiclist_ ul.topicline_ li.img_ { background: none;}
div.topiclist_ ul.topicline_ li dl { width: 100%; display: flex; align-items: flex-start !important;}
div.topiclist_ ul.topicline_ li dl dt { width: 120px !important; font-size: 13px !important; font-weight: 400 !important; text-align: left; color: #4D5358 !important;}
div.topiclist_ ul.topicline_ li dl dd {
  width: calc(100% - 120px) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--site-color-black);
  display: flex;
	gap: 10px;
}
div.topiclist_ ul.topicline_ li dl dd img.icon-img { height: 17px; position: relative; bottom: -3px;}
div.topiclist_ div.topicline_detaillist_ { display: none;}

@media (max-width: 768px) {
	div.topiclist_ ul.topicline_ li > a,
	div.topiclist_ ul.topicline_ li > span.nolink { padding: 12px 20px;}
	div.topiclist_ ul.topicline_ li > a { padding: 12px 40px 12px 20px;}
	div.topiclist_ ul.topicline_ li > a::after { right: 12px;}
	div.topiclist_ ul.topicline_ li dl { display: block !important; position: relative;}
	div.topiclist_ ul.topicline_ li dl dt { width: 100% !important; margin: 0 0 6px; font-size: 11px !important;}
	div.topiclist_ ul.topicline_ li dl dd { width: 100% !important; font-size: 13px !important; display: block;}
	div.topiclist_ ul.topicline_ li dl dd img.icon-img { position: absolute; top: 0; left: 70px;}
}

div.topiclist_ .more-btn {
  width: 360px;
  height: 56px;
  margin: 32px auto 0;
	border: var(--border-solid-blue);
	border-radius: var(--radius-03);
	font-size: 16px;
	text-align: center;
	color: var(--site-color-blue);
  display: flex;
  justify-content: center;
  align-items: center;
	background: transparent;
	cursor: pointer;
	transition: var(--transition);
}
div.topiclist_ .more-btn:hover { opacity: var(--opacity);}
div.topiclist_ .more-btn span { padding: 0 20px; position: relative;}
div.topiclist_ .more-btn span::before,
div.topiclist_ .more-btn span::after {
  content: '';
  width: 10px;
  border-top: var(--border-solid-blue);
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
	transition: var(--transition);
}
div.topiclist_ .more-btn span::after { transform: rotate(-90deg);}
div.topiclist_ .more-btn.is-open span::after { transform: rotate(0deg);}

@media (max-width: 768px) {
	div.topiclist_ .more-btn { width: 100%; margin-top: 24px;}
}

/* ----------------------------------
 TOPICS - LIST
---------------------------------- */
body.page-topicdetaillist #page_navi_wrapper { margin-bottom: 20px;}
div.topicdetaillist_ { padding: 0; margin: 0 0 40px 0; border-radius: var(--radius-02); background: #FFF;}
div.topicdetaillist_ .topicdetaillist_body_ {
	width: 100%;
	max-width: initial !important;
	padding: 0 !important;
	margin: 0 auto !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
}
div.topicdetaillist_ ul.topicdetailline_ { width: 100%; padding: 0; margin: 0 auto; border: none; border-top: var(--border-solid-frame) !important; background: #FFF;}
div.topicdetaillist_ ul.topicdetailline_ li { padding: 15px 0 !important; margin: 0; border: none; border-bottom: var(--border-solid-frame) !important;}
div.topicdetaillist_ ul.topicdetailline_ li > a,
div.topicdetaillist_ ul.topicdetailline_ li > span.nolink { padding: 0; text-decoration: none; display: block;}
div.topicdetaillist_ ul.topicdetailline_ li.img_ { background: none;}
div.topicdetaillist_ ul.topicdetailline_ li dl { width: 100%; display: flex; align-items: flex-start !important;}
div.topicdetaillist_ ul.topicdetailline_ li dl dt { width: 175px !important; font-size: 14px !important; font-weight: 500 !important; column-gap: 10px !important;}
div.topicdetaillist_ ul.topicdetailline_ li dl dt a { font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; color: var(--color-base) !important;}
div.topicdetaillist_ ul.topicdetailline_ li dl dt img { height: 21px;}
div.topicdetaillist_ ul.topicdetailline_ li dl dd { width: calc(100% - 175px) !important; font-size: 14px !important; font-weight: 500 !important;}
div.topicdetaillist_ ul.topicdetailline_ li dl dd a { font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important;}
div.topicdetaillist_ ul.topicdetailline_ li dl dd a:hover { text-decoration: underline !important;}

/* ----------------------------------
 TOPICS DETAILS
---------------------------------- */
.page-topic div.topic_ h1.topic_head_ {
	width: 100% !important;
  padding: 0;
  margin: 0 0 32px 0;
	border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-low);
  color: var(--site-color-deepblue);
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
	justify-content: center;
}
.page-topic div.topic_ div.topiclist_body_ { padding: 0; margin: 0; border-radius: 0; color: var(--site-color-black); background: transparent; position: relative;}
.page-topic div.topic_ div.topiclist_body_ .block-icon:has(span) { margin: 0 0 10px;}
.page-topic div.topic_ div.topiclist_body_ .topic_title_ {
	padding: 0 0 0 24px;
	margin: 0 0 20px;
	border: none;
	font-size: 20px;
	font-weight: 700;
  line-height: var(--line-height-low);
	color: var(--site-color-blue);
	background: transparent;
	display: flex;
	align-items: center;
  box-sizing: border-box;
  position: relative;
}
.page-topic div.topic_ div.topiclist_body_ .topic_title_::before {
	content: '';
	width: 14px;
	display: block;
	background: linear-gradient(90deg, #19AAF1 0%, rgba(54, 225, 191, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.page-topic div.topic_ div.topiclist_body_ .article_ { font-size: 16px; line-height: var(--line-height-middle);}

/* ----------------------------------
 アンケート
---------------------------------- */
div.questionnaire_box_ { border-bottom: none;}
.enquate-q-box-frame { padding: 20px; border-radius: var(--radius-03); background: #FFF;}
.enquate-q-box-frame + .enquate-q-box-frame { margin-top: 15px;}
.enquate-q-box-frame .enquate-q-box + .enquate-q-box,
.enquate-q-box-frame .enquate-q-box-input + .enquate-q-box-input { margin-top: 15px; padding-top: 15px; border-top: var(--border-solid-list);}
.enquate-q-box-frame .enquate-q-box .enquate-q-box-item + .enquate-q-box-item { margin-top: 15px; padding-top: 15px; border-top: var(--border-solid-list);}
.enquate-q-box-frame input,
.enquate-q-box-frame select,
.enquate-q-box-frame textarea { max-width: 100%;}
.enquate-q-box-frame h2.title_ {
	padding: 0;
	margin: 0 0 15px;
	border: none;
	font-size: 20px;
	font-weight: 700;
  line-height: var(--line-height-low);
	color: var(--site-color-deepblue);
	background: transparent;
	display: flex;
	align-items: center;
  box-sizing: border-box;
  position: relative;
	float: none !important;
}
.enquate-q-box-frame .name_label_ { font-size: 14px;}
.enquate-q-box-frame .small_ { font-size: 11px; color: var(--site-color-dark);}
.enquate-q-box-frame .sub_description_ { margin: 0 0 20px; font-size: 14px;}
.enquate-q-box-frame .typeCust h3 { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--site-color-black);}

.check-line-box .input-label-unit,
.radio-line-box .input-label-unit { display: flex;}
.check-line-box .input-label-unit input[type="checkbox"],
.radio-line-box .input-label-unit input[type="radio"] { margin: 3px 6px 0 0;}

/* ----------------------------------
 AREA SEARCH
---------------------------------- */
.page-check div.col1_.area_ { width: auto;}
.page-check h1.common_headline1_ { font-size: 24px;}
.page-check p.headline_text_ { margin: 0 0 32px; font-size: 16px; text-align: center;}
.page-check .area_head_box_ { min-height: 444px; padding: 0 calc(50% + 20px) 0 0; margin: 0 0 60px; position: relative;}
.page-check .area_head_box_ .flow-list { margin: 0 0 26px;}
.page-check .area_head_box_ .flow-list li { font-size: 14px;}
.page-check .area_head_box_ .flow-list li + li { margin-top: 6px;}
.page-check .area_head_box_ table.formlist_.areasearch_ { max-width: 100%; border: none; background: transparent; table-layout: fixed;}
.page-check .area_head_box_ table.formlist_.areasearch_ th { width: 6em; padding: 19px 0 10px 0; vertical-align: top; border: none; background: transparent;}
.page-check .area_head_box_ table.formlist_.areasearch_ td { width: calc(100% - 6em); padding: 10px 0; border: none; background: transparent;}
.page-check .area_head_box_ table.formlist_.areasearch_ td input { width: 100%;}
.page-check .area_head_box_ table.formlist_.areasearch_ td span[name*="address"] { 
	height: 40px;
	padding: 2px 10px;
	border: var(--site-color-grayout) 1px solid !important;
  border-radius: var(--radius-03) !important;
	display: flex;
	align-items: center;
	background: var(--site-color-grayout);
}
.page-check .area_head_box_ .ask_post_code_ { margin: 6px 0 0; font-size: 12px; color: var(--site-color-dark);}
.page-check .area_head_box_ .ask_post_code_ a { font-size: 12px; text-decoration: underline; color: var(--site-color-sky);}
.page-check .area_head_box_ .error_ { margin: 6px 0 0; font-size: 12px;}
.page-check .area_head_box_ form .submit_ { margin: 32px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.page-check .area_head_box_ form .submit_::after {
	content: '※一部の離島・山間部など、サービスの対応エリア外となる地域がございます。詳しくはお問い合わせください。';
	width: 100%;
	padding: 0 0 0 1em;
	margin: 10px 0 0;
	font-size: 12px;
	text-align: left;
	text-indent: -1em;
	letter-spacing: -0.7px;
	color: var(--site-color-dark);
	display: block;
}
.page-check .area_head_box_ form .submit_ .btn_wrap_ { width: 100%; margin: 0; border-radius: var(--radius-02); box-shadow: 0 0 16px 0 rgba(57, 190, 255, 0.3); position: relative;}
.page-check .area_head_box_ form .submit_ .btn_wrap_::after { 
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 14px;
	line-height: 1.0;
	font-size: 8px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	background-image: var(--bg-image-arrow-sky);
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: calc(50% - 7px);
	left: calc(50% + 4em);
}
.page-check .area_head_box_ form .submit_ .btn-large.btn-default { 
	width: 100%;
	height: 56px;
	margin: 0 auto;
	border: none;
	border-radius: var(--radius-02);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--site-color-sky);
}
.page-check #area_map {
	width: calc(50% - 20px);
  padding: 40px;
  border-radius: var(--radius-03);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  position: absolute;
	top: 44px;
	right: 0;
}
.page-check #area_map .map-ttl {
	width: 12em;
	height: 40px;
	border-radius: var(--radius-03) 0 0 0;
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--site-color-sky);
  position: absolute;
  top: 0;
  left: 0;
}
.page-check #area_map .map-ttl::after {
	content: '';
	border-top: var(--site-color-sky) 40px solid;
	border-right: transparent 26px solid;
  color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  right: -26px;
}
.page-check #area_map_inner { width: 320px; padding: 320px 0 0; margin: 0 auto; position: relative;}
.page-check #area_map_inner .figure_ { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.page-check #area_map_inner .figure_ #base_map { width: 100%; vertical-align: top;}
.page-check .nodata_ {
	padding: 6px 16px;
  margin: 10px auto 30px;
  border: none;
  border-radius: 0;
	font-size: 14px;
  text-align: center;
  color: var(--site-color-brown);
  background-color: var(--site-bg-pink);
}
.page-check .nodata_ .message_ { font-size: 14px; text-align: center; color: var(--site-color-brown);}

@media (max-width: 1200px) {
	.page-check div.col1_.area_ { padding: 0;}
	.page-check h1.common_headline1_ { margin: 0 0 20px;}
	.page-check p.headline_text_ { font-size: 14px; text-align: left;}
	.page-check .area_head_box_ { min-height: auto; padding: 0; margin: 0 0 40px;}
	.page-check .area_head_box_ .flow-list { margin: 0 0 12px;}
	.page-check .area_head_box_ form .submit_ { margin: 20px auto 0;}
	.page-check #area_map { width: 100%; padding: 40px 0; margin: 0 0 16px; position: relative; top: 0;}
}

/* ----------------------------------
 MAP POPUP
---------------------------------- */
body.popup-area-map-fixed { overflow: hidden;}

.area-list-item .switch { font-size: 13px; color: var(--site-color-sky); display: flex; align-items: center; position: absolute;}
.area-list-item .switch span {
	height: 28px;
	padding: 0 10px 1px 20px;
	margin: 0;
	border-radius: 4px;
  font-size: 16px;
	font-weight: 700;
	word-break: keep-all;
	white-space: nowrap;
  color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--site-color-blue);
  cursor: pointer;
	transition: var(--transition);
	position: relative;
}
.area-list-item .switch span::before {
	content: '';
	width: 27px;
	height: 35px;
	display: block;
	background-color: transparent;
	background-image: url("../../img/usr/area/ico_mark.png");
	-webkit-background-size: 27px auto;
	background-size: 27px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -10px;
	bottom: -3px;
}
.area-list-item .switch span:hover { opacity: var(--opacity);}

/* フラッグを右に */
.area-list-item#area_tohoku .switch span,
.area-list-item#area_kyusyu .switch span { padding: 0 20px 0 10px;}
.area-list-item#area_tohoku .switch span::before,
.area-list-item#area_kyusyu .switch span::before { left: auto; right: -10px;}

.area-list-item#area_tohoku .switch  { top: 33.0%; left: 47.0%;}
.area-list-item#area_kanto .switch   { top: 71.0%; left: 80.5%;}
.area-list-item#area_kinki .switch   { top: 72.5%; left: 49.0%;}
.area-list-item#area_chubu .switch   { top: 58.0%; left: 47.5%;}
.area-list-item#area_chugoku .switch { top: 84.5%; left: 29.5%;}
.area-list-item#area_kyusyu .switch  { top: 65.0%; left:-14.0%;}

.area-list-item div.popup-map-frame { display: none; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.area-list-item.is-open div.popup-map-frame { display: flex; justify-content: center; align-items: center; z-index: 300;}
.area-list-item div.popup-map-inner { max-width: 1000px; margin: auto; border-radius: 16px; background: #FFF; overflow: hidden;}
.area-list-item div.popup-map-body-image { width: 70%; margin: 0 auto 40px;}
.area-list-item div.popup-map-body-desc {
	width: 224px;
	padding: 24px 10px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--site-color-darkblue);
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.area-list-item div.popup-map-body-desc .name { margin: 0 0 10px; font-size: 20px; font-weight: 700; text-align: center; letter-spacing: -1px; color: #FFF;}
.area-list-item div.popup-map-body-desc .check { font-size: 14px; text-align: center; color: #FFF; display: flex; justify-content: center; align-items: center; gap: 8px;}
.area-list-item div.popup-map-body-desc .check::before { content: ''; width: 14px; height: 14px; border-radius: 2px; display: block; background: #0895D9;}
.area-list-item div.popup-map-frame .popup-map-close {
	width: 56px;
	height: 56px;
	border-radius: 56px;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  background: #C1C7CD;
  position: absolute;
  top: 20px;
  right: 20px;
	cursor: pointer;
}
.area-list-item div.popup-map-frame .popup-map-close::before,
.area-list-item div.popup-map-frame .popup-map-close::after {
	content: '';
	width: 24px;
	border-top: #FFF 1px solid;
	font-size: 0;
	display: block;
  position: absolute;
  top: calc(50% - 0.5px);
  left: calc(50% - 12px);
	transform: rotate(45deg);
}
.area-list-item div.popup-map-frame .popup-map-close::after { transform: rotate(-45deg);}
.area-list-item div.popup-map-frame div.popup-map-body { padding: 32px; background: #FFF; position: relative;}
.area-list-item div.popup-map-frame div.popup-map-body-box { max-height: 70vh; overflow-y: auto;}

@media (max-width: 1000px) {
	.area-list-item div.popup-map-body-image { width: 70%; margin: 0 auto 20px;}
	.area-list-item div.popup-map-body-desc { width: auto; padding: 20px 10px; right: 20px; bottom: 20px;}
	.area-list-item div.popup-map-body-desc .name { font-size: 16px;}
}
@media (max-width: 768px) {
	.area-list-item div.popup-map-inner { width: calc(100dvw - 32px);}
	.area-list-item div.popup-map-frame div.popup-map-body-box { max-height: calc(100dvh - 44px - 64px - 20px);}	
	.area-list-item div.popup-map-body-desc { padding: 15px 10px; right: 10px; bottom: 10px;}
	.area-list-item div.popup-map-body-desc .name { font-size: 14px;}
	.area-list-item div.popup-map-body-desc .check { font-size: 10px;}
	.area-list-item div.popup-map-body-desc .check::before { width: 10px; height: 10px;}
	.area-list-item div.popup-map-frame .popup-map-close { width: 28px; height: 28px; border-radius: 28px; top: 10px; right: 10px;}
	.area-list-item div.popup-map-frame .popup-map-close::before,
	.area-list-item div.popup-map-frame .popup-map-close::after { width: 12px; left: calc(50% - 6px);}
	
	.area-list-item .switch span { font-size: 14px; letter-spacing: -1px;}
	.area-list-item#area_tohoku .switch  { left: 52.0%;}
	.area-list-item#area_kanto .switch   { left: 79.0%;}
	.area-list-item#area_kinki .switch   { left: 49.0%;}
	.area-list-item#area_chubu .switch   { left: 46.5%;}
	.area-list-item#area_chugoku .switch { left: 29.5%;}
	.area-list-item#area_kyusyu .switch  { left:-10.0%;}
}