@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css");
@import url("https://use.typekit.net/kix8dvl.css");
@import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css");
.ps_sp a{
	color: #f5d691;
	text-decoration: underline;
}
.slidebox .slide .item a:hover img {
    opacity: 1;
    background: initial;
}
.mainImgArea .maintop{
	width:100%;
	margin: 50px auto;
	padding: 0;
}
.columnBox__colListTitle,.contents_title{
/*	font-family: elido, sans-serif;*/
	font-weight: 700;
}

.frame01{
	border: 2px solid #d3979c;
}
.frame02{
	border: 2px solid #d1be9a;
}
.frame03{
	border: 2px solid #baa497;
}
.columnBox__colList{
	border-radius: 10px;
}
.pink a{
	color: #d3979c;
}
.pink span{
	width: 19px;
    top: 38px;
    position: absolute;
    height: 19px;
    margin-left: -22%;
    border-left: 2px solid #d3979c;
    border-bottom: 2px solid #d3979c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pink a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.yellow a{
	color: #baa497;
}
.yellow span{
	width: 19px;
    top: 38px;
    position: absolute;
    height: 19px;
    margin-left: -22%;
    border-left: 2px solid #baa497;
    border-bottom: 2px solid #baa497;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.yellow a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.beige a{
	color: #d1be9a;
}
.beige span{
	width: 19px;
    top: 38px;
    position: absolute;
    height: 19px;
    margin-left: -22%;
    border-left: 2px solid #d1be9a;
    border-bottom: 2px solid #d1be9a;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.beige a:hover{
	text-decoration: none;
	opacity: 0.5;
}
#feminine .caption_box .comment span{
	background: linear-gradient(transparent 60%, #e5d1d2 60%);
    border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
}

#office .caption_box .comment span{
	background: linear-gradient(transparent 60%, #f1e2cf 60%);
    border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
}

#casual .caption_box .comment span{
	background: linear-gradient(transparent 60%, #fff0b0 60%);
    border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
}
.caption_box .comment{
	font-family: vdl-penletter, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.columnBox h2{
	width: 95%;
    margin: 0 auto 30px;
    letter-spacing: 0.04em;
    font-weight: 600;
}
#feminine .contents_title{
  color: #d3979c;
  border-bottom: 3px solid #d3979c;
}
#casual .contents_title{
	color: #baa497;
  border-bottom: 3px solid #baa497;
}
#office .contents_title{
	color: #d2ad7e;
  border-bottom: 3px solid #d2ad7e;
}
#feminine{
	background-color: #e9ddde;
	width: 100%;
}
#feminine .fe_contents01{
	padding: 5% 0;
}
#feminine .fe_contents02{
	background-color: #e5d1d2;
	padding: 5% 0;
}

#casual{
	background-color: #d7d1ce;
	width: 100%;
}
#casual .ca_contents01{
	padding: 5% 0;
}
#casual .ca_contents02{
	background-color: #d4cac5;
	padding: 5% 0;
}

#office{
	background-color: #ede0d0;
	width: 100%;
}
#office .of_contents01{
	padding: 5% 0;
}
#office .of_contents02{
	background-color: #e6d6c3;
	padding: 5% 0;
}

.fe_contents01, .fe_contents02, .ca_contents01,.ca_contents02,.of_contents01,.of_contents02{
	position: relative;
}
.text{
	text-align: left;	
}
.text .text01 span{
	/*font-family: elido, sans-serif;*/
	font-weight: 700;
	font-style: normal;
}
.text .text01{
	font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #444;
}

#feminine .caption_box{
	background-color: #fff;
}
#casual .caption_box{
	background-color: #fff;
}
#office .caption_box{
	background-color: #fff;
}
.caption_box{
	position: relative;
    margin: 25px auto 50px;
    padding: 2em 2em 2em;
    line-height: 1.2;
    border-radius: 25px;
    color: #444;
    font-weight: 500;
    letter-spacing: 0.06em;
}
.caption_box .caption{
	border-bottom: 1px dashed #444;
    margin-bottom: 15px;
    padding-bottom: 4px;
    font-family: vdl-penletter, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
}


.item_list ul li.line_up_two a{
	display: flex;
	justify-content: flex-start;
}
.item_list ul li.line_up_two a:hover{
	color: #fff;
    text-decoration: underline;
}
.item_list2 ul li.line_up_two a{
	display: flex;
	justify-content: flex-start;
}
.item_list2 ul li.line_up_two a:hover{
	color: #fff;
    text-decoration: underline;
}


.slick-dots li button:before{
	font-size: 14px !important;
}

#recomended{
width: 100%;
padding: 0;
margin: 55px auto 50px;
}
.btn_container a{
	font-weight: 600;
}
.btn_container a:hover {
    background-color: #444444;
    color: #fff;
}

.recomended{
	margin: 26px auto 0 !important;
}
.orderBtn {
    margin: 0 auto;

}
.orderBtn a{
	color: #fff;
	display: block;
    font-size: 14px;
    font-size: 1.13333rem;
    color: #fff;
    border-radius: 4px;
    transition: .4s;
    position: relative;
}
.sizeM {
    width: 60%;
}
.themaBrown {
    background-color: #444;
    padding: 4% 0;
    transition: .4s;
    border-radius: 4px;
}