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


/*リンクのズレ調整*/
@media screen and (max-width:480px) { 
#recommended_anchor,#category_search_anchor,#longseller_anchor,#new_anchor{
	margin-top:-100px;
  padding-top:100px;
	display: block;
}
}

/*********************************************
 
	         　共通
 
*********************************************/
#liberty{
	font-family: 'Noto Serif JP', serif;
	font-size:16px;	
	line-height:1.8rem;
	color: #1c1b20;
	font-weight: 400;
	background-color: #fff;
}
#liberty a{
	color: #1c1b20;	
	text-decoration: none;
}
#liberty .contents_wrapper{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}
h2.liberty_tit{
	font-weight: 700;
	text-align: center;
	font-size: 2rem;
	padding: 80px 0 30px;
}

h2.liberty_tit::after{
	content: "";
	display: block;
	width: 50px;
	border-bottom: solid 2px #1c1b20;
	margin: 20px auto 0;
}

.libertyNavi h2.liberty_tit{
	font-weight: normal;
	font-family: 'Libre Baskerville', serif;
}

h2.liberty_tit::first-letter{
	color: #b5a07e;
}

p.liberty_txt{
	text-align: center;
	margin-bottom: 50px;
}

#marker,#material{
	margin-top: -10px;
	padding-top: 10px;
}



/*　画面サイズが990pxからはここを読み込む　*/
@media screen and (max-width:990px) { 
	#liberty .contents_wrapper{
		padding: 0 3%;
		box-sizing: border-box;
	}
}
@media screen and (min-width:780px) { 
	.pc_none{
		display: none !important;
	}
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	body{
		font-size:15px;	
	}
	.sp_none{
		display: none !important;
	}	
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	h2.liberty_tit{
		padding: 15% 0 9%;
		font-size: 6vw;
	}	
	.recommended_titimg1,
	.pickup_titimg1,
	.recommended_titimg2,
	.pickup_titimg2{
		top: -4%;
		width: 31%;
	}
}

/*********************************************
 
	         　main
 
*********************************************/
#main{
}
.libertyMain{
	width: 100%;
	background-image: url("/img/usr/handicraft/event/liberty/2112_main.png?220318");
	height: 480px;
	background-size: cover;
	background-position: center;
	text-align: center;
	color: rgba(255,255,255,0);
}
.libertyMain .contents_wrapper{
	position: relative;
	
}
.libertyMain img{
	position: absolute;
	top: 60px;
	left: 0px;
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	.libertyMain{
		
	}
	.libertyMain img{
		width: 50%;
		top: 140px;
	    left: 6%;
	}
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	.libertyMain{
		height: 370px;
	}
	
	.libertyMain img{
		width: 80%;
        top: 100px;
	}
}

/*********************************************
 
	         　read
 
*********************************************/
#read{
	background-color: #fdfaf5;
	padding: 5% 0;
	text-align: center;
}

#read img{
	margin-top:40px;
	max-width: 888px;
	width: 100%;
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	#read{
		padding: 10% 0;
	}
	#read img{
		margin-top:20px;
	}
}

/*********************************************
 
	         　navi
 
*********************************************/
.libertyNavi{
	margin: 0 auto 50px !important;
}

.libertyNavi ul{
	display: flex;
	justify-content: center;
}

.libertyNavi ul li{
	margin-right: 20px;
}

.libertyNavi ul li:last-child{
	margin-right: 0;
}

.zyunnbityuu_box{
    position:relative;
}
.zyunnbityuu {
    width: 100%;
    height: 100%;
    line-height: 6;
    font-size: 1.5rem;
    position: absolute;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	.libertyNavi{
		margin: 0 auto 50px !important;
	}
    
	.libertyNavi ul{
        flex-wrap:wrap;
        justify-content: space-between;
}
    
	.libertyNavi ul li{
		width: 27%;
		margin: 2%;
	}
    .libertyNavi ul li:last-child{
	margin-right: 2%;
}
	
	.libertyNavi ul li img{
		width: 100%;
}
   .zyunnbityuu {
    width: 100%;
    height: 100%;
    line-height: 5;
    font-size: 0.8rem;
    position: absolute;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
}

	
}


/*********************************************
 
	         　keyword
 
*********************************************/
.libertykeyword{
	max-width: 760px;
    width: 100%;
    margin:0px auto 100px;
    display:flex;
    justify-content:space-between;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    border:1px solid #97377e;
    font-weight:600;
}

