@charset "utf-8";
/* CSS Document */

/***** タイトルとナビ *****/
#pagearea #esthe-bigin h2,#pagearea #esthe-bigin h3{
    border: none;
    background: none;
}
#pagearea #esthe-bigin{
    background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-back1.png) no-repeat;
    background-position: 100% 45%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    background-size: 60%;
}
#pagearea #esthe-bigin h2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#pagearea #esthe-bigin p{
    text-align: center;
    margin: 20px 10px;
    font-size: 15px;
}
#pagearea #esthe-bigin nav{
    background: #eceff7 ;
    padding: 15px;
    width: 90%;
    margin:30px auto;
}
#pagearea #esthe-bigin nav h2{
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto -15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #515663;
}
#pagearea #esthe-bigin nav h3{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#main3 #esthe-bigin nav a:hover{
    text-decoration:none;
    color: #4434a3;
	font-weight: bold;
}
#main3 #esthe-bigin nav ul{
    display: flex;
    justify-content: space-evenly;
    margin: 10px auto;
}
#main3 #esthe-bigin nav ul li{
    text-align: center;
}
#main3 #esthe-bigin nav ul:nth-of-type(3) li{
    border: 1px solid #4434a3;
    background: #fff;
    color: #4434a3;
    border-radius: 5px;
    width: calc(25%);
    opacity: 0.9;
    position:relative;
}
#main3 #esthe-bigin nav ul:nth-of-type(3) li a{
    display: block;
    width: 100%;
    height: 100%;
    padding:5px;
    color: #4434a3;
}
#main3 #esthe-bigin nav ul:nth-of-type(3) li a:after{
    content:"▶";
    font-size:8px;
    color: #4434a3;
    position:absolute;
    top:50%;
    right:10%;
    transform:translate(0,-50%);
}
#main3 #esthe-bigin nav ul:nth-of-type(3) li a:hover{
    text-decoration:none;
    color: #4434a3;
	font-weight: bold;
}
#main3 #esthe-bigin nav p.btn{
    background: linear-gradient(-40deg, rgba(76, 123, 167, 1) 0%, rgba(68, 52, 163, 1) 100%);
    color: #fff;
    margin: 30px auto;
    width: 70%;
    border-radius: 20px;
	overflow: hidden;
	transition: background 0.3s ease;
}
#main3 #esthe-bigin nav p.btn a{
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
}
#main3 #esthe-bigin nav p.btn a:after{
    content:"▼";
    font-size:8px;
    color: #fff;
    position:absolute;
    top:50%;
    right:10%;
    transform:translate(0,-50%);
}
#main3 #esthe-bigin nav p.btn:hover{
    background: linear-gradient(-40deg, rgba(68, 52, 163, 1) 0%, rgb(68, 52, 163, 1) 100%);
    border-radius: 20px;
}
#main3 #esthe-bigin nav p.btn a:hover{
	text-decoration: none;
	font-weight: normal;
}

/***** ランキング以下 *****/
main#esthe-category{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	width: 980px;
}
main#esthe-category section#es-scrub,main#esthe-category section#esthe{
	margin: 10px auto 70px;
}
main#esthe-category section{
	margin: 70px auto;
}

/***見出し要素***/
main#esthe-category h2{
    font-size: 15px;
    margin: 100px auto 0;
    position: relative;
    text-align: center;
    padding: 10px 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    border: none;
    background: none;
    overflow: visible;
}
main#esthe-category h2:before{
    content: "CATEGORY";
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: -70%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
main#esthe-category h2:nth-of-type(2):before{
    content: "JOB";
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: -70%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
main#esthe-category h2:nth-of-type(3):before{
    content: "BRAND";
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: -70%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
main#esthe-category h3{
    font-size: 22px;
    background: #eceff7;
    padding: 10px;
    margin: 0 auto 10px;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    border: none;

}
main#esthe-category h4{
	font-size: 18px;
	margin: 10px 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
