div#visual_wrapper{
	width:100%;
	float:left;	

}


.visual_wrap{
	width:100%;
	height:auto;
	margin:auto;

}
.visual_wrap img{
	width:100%
}
.visual_wrap .visual_box{
	width:100%;
	margin-bottom:0;
	float:left;

}
.visual_box ul li{
	line-height:0;
}
.visual_box ul li:nth-child(1){
	width: calc(50% - 5px);
	margin:0 5px 10px 0;
	float:left
}

.visual_box ul li:nth-child(2){
	width: calc(50% - 5px);
	margin:0 0 10px 5px;
	float:left
}
.visual_box ul li:nth-child(3){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}


.visual_box ul li:nth-child(4){
	width: calc(50% - 5px);
	margin:0 5px 10px 0;
	float:left
}

.visual_box ul li:nth-child(5){
	width: calc(50% - 5px);
	margin:0 0 10px 5px;
	float:left
}
.visual_box ul li:nth-child(6){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}
.visual_box ul li:nth-child(7){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}
.visual_box ul li:nth-child(8){
	width: calc(100%);
	margin:0;
	float:left
}

.top_banner_wrap .top_banner_wrap_box ul li > .date{
	text-align:left;
	margin-left:1%;
	font-family: 'Libre Baskerville', serif;
	color:#333;
}
.top_banner_wrap .top_banner_wrap_box ul li > .title{
	text-align:left;
	margin-left:1%;
	font-family: 'Libre Baskerville', serif;
	color:#333
}

.fadein {
opacity : 0;
transform : translate(0px, 20px);
transition : all 800ms;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_2 {
opacity : 0;
transform : translate(0, 20px);
transition : all 1200ms;
}
.fadein_2.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_3 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1400ms;
}
.fadein_3.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_4 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1600ms;
}
.fadein_4.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.bx-has-controls-direction {
    display: none;
}

.visual_box ul li{
	line-height:0;
}
.visual_box ul li:nth-child(1){
	width: calc(50% - 5px);
	margin:0 5px 10px 0;
	float:left
}

.visual_box ul li:nth-child(2){
	width: calc(50% - 5px);
	margin:0 0 10px 5px;
	float:left
}
.visual_box ul li:nth-child(3){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}


.visual_box ul li:nth-child(4){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}

.visual_box ul li:nth-child(5){
	width: calc(50% - 5px);
	margin:0 5px 10px 0;
	float:left
}
.visual_box ul li:nth-child(6){
	width: calc(50% - 5px);
	margin:0 0 10px 5px;
	float:left
}
.visual_box ul li:nth-child(7){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}
.visual_box ul li:nth-child(8){
	width: calc(100%);
	margin:0 0 10px;
	float:left
}
.visual_box ul li:nth-child(9){
	width: calc(100%);
	margin:0;
	float:left
}

/*カテゴリー*/
.stylestudio_category_wrap{
	width:100%;
	margin:auto
}
.category_box{
	width:100%;
	margin-bottom:90px;
	float:left
}
.category_box > h2{
	width:100%;
	margin:0 0 20px;
	font-size:24px;
	font-weight:100;
	letter-spacing: 8px;
	font-family: 'Poppins', sans-serif; 
	float:left;
}
.category_box ul{
	letter-spacing:1;
	font-size:0;
	display:inline-table;
}
.category_box ul li{
	display:inline-block;
	vertical-align:top;
	position:relative
}
.category_box ul li:nth-child(1){
	width:44%;
	margin-right:5px
	

}
.category_box ul li .img_space{
	margin-bottom:5px;
}
.category_box ul li:nth-child(2){
	width:30%;
	margin-right:5px;
	vertical-align:

}
.category_box ul li:nth-child(3){
	width:25%;

}


/**** BTN No. 6 ****/
.customs-btn {
    padding: 10px 120px;
    font-weight: 500;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    color: #09C;;
	text-decoration:underline;
    /* background: #f0bfb6; */
    display: inline-block;
}