.keyword_tit{
    width:30%;
    padding:15px 0;
    color:#fff;
    font-size:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    font-weight:600;
    background-color:#97377e;
}


.keyword{
    width:70%;
    padding: 15px 4%;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    font-weight:600;
}


.keyword_txt{
    width:calc(100%/2);
    color:#2c2633;
    text-align:center;
}

.keyword_txt a{
    color:#2c2633;
    font-size:14px;
}


.keyword_txt a:hover{
    text-decoration-line: underline!important;
    text-decoration-color: #97377e!important;
    text-decoration-thickness: 1px!important;
}

@media screen and (max-width:768px){
    .libertykeyword {
    max-width: 760px;
    width: 90%;
    margin: 0px auto 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    border: 1px solid #97377e;
    font-weight: 600;
}
    .keyword_tit{
    width:100%;
    padding:15px 0;
    color:#fff;
    font-size:20px;
    text-align:center;
    font-weight:600;
    background-color:#97377e;
}


.keyword{
    width:100%;
    padding:15px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    font-weight:600;
}
    
    .keyword_txt{
    width:50%;
    color:#2c2633;
    font-size:16px;
    text-align:center;
}
    
    .keyword_txt a{
    color:#2c2633;
    font-size:15px;
}

}

/*********************************************
 
	         　ribon
 
*********************************************/
.riberty_ribon{
	background-image: url("/img/usr/handicraft/event/liberty/2105_riberty_ribon.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 156px;
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
.riberty_ribon{
	height: 100px;
	}

}
/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
.riberty_ribon{
	height: 60px;
	}
}

/*********************************************
 
	         　newarrival
 
*********************************************/
#new_arrival{
	background-color: #fdfaf5;
    padding-bottom: 80px;
}
#new_arrival .contents_wrapper{
	position: relative;	
}
.new_arrivalItem{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.new_arrivalItem li{
	width: calc(96%/4);
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}

.new_arrivalItem li span::before {
    content: "";
    display: block;
    border-bottom: solid 1px #666666;
    margin: 7px auto;
    width: 30px;
}
.new_arrivalItem p {
    margin-top: 16px;
}

.new_arrivalItem li span{
	font-weight: normal;
	font-size: 0.72em;
	color: #666666;
}
.new_arrivalItem li a:hover{
	display: block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;		
	-webkit-animation-name: pulse;
	animation-name: pulse;	
}
.new_arrivalItem li img{
	width: 100%;
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	#new_arrival{
		padding-bottom: 15%;
	}
	.new_arrivalItem li{
		width:100%;
	}
}

/*********************************************
 
	         　recommended
 
*********************************************/
#recommended{
	background-color: #fdfaf5;
    padding-bottom: 80px;
}
#recommended .contents_wrapper{
	position: relative;	
}
.recommendedItem{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommendedItem li{
	width: calc(96%/3);
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}

.recommendedItem li span::before {
    content: "";
    display: block;
    border-bottom: solid 1px #666666;
    margin: 7px auto;
    width: 30px;
}

.recommendedItem p {
    margin-top: 16px;
}

.recommendedItem li span{
	font-weight: normal;
	font-size: 0.72em;
	color: #666666;
}
.recommendedItem li a:hover{
	display: block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;		
	-webkit-animation-name: pulse;
	animation-name: pulse;	
}
.recommendedItem li img{
	width: 100%;
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	#recommended{
		padding-bottom: 15%;
	}
	.recommendedItem li{
		width:100%;
	}
}
/*********************************************
 
	         　category_search
 
*********************************************/
#category_search{
	padding-bottom: 80px;
}
.cateItemImg:hover{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;		
	-webkit-animation-name: pulse;
	animation-name: pulse;	
}
.cateItemImg img{
	width: 100%;
}
.cateItemList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cateItemList li{
	width: 48%;
	margin-bottom: 30px;
}
.cateItemList p{
	margin-top: 16px;
}

.cateItemList p.longseller_itemname{
	border-left: solid 6px #b5a07e;
	padding-left: 14px;
	font-size: 20px;
	font-weight: 600;
}


/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	
	.cateItemList li{
		width: 100%;
	}
	
	.cateItemList p.longseller_itemname{
		font-size: 18px;
	}
	
}

