@charset "UTF-8";

@media (min-width: 1011px) {
/***** COMMON *****/
a,button {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
a:hover,
button:hover {
	opacity: 0.5;
	cursor: pointer;
}
.hidden-phone {
	display: block!important;
}
.visible-phone {
	display: none!important;
}
.clearfix > .left,
.clearfix > li {
	float: left;
}
.clearfix > .right {
	float: right;
}
.table-layout02 {
	display: table;
	width: 100%;
}
.table-layout02 > * {
	display: table-cell;
}
.container {
	width: 980px;
	margin: 0 auto;
}



/***** main *****/


/* collection */
.slick-arrow {
	margin-bottom: 60px;
}
#cl-main-slide .slick-arrow {
	top: 34%;
}
#cl-main-slide .slick-prev {
	left: -53px;
}
#cl-main-slide .slick-next {
	right: -53px;
}
#cl-main-slide img {
	width: auto;
	height: 100%;
	max-width: 100%;
}
#collection-past .back-number-list figure{
    height: 170px;
    overflow: hidden;
}
#collection-past .back-number-list img{
    height: auto;
}
/*.main-tit*/
.main-tit{
    padding: 20px;
    font-size: 24px;
}   
/**************************************
     個別ページここから
***************************************/
.btn a:hover {
	color: #FFF;
	background-color: #6a665e;
	opacity: 1;
}


    
/*pagination*/
.pagination{
    height: 25px;
}
.pagination .btn-prev{
    left: 25%;
}
.pagination .btn-next{
    padding-right: 20px;
    right: 25%;
} 
.pagination .btn-prev img,
.pagination .btn-next img{
    width: 12px;
    height: 20px;
}
.pagination ul.page-numbers li{
    padding-left: 11px;
    padding-right: 11px;
    font-family:  "Roboto Condensed", sans-serif;
}
.pagination ul.page-numbers .current:after{
    bottom: -5px;
    width: 15px;
    margin-left: -8px;
}

/*shop list*/
	
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 900px;
	margin:0 auto;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px 0 10px 30px;
}

.col_4 > div:nth-child(1) {
  margin-top: 20px;
}	
.col_4 > div:nth-child(2) {
  margin-top: 20px;
}	
.col_4 > div:nth-child(3) {
  margin-top: 20px;
}
.col_4 > div:nth-child(4) {
  margin-top: 20px;
}	
	

.cl {
	clear:both;
}