@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');
html, body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
body #wrapper {
	min-width: 1200px;
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}
.ta_c {
	text-align: center;
}
@media screen and (max-width: 768px) {
	body #wrapper {
		min-width: auto;
	}
}
/********* フォント *********/
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.hiragino_fw300 {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 300;
	font-style: normal;
}
.hiragino_fw600 {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
}
/********* /フォント *********/
#mainContents {
    width: 100%;
}
.area_fv {
	position: relative;
}
.wrap_catalog_content {
	padding-top: 74px;
}
.area_fv {
	height: 700px;
/*  max-height: calc(100vh - 74px);*/
  position: relative;
  overflow: hidden;
}
.gold_line {
	background-image: url("../images/gold_line.webp");
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	line-height: 1;
	padding: 5px 0 0 0;
	margin: 0;
}
.area_fv video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* コンテンツいっぱいに表示 */
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.area_fv .fv_logo {
	width: 45%;
	position: absolute;
    left: 8%;
    top: 35%;
	margin: 0 auto;
	z-index: 100;
}
.slider {
  height: 100%;
  margin-inline: auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  width: 100%;
}
.slick-img img {
  width: 100%;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}
.sub_ttl {
	background-color: #5a0001;
	background-image: url("../images/sub_ttl_bg.webp");
	background-position: center;
	background-repeat: repeat-y;
    padding: 9px 0 9px 0;
}
.sub_ttl h2 {
	color: #e8dfb3;
	font-size: 25px;;
	text-align: center;
}
.area_catalog_item {
	background-image: linear-gradient(180deg, rgba(68, 68, 68, 1), rgba(0, 0, 0, 1));
	color: #ffffff;
	position: relative;
}
.cat_box {
  display: none;
}
.area_cat_inner {
  max-width: 1200px;
  margin: 0 auto;
}
.cat_content_box {
/*  display: none;*/
}
.cat_menu {
}
.cat_menu ul {
	border: 2px solid #000000;
}
.cat_menu ul > li {
	cursor: pointer;
	background-color: #444444;
	border-bottom: 2px solid #000000;
	width: 152px;
/*	height: 92px;*/
	display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 3.5vh 0;
}
.cat_menu ul > li:hover {
	background-image: url("../images/cat_menu_hover.webp");
	background-repeat: repeat-y;
	background-size: cover;
	color: #000000;
}
.cat_menu ul > li:last-child {
	border-bottom: none;
}
.cat_menu {
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
}
.cat_menu.fix {
  position: fixed;
  top: 74px;
  left: 0;
  z-index: 100;
}
.cat_menu.bottom {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
.area_cat {
	width: 100%;
	padding: 0 50px 30px 190px;	
}
.ttl_cat {
	text-align: center;
	font-size: 40px;
	padding: 50px 0;
	background: linear-gradient(45deg, #b67b03 0%, #daaf08 45%, #fee9a0 70%, #daaf08 85%, #b67b03 90% 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 400% 200%;
	animation: gradient 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.cat_summary {
	display: flex;
    justify-content: space-between;
	gap: 30px;
	margin-bottom: 65px;
}
.cat_04 .cat_summary {
	justify-content: center;
}
.cat_05 .cat_summary {
	justify-content: center;
}
.cat_summary > div {
    width: 50%;
}
.cat_summary > div .box_cat_summary:first-child {
	margin-bottom: 30px;
}
.cat_summary > div .cat_06_02 {
	position: relative;
}
.cat_summary > div .cat_02_03 {
	position: relative;
}
.cat_summary > div .cat_02_03 .box_txt {
	max-width: 80%;
}
.cat_summary > div .cat_06_02 .box_img {
    max-width: 25%;
    position: absolute;
    top: 0;
    right: 20px;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cat_summary > div .cat_06_02 .box_txt {
    max-width: 70%;
	min-height: 80px;
}
.cat_summary > div .cat_02_03 .box_img {
    max-width: 14%;
    position: absolute;
    top: 0;
    right: 20px;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cat_summary > div .cat_02_02 .box_img img {
	max-width: 70%;
}
.cat_summary > div.cat_02_01 {
	display: flex;
	align-items: center;
}
.cat_summary .box_cat_summary {
	border: 1px solid #eedb7c;
    cursor: pointer;
	background-color: #000000;
	padding: 20px 30px;
}
.cat_03 .cat_summary .cat_03_01 {
    cursor: none;
	pointer-events: none;
}
.cat_summary > div .box_img {
	text-align: center;
}
.cat_summary > div p {
/*	font-family: YuMincho,
	"Hiragino Mincho ProN",
	Noto Serif JP', serif;*/
    font-weight: 600;
	margin-bottom: 15px;
	font-size: 16px;
}
.cat_summary > div h4 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
    padding: 0;
    margin-bottom: 15px;
}
.toggle-btn {
	display: none;
}
.cat_content > div .box_cat_content_item {
	background-color: #1b1b1b;
	padding: 25px 35px;
    background-repeat: no-repeat;
    background-position: -14% 62%;
	margin-bottom: 30px;
}
.cat_content > div .box_cat_content_item.cat_02_01_01  {
	background-image: url("../images/yakushiji_bg.webp");
	background-position: -14% 62%;
}
.cat_content > div .box_cat_content_item.cat_02_01_02  {
	background-image: url("../images/cat_02_01_02_bg.webp");
	background-position: 129% 17%;
}
.cat_content > div .box_cat_content_item.cat_02_01_03  {
	background-image: url("../images/cat_02_01_03_bg.webp");
    background-position: 100% 63%;
}
.cat_content > div .box_cat_content_item.cat_02_01_04  {
	background-image: url("../images/cat_02_01_04_bg.webp");
    background-position: 113% 23%;
}
.cat_content > div .box_cat_content_item.cat_02_01_05  {
	background-image: url("../images/cat_02_01_05_bg.webp");
    background-position: 113% 23%;
}
.cat_content > div .box_cat_content_item.cat_02_01_06  {
	background-image: url("../images/cat_02_01_06_bg.webp");
    background-position: 113% 23%;
}
.cat_content > div .box_cat_content_item.cat_02_01_07  {
	background-image: url("../images/cat_02_01_07_bg.webp");
    background-position: 113% 23%;
}
.cat_content > div .box_cat_content_item.cat_02_02_01  {
	background-image: url("../images/cat_02_02_01_bg.webp");
	background-position: 145% 62%;
}
.cat_content > div .box_cat_content_item.cat_02_02_02  {
	background-image: url("../images/cat_02_02_02_bg.webp");
	background-position: 0% 12%;
}
.cat_content > div .box_cat_content_item.cat_02_02_03  {
	background-image: url("../images/cat_02_02_03_bg.webp");
	background-position: 0% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_01  {
	background-image: url("../images/cat_01_01_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_02  {
	background-image: url("../images/cat_01_01_02_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_03  {
	background-image: url("../images/cat_01_01_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_04  {
	background-image: url("../images/cat_01_01_04_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_05  {
	background-image: url("../images/cat_01_01_05_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_01_06  {
	background-image: url("../images/cat_01_01_06_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_02_01 {
	background-image: url("../images/cat_01_02_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_02_02 {
	background-image: url("../images/cat_01_02_02_bg.webp");
	background-position: 99% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_02_03 {
	background-image: url("../images/cat_01_02_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_02_04 {
	background-image: url("../images/cat_01_02_04_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_03_01 {
	background-image: url("../images/cat_01_03_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_03_02 {
	background-image: url("../images/cat_01_03_02_bg.webp");
	background-position: 128% -17%;
}
.cat_content > div .box_cat_content_item.cat_01_03_03 {
	background-image: url("../images/cat_01_03_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_03_04 {
	background-image: url("../images/cat_01_03_04_bg.webp");
	background-position: 95% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_03_05 {
	background-image: url("../images/cat_01_03_05_bg.webp");
	background-position: 98% 69%;
}
.cat_content > div .box_cat_content_item.cat_01_03_06 {
	background-image: url("../images/cat_01_03_06_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_03_02_01 {
	background-image: url("../images/cat_03_02_01_bg.webp");
	background-position: 138% 60%;
}
.cat_content > div .box_cat_content_item.cat_03_02_02 {
	background-image: url("../images/cat_03_02_02_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_03_02_03 {
	background-image: url("../images/cat_03_02_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_03_02_04 {
	background-image: url("../images/cat_03_02_04_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_03_02_05 {
	background-image: url("../images/cat_03_02_05_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_04_01_01 {
	background-image: url("../images/cat_04_01_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_04_01_02 {
	background-image: url("../images/cat_04_01_02_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_04_01_03 {
	background-image: url("../images/cat_04_01_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_05_01_01 {
	background-image: url("../images/cat_05_01_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_05_01_02 {
	background-image: url("../images/cat_05_01_02_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_05_01_03 {
	background-image: url("../images/cat_05_01_03_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_05_01_04 {
	background-image: url("../images/cat_05_01_04_bg.webp");
	background-position: 87% 69%;
}
.cat_content > div .box_cat_content_item.cat_05_01_05 {
	background-image: url("../images/cat_05_01_05_bg.webp");
	background-position: 87% 69%;
}
.cat_content > div .box_cat_content_item.cat_06_01_01 {
	background-image: url("../images/cat_06_01_01_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_06_01_02 {
	background-image: url("../images/cat_06_01_02_bg.webp");
	background-position: 138% 69%;
}
.cat_content > div .box_cat_content_item.cat_06_02_01 {
	background-image: url("../images/cat_06_02_01_bg.webp");
	background-position: 94% 69%;
}
.cat_content > div .box_cat_content_item.cat_06_03_01 {
	background-image: url("../images/cat_06_03_01_bg.webp");
	background-position: 94% 69%;
}
.cat_content > div .box_cat_content_item.cat_06_03_02 {
	background-image: url("../images/cat_06_03_02_bg.webp");
	background-position: 94% 69%;
}
.cat_content > div .box_cat_content_item.cat_07_01_01 {
	background-image: url("../images/cat_07_01_01_bg.webp");
	background-position: 151% 7%;
}
.cat_content > div .box_cat_content_item.cat_07_01_02 {
	background-image: url("../images/cat_07_01_02_bg.webp");
	background-position: 52% 15%;
}
.cat_content > div .box_cat_content_item.cat_07_01_03 {
	background-image: url("../images/cat_07_01_03_bg.webp");
	background-position: 52% 15%;
}
.cat_content > div .box_cat_content_item.cat_07_01_04 {
	background-image: url("../images/cat_07_01_04_bg.webp");
	background-position: 95% 25%;
}
.cat_content > div .box_cat_content_item.cat_07_01_05 {
	background-image: url("../images/cat_07_01_05_bg.webp");
	background-position: 95% 25%;
}
.cat_content > div .box_cat_content_item.cat_07_02_01 {
	background-image: url("../images/cat_07_02_01_bg.webp");
	background-position: 94% 69%;
}
.cat_content > div .cat_content_inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.cat_content > div .cat_content_inner .box_item_img {
	width: 50%;
	padding-left: 5px;
	text-align: right;
}
.cat_content > div .cat_content_inner .box_item_img img.pc {
	display: inline;
}
.cat_01_03_01 .box_item_img,
.cat_01_03_02 .box_item_img,
.cat_01_03_05 .box_item_img,
.cat_04_01_01 .box_item_img,
.cat_04_01_02 .box_item_img,
.cat_04_01_03 .box_item_img,
.cat_07_01_02 .box_item_img,
.cat_07_01_03 .box_item_img,
.cat_07_01_04 .box_item_img,
.cat_07_01_05 .box_item_img,
.cat_01_02_04 .box_item_img {
	display: flex;
    align-items: center;
    justify-content: center;
}
.cat_content > div .cat_content_inner .box_item_txt {
	width: 45%;
	padding: 30px;
	background:rgba(0,0,0,0.35);
	min-width: 360px;
}
.classification {
	color: #eedb7c;
	border: 1px solid #eedb7c;
/*	font-family: YuMincho,
	"Hiragino Mincho ProN",
	'Noto Serif JP', serif;*/
    font-weight: 700;
	font-size: 14px;
	padding: 5px 6px 5px 6px;
	margin-bottom: 15px;
	display: inline-block;
}
.box_color {
	font-size: 14px;
    margin-top: 15px;
}
.cat_content > div .box_item_txt h4 {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
	font-size: 26px;
	margin-bottom: 20px;
	padding: 0;
}
.cat_content > div .box_item_txt .area_ttl_01 {
	margin-bottom: 20px;
}
.cat_content > div .box_item_txt .area_ttl_01 h4 {
	margin-bottom: 0;
}
.cat_content > div .box_item_txt .area_ttl_01 span {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
	font-size: 15px;
}
.cat_01 .cat_content > div .box_item_txt .area_ttl_01 span {
	color: #ff0000;
}
.cat_02 .cat_content > div .box_item_txt h4 {
	font-size: 40px;
}
.cat_03 .cat_03_02_02 .box_item_txt h4 {
	font-size: 24px;
}
.cat_02 .cat_content > div .box_item_txt h4 span {
	color: #ffffff;
}
.cat_content > div .box_item_txt .series_name {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
}
.cat_content > div .box_item_txt h4 span {
	font-size: 18px;
}
.cat_content > div .box_item_txt .explanation {
/*	font-family: YuMincho,
	"Hiragino Mincho ProN",
	'Noto Serif JP', serif;*/
    font-weight: 600;
	margin-bottom: 20px;
	font-size: 14px;
}
.cat_content > div .box_item_txt .scale {
	margin-bottom: 20px;
	font-size: 30px;
}
.cat_content > div .box_item_txt .scale span {
	font-size: 20px;
}
.cat_content > div .box_item_txt .scale.size span {
	font-size: 16px;
}
.cat_content > div .box_item_txt .area_detail {
	display: flex;
	justify-content: flex-start;
    align-items: center;
	margin-bottom: 5px;
}
.cat_content > div .box_item_txt .area_detail .box_img {
	width: 105px;
}
.cat_content > div .box_item_txt .area_detail .box_txt {
	width: calc(100% - 105px);
	padding: 0 0 0 10px;
}
.cat_content > div .box_item_txt .area_detail .box_txt h5 {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
	font-size: 25px;
	font-style: normal;
}
.cat_content > div .box_item_txt .area_detail .box_txt p {
	font-size: 14px;
}
.cat_content > div .box_item_txt .price {
	/*font-family: "hiragino-kaku-gothic-pron", sans-serif;*/
	font-weight: 600;
	font-style: normal;
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-top: 20px;
}
.cat_content > div .box_item_txt .price span {
	font-size: 19px;
}
a.item_btn {
	max-width: 310px;
	color: #1c1c1c;
	display: flex;
    align-items: center;
	justify-content: center;
	position: relative;
	font-size: 18px;
	font-weight: 700;
}
a.item_btn .btn_txt {
	position: absolute;
	top: 0;
	display: flex;
    align-items: center;
	justify-content: center;
	width: 100%;
    height: 100%;
}
a.item_btn .btn_txt img {
    position: absolute;
    right: 30px;
	width: 8px;
}
.btn_bk_img {
}
/* スクロールテキストアニメーション */
@-webkit-keyframes ttl-slideIn {
  0% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@keyframes ttl-slideIn {
  0% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes ttl-slideIn2 {
  0% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@keyframes ttl-slideIn2 {
  0% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes ttl-slideIn3 {
  0% {
    color: transparent;
  }
  100% {
    color: #bf0004;
  }
}
@keyframes ttl-slideIn3 {
  0% {
    color: transparent;
  }
  100% {
    color: #bf0004;
  }
}
@-webkit-keyframes ttl-slideIn-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
@-webkit-keyframes ttl-slideIn2-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
@-webkit-keyframes ttl-slideIn3-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
@keyframes ttl-slideIn-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
@keyframes ttl-slideIn2-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
@keyframes ttl-slideIn3-before {
  0% {
    transform: skewX(-45deg) translateX(-120%);
  }
  100% {
    transform: skewX(-45deg) translateX(120%);
  }
}
.ttl-slideIn3 {
  color: #bf0004;
}
.ttl-slideIn,
.ttl-slideIn2,
.ttl-slideIn3 {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  color: transparent;
  overflow: hidden;
}
.ttl-slideIn.--center {
  margin-right: auto;
  margin-left: auto;
}
.ttl-slideIn2.--center {
  margin-right: auto;
  margin-left: auto;
}
.ttl-slideIn3.--center {
  margin-right: auto;
  margin-left: auto;
}
.ttl-slideIn.--left {
  margin-right: auto;
}
.ttl-slideIn2.--left {
  margin-right: auto;
}
.ttl-slideIn3.--left {
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .ttl-slideIn.--pc-center {
    margin-right: auto;
    margin-left: auto;
  }
  .ttl-slideIn2.--pc-center {
    margin-right: auto;
    margin-left: auto;
  }
  .ttl-slideIn3.--pc-center {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .ttl-slideIn.--sp-left {
    margin-right: auto;
  }
  .ttl-slideIn2.--sp-left {
    margin-right: auto;
  }
  .ttl-slideIn3.--sp-left {
    margin-right: auto;
  }
}
.ttl-slideIn::before {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -7px;
  bottom: 0;
  left: 0;
  transform: skewX(-45deg) translateX(-120%);
}
.ttl-slideIn2::before {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-45deg) translateX(-120%);
}
.ttl-slideIn3::before {
  content: "";
  display: block;
  background-color: #bf0004;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-45deg) translateX(-120%);
}
.ttl-slideIn.--active {
  -webkit-animation: ttl-slideIn 0s both 0.25s;
  animation: ttl-slideIn 0s both 0.25s;
}
.ttl-slideIn2.--active {
  -webkit-animation: ttl-slideIn2 0s both 0.25s;
  animation: ttl-slideIn2 0s both 0.25s;
}
.ttl-slideIn3.--active {
  -webkit-animation: ttl-slideIn3 0s both 0.25s;
  animation: ttl-slideIn3 0s both 0.25s;
}
.ttl-slideIn.--active::before {
  -webkit-animation: ttl-slideIn-before 0.8s both;
  animation: ttl-slideIn-before 0.8s both;
}
.ttl-slideIn2.--active::before {
  -webkit-animation: ttl-slideIn2-before 0.8s both;
  animation: ttl-slideIn2-before 0.8s both;
}
.ttl-slideIn3.--active::before {
  -webkit-animation: ttl-slideIn3-before 0.8s both;
  animation: ttl-slideIn3-before 0.8s both;
}
.ttl-slideIn + .ttl-slideIn {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.ttl-slideIn2 + .ttl-slideIn2 {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.ttl-slideIn3 + .ttl-slideIn3 {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.ttl-slideIn + .ttl-slideIn::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ttl-slideIn2 + .ttl-slideIn2::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ttl-slideIn3 + .ttl-slideIn3::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ttl-slideIn + .ttl-slideIn + .ttl-slideIn {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.ttl-slideIn2 + .ttl-slideIn2 + .ttl-slideIn2 {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.ttl-slideIn3 + .ttl-slideIn3 + .ttl-slideIn3 {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.ttl-slideIn + .ttl-slideIn + .ttl-slideIn::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.ttl-slideIn2 + .ttl-slideIn2 + .ttl-slideIn2::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.ttl-slideIn3 + .ttl-slideIn3 + .ttl-slideIn3::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.btn_more {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.btn_more a {
	border: 1px solid #eedb7c;
    border-radius: 30px;
    display: flex;
    padding: 3px 0px 4px 0px;
    justify-content: center;
    width: 150px;
    align-items: center;
	position: relative;
	font-size: 14px;
/*	font-family: YuMincho, "Hiragino Mincho ProN", 'Noto Serif JP', serif;*/
    font-weight: 600;
	color: #eedb7c;
	cursor: pointer;
    pointer-events: auto;
}
.btn_more a img {
	position: absolute;
    top: 8px;
    right: 12px;
    width: 6px;
}
.area_itemset {
	padding: 15px 0 0 0;
    margin-top: 30px;
    border-top: 1px solid #ffffff;
}
.area_itemset a.item_btn {
	margin-top: 15px;
}
.cat_content > div .box_item_txt .area_itemset h4 {
	margin-bottom: 0;
}
.cat_content > div .box_item_txt .area_itemset .price {
	margin-top: 5px;
}
/* SP */
@media screen and (max-width: 768px) {
	.cat_content > div .cat_content_inner .box_item_img img.pc {
		display: none;
	}
	.area_fv {
		/*height: 300px;*/
		height: 40vh;
	}
	.area_fv .fv_logo {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: flex;
        align-items: center;
        justify-content: center;
		width: 100%;
	}
	.area_fv .fv_logo img {
		width: 50%;
	}
	.ttl_cat {
		font-size: 6vw;
		padding: 7% 0;
	}
	.wrap_catalog_content {
		padding-top: 121px;
	}
	.sub_ttl h2 {
		font-size: 3.5vw;
	}
	.gold_line {
		padding: 0;
	}
	.toggle-btn {
		display: block;
	}
	.mn_cat {
		position: fixed;
        top: auto;
		bottom: 0;
		width: 100%;
		transition: transform 0.3s ease;
		z-index: 1000;
	}
	.mn_cat.hidden {
	  transform: translateX(-100%);
	}
	.toggle-btn {
	  position: fixed;
	  bottom: 100px;
	  left: 0;
	  background: rgba(0,0,0,0.5);
	  color: #fff;
	  border: none;
	  padding: 5px 10px;
	  cursor: pointer;
	  font-size: 16px;
	  border-radius: 4px;
	  transition: .5s;
	}
	.toggle-btn.open {
        bottom: 0;
        left: 0;
        background: rgba(255,255,255,0.50);
        color: #000000;
        padding: 38px 7px;
    }
	.cat_menu ul {
		display: flex;
		flex-wrap: wrap;
	}
	.area_cat {
		width: 100%;
		padding:0 8% 5%;
	}
	.cat_summary {
		display: block;
        margin-bottom: 10%;
	}
	.cat_summary > div {
		width: 100%;
	}
	.cat_summary .box_cat_summary {
		padding: 15px 20px;
		margin-bottom: 15px;
	}
	.cat_summary > div .box_cat_summary:first-child {
		margin-bottom: 15px;
	}
	.cat_menu ul > li {
		font-size: 3.5vw;
		height: 48px;
		line-height: 1.2;
		padding: 0;
	}
	.cat_menu ul > li.cat_02 {
		border-right: 2px solid #000000;
		border-left: 2px solid #000000;
	}
	.cat_menu ul > li.cat_01,
	.cat_menu ul > li.cat_02,
	.cat_menu ul > li.cat_03 {
		width: 33.33333%;
	}
	.cat_menu ul > li.cat_04,
	.cat_menu ul > li.cat_05,
	.cat_menu ul > li.cat_06,
	.cat_menu ul > li.cat_07 {
		width: 25%;
		border-bottom: none;
	}
	.cat_menu ul > li.cat_04,
	.cat_menu ul > li.cat_05,
	.cat_menu ul > li.cat_06 {
		border-right: 2px solid #000000;
	}
	.cat_summary > div p {
		font-size: 4vw;
	}
	.cat_summary > div h4 {
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.cat_content > div .cat_content_inner {
		display: block;
	}
	.cat_content > div .cat_content_inner .box_item_txt {
		width: 100%;
		padding: 5%;
		min-width: auto;
	}
	.cat_content > div .cat_content_inner .box_item_img {
		width: 100%;
		padding-left: 0;
        margin-bottom: 5%;
	}
	.cat_content .cat_01_03_01 .box_item_img img {
		width: 100%;
	}
	.cat_content .cat_07_01_02 .box_item_img img,
	.cat_content .cat_07_01_03 .box_item_img img,
	.cat_content .cat_07_01_04 .box_item_img img,
	.cat_content .cat_07_01_05 .box_item_img img {
		width: 70%;
	}
	.cat_content .cat_01_03_05 .box_item_img img {
		width: 70%;
	}
	.box_color {
		font-size: 3vw;
		margin-top: 5%;
	}
	.cat_content > div .box_cat_content_item {
		margin-bottom: 5%;
		padding: 3%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_01 {
		background-position: center 61%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_02 {
		background-position: center 17%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_03 {
		background-position: center 63%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_04 {
		background-position: center 63%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_05 {
		background-position: center 23%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_06 {
		background-position: center 23%;
	}
	.cat_content > div .box_cat_content_item.cat_02_01_07 {
		background-position: center 23%;
	}
	.cat_content > div .box_cat_content_item.cat_02_02_01 {
		background-position: center 0;
	}
	.cat_content > div .box_cat_content_item.cat_02_02_02 {
		background-position: center 0;
	}
	.cat_content > div .box_cat_content_item.cat_02_02_03 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_01  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_02  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_03  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_04  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_05  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_01_06  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_02_01  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_02_02  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_02_03  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_02_04  {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_03 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_04 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_05 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_01_03_06 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_03_02_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_03_02_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_03_02_03 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_03_02_04 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_03_02_05 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_04_01_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_04_01_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_04_01_03 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_05_01_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_05_01_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_05_01_03 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_05_01_04 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_05_01_05 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_06_01_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_06_01_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_06_02_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_06_03_01 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_06_03_02 {
		background-position: center center;
	}
	.cat_content > div .box_cat_content_item.cat_07_01_01 {
		background-position: 11% 17%;
	}
	.cat_content > div .box_cat_content_item.cat_07_01_02 {
		background-image: url("../images/cat_07_01_02_bg.webp");
		background-position: center 10%;
	}
	.cat_content > div .box_cat_content_item.cat_07_01_03 {
		background-image: url("../images/cat_07_01_03_bg.webp");
		background-position: center 10%;
	}
	.cat_content > div .box_cat_content_item.cat_07_01_04 {
		background-image: url("../images/cat_07_01_04_bg.webp");
		background-position: center 10%;
	}
	.cat_content > div .box_cat_content_item.cat_07_01_05 {
		background-image: url("../images/cat_07_01_05_bg.webp");
		background-position: center 10%;
	}
	.cat_content > div .box_cat_content_item.cat_07_02_01 {
		background-position: center center;
	}
	.classification {
		font-size: 3.5vw;
		margin-bottom: 5%;
	}
	.cat_content > div .box_item_txt h4 {
		font-size: 5.5vw;
		margin-bottom: 5%;
	}
	.cat_content .cat_04_01_02 .box_item_txt h4 {
		font-size: 5vw;
	}
	.cat_03 .cat_content > div .box_item_txt h4,
	.cat_03 .cat_03_02_02 .box_item_txt h4 {
		font-size: 4.5vw;
	}
	.cat_content > div .box_item_txt .area_ttl_01 span {
		font-size: 3.5vw;
	}
	.cat_content > div .box_item_txt .series_name {
		font-size: 3vw;
	}
	.cat_content > div .box_item_txt h4 span {
		font-size: 3vw;
	}
	.cat_content > div .box_item_txt .explanation {
		margin-bottom: 7%;
		font-size: 3.5vw;
	}
	.cat_content > div .box_item_txt .scale {
		margin-bottom: 5%;
		font-size: 5vw;
	}
	.cat_content > div .box_item_txt .scale span {
		font-size: 3.5vw;
	}
	.cat_content > div .box_item_txt .scale.size span {
		font-size: 3vw;
	}
	.cat_content > div .box_item_txt .area_detail .box_img {
		width: 25%;
	}
	.cat_content > div .box_item_txt .area_detail .box_txt {
		width: 75%;
		padding: 0 0 0 3%;
	}
	.cat_content > div .box_item_txt .area_detail .box_txt p {
		font-size: 3.5vw;
	}
	.cat_content > div .box_item_txt .area_detail .box_txt h5 {
		font-size: 4vw;
		font-style: normal;
	}
	.cat_content > div .box_item_txt .price {
		font-size: 7vw;
		margin-bottom: 5%;
		margin-top: 3%;
	}
	.cat_content > div .box_item_txt .price span {
		font-size: 4vw;
	}
	a.item_btn {
		max-width: none;
		width: 100%;
		font-size: 4vw;
	}
	.btn_bk_img {
		width: 100%;
	}
	.btn_bk_img img {
		width: 100%;
	}
	a.item_btn .btn_txt img {
		right: 5%;
		width: 2%;
	}
	.cat_content > div .box_item_txt .area_detail {
		align-items: flex-start;
		margin-bottom: 5%;
	}
	.area_itemset {
		padding: 3% 0 0 0;
		margin-top: 8%;
	}
	.area_itemset a.item_btn {
		margin-top: 3%;
	}
}
@media screen and (max-width: 670px) {
	.area_fv {
		height: 35vh;
	}
}
@media screen and (max-width: 570px) {
	.area_fv {
		height: 31vh;
	}
}
@media screen and (max-width: 500px) {
	.area_fv {
		height: 27.5vh;
	}
}
@media screen and (max-width: 460px) {
	.area_fv {
		height: 25.5vh;
	}
}
@media screen and (max-width: 430px) {
	.area_fv {
		height: 22.5vh;
	}
}
@media screen and (max-width: 380px) {
	.area_fv {
		height: 22.5vh;
	}
}
/******* メイクアップ *******/
#makeup h2 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding: 30px 0;
}
#makeup .cat_summary {
    justify-content: center;
    margin-bottom: 60px;
}
#makeup .cat_summary > div {
    width: auto;
}
.area_makeup_item {
	width: 873px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	border-bottom: 1px solid #ffffff;
}
#makeup .box_item_top {
	content: "";
	display: block;
	width: 100%;
	height: 17px;
	background-image: url("../images_/makeup_item_Lline_top.webp");
	background-repeat: no-repeat;
	background-position: 24px 0;
}
#makeup .box_item_bottom {
	content: "";
	display: block;
	width: 100%;
	height: 17px;
	background-image: url("../images_/makeup_item_Lline_bottom.webp");
	background-repeat: no-repeat;
	background-position: 24px 0;
}
#makeup .box_item {
	background-image: url("../images_/makeup_item_Lline.webp");
	background-repeat: repeat-y;
	background-position: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 30px 0;
}
#makeup .box_item .namber {
	width: 179px;
}
#makeup .area_item_content {
	width: calc(100% - 179px);
	padding: 0 0 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#makeup .area_item_content .item {
	width: 420px;
}
#makeup .area_item_content .item h3 {
	font-size: 20px;
	margin-bottom: 30px;
}
#makeup .area_item_content .area_detail {
	width: calc(100% - 420px);
	padding: 20px;
	background: rgba(51, 51, 51, 0.35);
	margin-left: 20px;
}
#makeup .area_item_content .area_detail .box_img {
	margin-bottom: 15px;
}
#makeup .area_item_content .area_detail p {
/*    font-family: YuMincho, "Hiragino Mincho ProN", 'Noto Serif JP', serif;*/
    font-weight: 600;
    font-size: 16px;
}
#makeup .area_makeup_item_outline {
	width: 873px;
	margin: 0 auto;
	padding: 60px 0 80px;
	text-align: center;
}
.makeup_item_btn {
	display: flex;
    justify-content: center;
	margin-bottom: 30px;
}
#makeup .box_scale {
	display: flex;
    justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
#makeup .box_scale .scale {
	line-height: 1;
	font-size: 30px;
}
#makeup .box_scale .scale span {
	font-size: 20px;
}
#makeup .box_price {
	margin-bottom: 30px;
	font-size: 36px;
}
#makeup .box_price span {
	font-size: 19px;
}
.deadline {
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 20px;
}
.back_btn {
	text-align: center;
}
.back_btn a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 3px 0;
}
#makeup .makeup_about .box_cat_summary {
	padding: 0;
}
#makeup .makeup_about .box_cat_summary {
    width: 873px;
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 30px;
}
.makeup_about .box_cat_summary .box_img {
	width: 400px;
}
.makeup_about .box_cat_summary .box_txt {
	width: 385px;
	font-family: YuMincho,
	"Hiragino Mincho ProN",
	'Noto Serif JP', serif;
}
.makeup_about .box_cat_summary .box_txt h3 {
	font-weight: 900;
	font-size: 29px;
	text-align:justify;
	margin-bottom: 15px;
    padding: 0;
}
#makeup .box_cat_summary {
	position: relative;
}
#makeup .box_cat_summary .deadline {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 22px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    margin-bottom: 0;
	color: #ffffff;
}
a.makeup_more {
	border-bottom: 1px solid;
	font-weight: bold;
}
.item_more {
  display: none;
}
.popup_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  z-index: 998;
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 999;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 80%;
  max-height: 80%;
}
.popup img {
  width: 100%;
  height: auto;
}
.close_btn, .prev_btn, .next_btn {
  position: absolute;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.close_btn { top: 10px; right: 10px; }
.prev_btn { top: 50%; left: 10px; transform: translateY(-50%); }
.next_btn { top: 50%; right: 10px; transform: translateY(-50%); }
.item_slide {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.item_slide img {
  width: 100%;
  height: auto;
  display: block;
}
.area_makeup_item .swiper-pagination-bullet {
    background: #ffffff;
}
.area_makeup_item .swiper-pagination-bullet-active {
    background: #ffffff;
}
.item_group {
  position: relative;
  padding: 0 20px;
  overflow: visible;
  margin-bottom: 30px;
}
.item_slide {
  overflow: hidden;
}
.area_makeup_item .swiper-pagination {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
.swiper-nav-prev,
.swiper-nav-next {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 20;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-nav-prev {
  left: -30px;
}
.swiper-nav-next {
  right: -30px;
}
.swiper-nav-prev::before {
  content: "＜";
  font-size: 20px;
  color: #fff;
}
.swiper-nav-next::before {
  content: "＞";
  font-size: 20px;
  color: #fff;
}
@media screen and (max-width: 768px) {
	.area_makeup_item {
		width: 97%;
		padding: 0 0 10% 0;
	}
	#makeup h2 {
		font-size: 5vw;
	}
	#makeup .cat_summary {
		width: 97%;
        margin: 0 auto 5%;
	}
	.area_makeup_item_outline {
		width: 100%;
		padding: 10% 0 20%;
	}
	#makeup .box_item_top {
		background-position: 3% bottom;
		background-size: 3%;
	}
	#makeup .box_item_bottom {
		background-position: 3% top;
		background-size: 3%;
	}
	#makeup .box_item {
		background-position: 3% 0;
		background-size: 3%;
		align-items: flex-start;
	}
	#makeup .area_item_content .item h3 {
		font-size: 3.7vw;
		margin-bottom: 5%;
	}
	#makeup .area_item_content {
		width: 78%;
		padding: 0 0 0 3%;
		display: block;
	}
	#makeup .box_item .namber {
    	width: 24%;
	}
	#makeup .area_item_content .area_detail {
		width: 100%;
		padding: 3%;
		margin-left: 0;
		display: flex;
        align-items: flex-start;
		justify-content: space-between;
	}
	#makeup .area_item_content .item {
		width: 100%;
		margin-bottom: 3%;
	}
	#makeup .area_item_content .item img {
		width: 90%;
	}
	#makeup .area_item_content .area_detail .box_img {
	    margin-bottom: 0;
		width: 25%;
	}
	#makeup .area_item_content .area_detail .box_txt {
	    margin-bottom: 0;
		width: 73%;
		padding: 0% 3%;
	}
	#makeup .area_item_content .area_detail p {
		font-size: 3.5vw;
	}
	#makeup .box_scale {
		gap: 3%;
		margin-bottom: 6%;
		flex-wrap: wrap;
	}
	#makeup .box_scale .scale span {
		font-size: 3vw;
	}
	#makeup .box_price {
		margin-bottom: 5%;
		font-size: 7vw;
	}
	#makeup .box_price span {
		font-size: 4vw;
	}
	#makeup .box_scale img {
		width: 100%;
	}
	#makeup .box_scale .scale {
		font-size: 5vw;
		width: 100%;
		margin-bottom: 3%;
	}
	#makeup .area_makeup_item_outline {
		width: 97%;
		padding: 10% 0 15%;
		text-align: center;
	}
	.makeup_item_btn {
		margin-bottom: 5%;
	}
	.back_btn a {
		padding: 0 0 1% 0;
	}
	#makeup .makeup_about .box_cat_summary {
		width: 100%;
		display: block;
		padding: 20px;
	}
	.makeup_about .box_cat_summary .box_img {
		margin-bottom: 4%;
	}
	.makeup_about .box_cat_summary .box_img,
	.makeup_about .box_cat_summary .box_txt {
		width: 100%;
	}
	.makeup_about .box_cat_summary .box_txt h3 {
		font-size: 4.5vw;
		margin-bottom: 4%;
		text-align: center;
	}
	.popup {
		width: 95%;
	}
	.prev_btn {
		left: 5px;
	}
	.close_btn, .prev_btn, .next_btn {
		width: 25px;
		height: 25px;
		font-size: 15px;
	}
	.next_btn {
		right: 5px;
	}
	.swiper-nav-next {
		right: -15px;
	}
	.swiper-nav-prev {
    	left: -15px;
	}
	#makeup .box_cat_summary img {
		padding-bottom: 10px;
	}
	#makeup .box_cat_summary .deadline {
		position: relative;
		left: 0;
		bottom: 0;
		text-align: center;
		font-size: 16px;
	}
}