/*********************************************
 
	         　longseller
 
*********************************************/
#longseller{
	padding-bottom: 80px;
	background-color: #fdfaf5;
}
.longsellerItem2Img:hover{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;		
	-webkit-animation-name: pulse;
	animation-name: pulse;	
}
.longsellerItem2Img img{
	width: 100%;
}
.longsellerItem2List{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.longsellerItem2List li{
	width: 32%;
	margin-bottom: 30px;
	text-align: center;
}


.longsellerItem2List li span::before {
    content: "";
    display: block;
    border-bottom: solid 1px #666666;
    margin: 7px auto;
    width: 30px;
}
.longsellerItem2List li span{
	font-weight: normal;
	font-size: 0.72em;
	color: #666666;
}

.longsellerItem2List p{
	margin-top: 16px;
	font-weight: 500;
}

.longsellerItem2List p.longseller_itemname{
	border-left: solid 6px #b5a07e;
	padding-left: 14px;
	font-size: 20px;
	font-weight: 600;
}


/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	
	.longsellerItem2List li{
		width: 48%;
	}
}


/*********************************************
 
	         　campaign
 
*********************************************/
#campaign{
    width:100%;
    margin:120px 0 0;
    padding:0 0 70px;
    background-color:#f4f4f4;
}

#feature .yurn_tit_campaign{
    width:800px;
    margin:0 auto;
}

.yurn_tit_campaign{
    text-align:center;
}

.yurn_campaign_daysbox{
    width:100%;
    margin:0;
    background:linear-gradient(#b5a17e 65%, #b5a17e 65% 85%, transparent 85% 100%);
}
.yurn_campaign_days{
    max-width:900px;
    margin:0 auto;
}

.yurn_campaign_contents_box{
    width:800px;
    margin:0 auto;
}

.yurn_campaign_contents_tit {
    margin: 35px auto 45px;
    text-align: center;
}

.yurn_campaign_contents_list{
    display:flex;
    justify-content:space-around;
}
.yurn_campaign_contents{
    width:240px;
}

.yurn_campaign_contents_txt{
    width:800px;
    display:flex;
    justify-content: flex-end;
    margin:20px auto 0;
}

.ycc_precautionary_statement{
    font-size:12px;
    line-height:2.2;
}

.ycc_btn{
    border:1px solid #333;
    border-radius:25px;
    margin-left: 20px;
    line-height:1;
}

.ycc_btn a{
    display:block;
    padding:5px 30px;
}

.ycc_btn .arrow{
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.ycc_btn .arrow::before,
.ycc_btn .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.ycc_btn .arrow::before{
    right: 12px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.embedsocial-hashtag {
    position: relative;
    width: 1000px;
    margin: 100px auto;
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
    #campaign{
    width:100%;
    margin:50px 0 0;
    padding:0 0 70px;
    background-color:#f4f4f4;
}
    
    #campaign img{
        width:100%;
    }
    
    #feature .yurn_tit_campaign{
    width:100%;
    margin:0 auto;
}
    .yurn_campaign_contents_box{
    width:100%;
    margin:0 auto;
}
    
    .yurn_campaign_contents_list{
    display:flex;
    justify-content:space-around;
        flex-wrap: wrap;
}
.yurn_campaign_contents{
    width:240px;
    margin:10px auto;
}
.yurn_campaign_contents_txt{
    width:100%;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin:20px auto 0;
}
    .ycc_btn{
    border:1px solid #333;
    border-radius:25px;
    margin: 20px 0;
    line-height:1;
}
    .ycc_btn a{
    display:block;
    padding:15px 30px;
}
    .embedsocial-hashtag {
    position: relative;
    width: 96%;
    margin: 50px auto;
}
}


/*********************************************
 
	         　weight
 
*********************************************/
#weight .liberty_tit{
	color: #fff;
	background-color: #7c60a7;
}