main#esthe-category h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/*見出し-JOB*/
main#esthe-category section#esthe h3,
main#esthe-category section#clinic h3,
main#esthe-category section#rece h3{
    text-align: left;
    height: 150px;
    width: 980px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding: 0 0 0 20px;
	position: relative;
    margin: 0 auto 20px;
}
main#esthe-category section#esthe h3 {
    background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-h2-esthe.jpg) no-repeat;
	background-size: 100%;
}
main#esthe-category section#esthe h3:after{
	content: "esthetic uniform";
	color: #9a9168;
	font-size: 14px;
	position: absolute;
	top: 60%;
	left: 20px;
}
main#esthe-category section#clinic h3:after{
	content: "beauty clinic uniform";
	color: #9a9168;
	font-size: 14px;
	position: absolute;
	top: 60%;
	left: 20px;
}
main#esthe-category section#rece h3:after{
	content: "clinic reception uniform";
	color: #9a9168;
	font-size: 14px;
	position: absolute;
	top: 60%;
	left: 20px;
}
main#esthe-category section#clinic h3 {
    background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-h2-clinic.jpg) no-repeat;
	background-size: 100%;
}
main#esthe-category section#rece h3 {
    background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-h2-rece.jpg) no-repeat;
	background-size: 100%;
}
/*見出し-BRAND*/
main#esthe-category section#brand h3{
	position: relative;
	padding: 20px 0 30px;
	margin: 40px auto 15px;
}
main#esthe-category section#brand h3:first-of-type{
	margin: 10px auto;
}
main#esthe-category section#brand h3:first-of-type:after{
	content: "unite division of me";
	color: #9a9168;
    font-size: 14px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
}
main#esthe-category section#brand h3:nth-of-type(2):after{
	content: "ミッシェルクラン";
	color: #9a9168;
    font-size: 14px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
}
main#esthe-category section#brand h3:nth-of-type(3):after{
	content: "Laura Ashley";
	color: #9a9168;
    font-size: 14px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
}
main#esthe-category section#brand h3:nth-of-type(4):after{
	content: "ラ・ボーテ";
	color: #9a9168;
    font-size: 14px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
}

/* メイン商品 */
main#esthe-category div.main-p {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
main#esthe-category div.main-p div.left, 
main#esthe-category div.main-p div.right
{
    width: 48%;
} 
main#esthe-category div.main-p div.right h4
{
    font-weight: normal;
}
main#esthe-category div.main-p div.left img{
	width: 100%;
	height: auto;
	display: block;
}
main#esthe-category div.main-p div.right{
	display: flex;
	flex-direction: column;
}
main#esthe-category div.main-p div.right img{
	width: 45%;
    height: auto;
    margin: 30px auto 15px !important;
}
/* POINT */
main#esthe-category div.point{
    padding: 15px;
    background: #eef1f0;
}
main#esthe-category div.point h5{
    color: #477aa9;
}
main#esthe-category div.point ol{
    margin: 0px;
    padding: 0px;
}
main#esthe-category div.point ol li{
    list-style: inside;
    margin: 0 0 0 10px;
}

/* REVIEW */
main#esthe-category div.review{
    padding: 15px;
    background: #eceff7;
    margin: auto 0 0;
}
main#esthe-category div.review h5{
    position: relative;
    margin: 10px 0;
}
main#esthe-category div.review h5.star5:after{
    content: "★★★★★";
    color: #dcb579;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 60%;
    transform: translate(0, -50%);
}
main#esthe-category div.review h5.star4:after{
    content: "★★★★☆";
    color: #dcb579;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 60%;
    transform: translate(0, -50%);
}

/* ボタン */
main#esthe-category p.btn{
    background: linear-gradient(-40deg, rgba(76, 123, 167, 1) 50%, rgba(68, 52, 163, 1) 100%);
    width: 70%;
    margin: 30px auto 0;
    position: relative;
	font-weight: bold;
	font-size: 15px;
}
main#esthe-category p.btn a{
    padding: 10px;
    display: block;
    color: #fff;
    text-align: center;
}
main#esthe-category p.btn a:after{
    content:"▶";
    font-size:8px;
    color: #fff;
    position:absolute;
    top:50%;
    right:10%;
    transform:translate(0,-50%);
}
main#esthe-category p.btn a:hover{ 
	text-decoration: none;
    background: #4434a3;
}