.btn-6 {
  width: 150px;
  height: 44px;
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-6 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-6 a{
	color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2.4px;
}
.btn-6:before,
.btn-6:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 2px;
  background: #000;
}
.btn-6:before {
  right: 0;
  top: 0;
  transition: all 0.1s ease;
}
.btn-6:after {
  left: 0;
  bottom: 0;
  transition: all 0.1s 0.2s ease;
}
.btn-6:hover:before {
  transition: all 0.1s 0.2s ease;
  height: 100%;
}
.btn-6:hover:after {
  transition: all 0.1s ease;
  height: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  background: #000;
}
.btn-6 span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 0.1s 0.1s ease;
}
.btn-6 span:after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.btn-6 span:hover:before {
  width: 100%;
}

/*ARTICLEやNEWS*/
.article_news_wrap{
	width:100%;
	margin:auto;
}
.article_news_box{
	width:100%;
	float:left;
}
.top_article_wrap{
	width:100%;
	margin:auto;	
	box-sizing:border-box;
	float:left
}
.top_article{
	width:100%;
	padding:30px 0;
	float:left
}
.top_article ul {
    width: 96%;
    margin-bottom: 60px;
	margin:0 2% 40px;
    transform-style: flat;
	display: inline-table;
    float: left;
}
.top_article h2 {
	width:100%;
	margin:0 0 30px;
	font-size:18px;
	font-weight:normal;
	text-align:center;	
	float:left;
}
.top_article ul li{
	width:calc(98% / 2);
	position:relative;
	margin-bottom:20px;
	display: inline-block;
	vertical-align:top
}

.top_article ul li:nth-child(2n){
	margin-left:2%
}
.top_article ul li .thumb_wrap{
  width: 100%;
  /*max-width: 150px;*/
  margin-bottom: 5px;
  position: relative;
}
.top_article ul li .thumb_wrap::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.top_article ul li .thumb_wrap img {
    width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
    margin-bottom: 5px;
}
.top_article ul li .topics_date{
    width: 100%;
    text-align: left;
    margin: 0;
	color:#999;
	font-weight:300;
	font-size:12px;
	float:left
}
.top_article ul li .topics_title a {
    width: 100%;
    text-align: left;
    margin: 0;
	font-weight:300;
	font-size:12px;
	float:left
}
.top_news_wrap{
	width: 94%;
    margin: 0 3%;
    float: left;
}
.top_news{
	width:100%;
	padding:0 0 40px;
	float:left
}
.top_news ul {
    width: 100%;
    margin-bottom: 60px;
    transform-style: flat;
    float: left;
}
.top_news h2 {
	width:100%;
	margin:0 0 30px;
	font-size:18px;
	font-weight:normal;
	text-align:center;	
	float:left;
}
.top_news ul li{
	width:100%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #999;
	float:left;
}


.top_news ul li .topics_date{
    width: 100%;
    text-align: left;
    margin: 0;
	color:#999;
	font-family: didot, 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:300;
	font-size:12px;
	float:left
}
.top_news ul li .topics_title a {
    width: 100%;
    text-align: left;
    margin: 0;
	font-weight:300;
	font-size:16px;
	float:left
}




/*スタイリング*/
.top_styling_list{
	width:84%;
	margin:auto;
}
.top_styling_list_box{
	width:100%;
	margin-bottom:0;
	float:left
}
.top_styling_list ul {
    width: 100%;
    margin-bottom: 60px;
    transform-style: flat;
    float: left;
}
.top_styling_list h2 {
	width: 100%;
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    float: left;
}
.top_styling_list ul li{
	padding:0 2px;
	float:left;
}


.top_styling_list ul li img {
    width: 100%;
    height:120px;
    padding: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.top_styling_list ul li .styling_info {
    width: 100%;
    text-align: center;
    margin: 0;
    color: #000;
    font-weight: 500;
    line-height: 140%;
    font-size: 10px;
    float: left;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}