/*********************************************
 
	         　liberty_floating
 
*********************************************/

	.liberty_floating{
		position: fixed;
		display: none;
		top: 50px;
		left: 0;
		z-index: 999;
	}
	.liberty_floating div[class^="libertyNavi_cont"]{
		position:inherit;
		text-align: center;	
	}
	.liberty_floating div[class^="libertyNavi_cont"] img{
		width: 90px;
	}
	.liberty_floating div[class^="libertyNavi_cont"] p{
		font-size: 0.5rem;
		line-height: 0.8rem;
		margin-top: 5px;
	}
	.liberty_floating .libertyNavi_cont1{
		position: absolute;
		top: 110px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont2{
		position: absolute;
		top: 210px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont3{
		position: absolute;
		top: 310px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont4{
		position: absolute;
		top: 410px;
		left: 0;
	}
.liberty_floating .libertyNavi_cont6{
		position: absolute;
		top: 510px;
		left: 0;
	}

.liberty_floating .libertyNavi_cont5{
		position: absolute;
		top: 610px;
		left: 0;
	}

.liberty_floating div[class^="libertyNavi_cont"] .zyunnbityu_flo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 0;
    line-height: 4;
    font-size: 0.8rem;
    position: absolute;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
}

@media screen and (max-width:1380px){
    .liberty_floating div[class^="libertyNavi_cont"] img{
		width: 65px;
	}
	.liberty_floating div[class^="libertyNavi_cont"] p{
		font-size: 0.5rem;
		line-height: 0.8rem;
		margin-top: 5px;
	}
	.liberty_floating .libertyNavi_cont1{
		position: absolute;
		top: 110px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont2{
		position: absolute;
		top: 180px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont3{
		position: absolute;
		top: 255px;
		left: 0;
	}
	.liberty_floating .libertyNavi_cont4{
		position: absolute;
		top: 330px;
		left: 0;
	}
.liberty_floating .libertyNavi_cont6{
		position: absolute;
		top: 405px;
		left: 0;
	}

.liberty_floating .libertyNavi_cont5{
		position: absolute;
		top: 480px;
		left: 0;
	}
}

@media screen and (max-width:990px) { 
	.liberty_floating div[class^="libertyNavi_cont"] img{
		width: 80px;
	}
	.liberty_floating .libertyNavi_cont2 {
    top: 200px;
}
	.liberty_floating .libertyNavi_cont3 {
    top: 289px;
}
	.liberty_floating .libertyNavi_cont4 {
    top: 379px;
}
    .liberty_floating .libertyNavi_cont5 {
    top: 469px;
}
        .liberty_floating .libertyNavi_cont6 {
    top: 559px;
}
}

@media screen and (max-width:780px) { 
.liberty_floating div[class^="libertyNavi_cont"] img{
		width: 50px;
	}
	.liberty_floating .libertyNavi_cont1 {
		width: 50px;
    top: 100px;
}
	.liberty_floating .libertyNavi_cont2 {
		width: 50px;
    top: 160px;
}
	.liberty_floating .libertyNavi_cont3 {
		width: 50px;
    top: 220px;
}
	.liberty_floating .libertyNavi_cont4 {
		width: 50px;
    top: 280px;
}
    .liberty_floating .libertyNavi_cont5 {
    top: 340px;
}
    .liberty_floating .libertyNavi_cont6 {
    top: 400px;
}
}

@media screen and (max-width:480px) { 
	.liberty_floating .libertyNavi_cont1 {
		width: 50px;
    top: 110px;
}
	.liberty_floating .libertyNavi_cont2 {
		width: 50px;
    top: 165px;
}
	.liberty_floating .libertyNavi_cont3 {
		width: 50px;
    top: 220px;
}
	.liberty_floating .libertyNavi_cont4 {
		width: 50px;
    top: 275px;
}
    .liberty_floating .libertyNavi_cont5 {
    top: 330px;
}
    .liberty_floating .libertyNavi_cont6 {
    top: 385px;
}
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
/*____anime_____*/
	@-webkit-keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

	@keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

  }
}


.section_btn{
	padding: 0 0 1px 0;
}

.more_btn {
    width: 158px;
    height: 35px;
    line-height: 33px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: dnp-shuei-gothic-kin-std,sans-serif;
    font-weight: 400;
    border-radius: 18.5px;
    border-width: 1px;
    border-color: #111111;
    border-style: solid;
    background: #111111;
    position: relative;
	box-sizing: content-box;
}
.more_btn p{
	color: #ffffff;
}
.more_btn_link {
    color: #ffffff;
}
.more_btn.big_btn {
    margin: 0 auto 120px;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
	box-sizing: content-box;
}
.more_btn.big_btn::after {
    content: "";
    border-style: solid;
    border-width: 6.5px 0 6.5px 8px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 16px;
    bottom: 19px;
    z-index: 1;
}
.more_btn:hover,.select_btn:hover{
    opacity: 0.7;
    transition: 0.15s ease 0s;
}