/* サブ商品 */
main#esthe-category div.sub-p h4{
	text-align: center;
	margin: 40px auto 15px;
	font-weight: bold;
}
main#esthe-category div.sub-p > p{ margin: 10px auto 20px; }
main#esthe-category div.sub-p ul{
    display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
main#esthe-category div.sub-p ul li{
    width: calc(23%);
	display: flex;
    flex-direction: column;
	position: relative;
}
main#esthe-category div.sub-p ul li a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main#esthe-category div.sub-p ul img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}
main#esthe-category div.sub-p ul li p.price{
	text-align: right;
}
main#esthe-category div.sub-p ul li p.cap{
	background: #eceff7;
	padding: 15px;
	margin: auto 0 0;
}
main#esthe-category div.sub-p p.btn{
	width: 60%;
}
/*法人*/
main#esthe-category section#hojin{
	background: #eceff7;
	padding-bottom: 30px;
}

main#esthe-category section#hojin h3 {
    margin: 0 auto;
    padding: 100px 0 20px;
	font-size: 15px;
	position: relative;
	background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-back-corp.jpg) no-repeat;
}
main#esthe-category section#hojin h3:before{
	content: "TO CORPORATIONS";
    color: #4baec0;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0);
}
main#esthe-category section#hojin h4{
	text-align: center;
	font-weight: bold;
}
main#esthe-category section#hojin > div.sub-p{
	padding: 0 20px;
	margin: 10px auto;
}
main#esthe-category section#hojin div.sub-p div.form {
    width: 90%;
    margin: 60px auto 0;
    text-align: center;
    background: #c6bfe8;
	padding-bottom: 20px;
	border-radius: 10px;
}
main#esthe-category section#hojin div.sub-p div.form h5{
	text-align: center;
	padding: 30px 0 0;
	position: relative;
	font-size: 18px;
}
main#esthe-category section#hojin div.sub-p div.form h5:before {
    content: "";
    background: url(https://gigaplus.makeshop.jp/thsnet/images/page/esthetic/img-icon.png) no-repeat;
    position: absolute;
    top: -45%;
    left: 18%;
    padding: 40px;
    background-size: contain;
}
main#esthe-category section#hojin div.sub-p div.form ul{
	display: flex;
	justify-content: space-around;
	padding: 0;
	list-style: none;
}

main#esthe-category section#hojin div.sub-p div.form ul li{
	width: 45%;
}
main#esthe-category section#hojin div.sub-p div.form ul li a{
	display: block;
	position: static;
	width: 100%;
	padding: 20px 0;
	background: #fff;
	color: #4434a3;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
}
main#esthe-category section#hojin div.sub-p div.form ul li a:before{
    content:"▶";
    font-size:8px;
    color: #4434a3;
    position:absolute;
    top:50%;
    left:10%;
    transform:translate(0,-50%);
}
main#esthe-category section#hojin div.sub-p div.form ul li a:hover{
	background: #daeef8;
}

/*ブランド*/
main#esthe-category section#brand{
	margin: 10px auto 40px;
}
main#esthe-category section#brand ul {
    display: flex;
}
main#esthe-category section#brand ul li {
    width: 50%;
}
main#esthe-category section#brand ul > li:first-child img {
    width: 500px;
    height: auto;
}
main#esthe-category section#brand ul > li:nth-child(2) {
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
}
main#esthe-category section#brand ul > li:nth-child(2) p.btn{
	width: 75%;
}
/*その他共通*/
#main3 #esthe-bigin .txt_small, main#esthe-category .txt_small{ font-size: 10.5px;}
#main3 #esthe-bigin .txt_big, main#esthe-category .txt_big{ font-size: 20px; }
#main3 #esthe-bigin .txt_blue, main#esthe-category .txt_blue{ color: #6680b9; margin: 5px 0; }
#main3 #esthe-bigin .txt_can, main#esthe-category .txt_can{ text-decoration: line-through; }


/***スライダー***/
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
  font-weight: 400;
  font-style: normal;
}
.swiper-container {
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
}
.swiper-container .swiper-button-next::after, .swiper-button-prev::after {
font-family: swiper-icons;
    font-size: 20px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-weight: bold;
    background: #acacac;
    color: #114c89;
    padding: 8px;
}
.swiper-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto;
}
.swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
:root {
    --swiper-theme-color: #b59f27;
}