@charset "utf-8";
/*PC*/
@media screen and (min-width: 769px){
	#Main{
	padding-left: 70px;
	padding-right: 70px;
	}

	body footer{
		height: 325px;
		padding-bottom: 100px;
	}
	
	footer dl.sns{
		top: 638px;
	}
	
	/*Copyright*/
	footer p.copy{
		line-height: 70px;
		margin-top: -18px;
		padding-top: 266px;
		position: fixed;
		z-index: 9;
		left: 0;
		top: 0;
		height: 100%;
		text-align: left;
		
		box-sizing: border-box;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
	}	

}

/*PC*/
@media screen and (min-width: 1024px){
	footer dl.sns{
		right: -70px;
		right: 0!important;
		    left: auto!important;
	}}

/*-------------------------------------
　　.top_slider スライダーの内容
-------------------------------------*/
body #Main .top_slider li div{
	height: 682px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;	
}



/*-------------------------------------
　　.top_slider ボタン等
-------------------------------------*/
body #Main .slick-dots li,
body #Main .slick-dots li button,
body #Main .slick-dots li button::before{
	width: 13px;
	height: 13px;
	margin:0;
}

body #Main .slick-dots li{
	margin-top: 0;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 0;
}

body #Main .slick-dots li button::before {
	background-color: #000000;
	border-radius: 50%;
}

body #Main .slick-dots {bottom: 10px;}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	body #Main .slick-dots li,
	body #Main .slick-dots li button,
	body #Main .slick-dots li button::before{
		width: 2.14vw;
		height: 2.14vw;
	}
	
	body #Main .slick-dots li button{font-size: 0;}

	body #Main .slick-dots li{
		margin-right: 1.1vw;
		margin-left: 1.1vw;
	}

	body #Main .slick-dots li button::before {
		background-color: #000;
		border-radius: 50%;
		font-size: 0;
	}
	
	body #Main .slick-dots {bottom: 3vw;}
}


/*-------------------------------------
　　information
-------------------------------------*/

/*PC*/
@media screen and (min-width: 769px){
	.information{
		position: relative;
		width: 100%;
	}

	.information dl{
		position: absolute;
		z-index: 2;
		right: 20px;
		bottom: 0vw;
		float: right;
		width: 364px;
		/*width: 400px;*/
		padding:17px 20px;
		background-color: #ffffff;
		box-shadow:0px 0px 6px 1px #afafb2;
	}

	.information dl dt{
		font-size: 16px;
	}

	.information dl dd{
		font-size: 14px;
		padding-top: 0.5em;
		display: flex;
		align-items: center;
	}
	
	.information img {
		width: 90%;
	}
	
	.information a:hover {
		opacity: 0.8;
	}
	
}

.information dl{
	box-sizing: border-box;
	
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.information{
		width: 100%;
	}

	.information dl{
	padding:0.8em 1em;
	box-shadow:0px 0px 4px 1px #afafb2;
	}
	

	.information dl dt{
		font-size: 4vw;
		font-weight: 400
	}

	.information dl dd{
		font-size: 3.2vw;
		padding-top: 0.5em;
		display: flex;
		align-items: center;
	}
	
	.information img {
		width: 80%;
	}

}


/*-------------------------------------
　　information バナーver
-------------------------------------*/

/*PC*/
@media screen and (min-width: 769px){
	.information_bnr{
		max-width: 1140px;
		width: 100%;
		/*margin: 124px auto 30px; バナー2本のとき*/
		/*margin: 160px auto 200px; バナー1本のとき*/
        margin: 70px auto ; /*バナー1本が複数のとき*/
		display: flex;
	}

	/* バナーが2本のとき
	.information_bnr a {
		width: 49%;
		display: block;
		margin-right: 2%;
	}
	
		.information_bnr a:nth-child(even) {
			margin-right: 0;
		}*/
		
	/* バナーが1本のとき */
	.information_bnr a {
		width: 100%;
		display: block;
		text-align: center;
	}	

	.information_bnr dl dt{
		font-size: 16px;
		display: none;
	}

	.information_bnr dl dd{
		font-size: 16px;
	}
	
	.information_bnr img {
		width: 100%;
	}
	
	.information_bnr dl dd p:last-child {
		margin-top: 1em;
	}
	
	.information_bnr a:hover {
		opacity: 0.8;
	}
    .information_bnr_last{
        margin-bottom: 180px;
    }
	
  .information_bnr + article{
    margin-top: 180px;
  }
}

.information dl{
	box-sizing: border-box;
	
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {

	.information_bnr{
		max-width: 1140px;
		width: 100%;
		margin: 15vw auto 30px;
		display: block;
	}

	.information_bnr a {
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 2em;
		text-align: left;
	}
	
		.information_bnr a:nth-child(even) {
			margin-right: 0;
		}
		

	.information_bnr dl dt{
		font-size: 3.2vw;
		display: none;
	}

	.information_bnr dl dd{
		font-size: 3.2vw;
	}
	
	.information_bnr img {
		width: 100%;
	}
	
	.information_bnr dl dd p:last-child {
		margin-top: 1em;
	}
	
	.information_bnr a:hover {
		opacity: 0.8;
	}
    .information_bnr_last{
        margin-bottom: 27vw;
    }
  
  .information_bnr + article{
    margin-top: 27vw;
  }
}


/*-------------------------------------
　　Made in JAPAN.
-------------------------------------*/
/*PC*/
@media screen and (min-width: 769px){
	.made_in_japan{
		padding: 0 2.5%;
		margin-top: 124px;
		margin-bottom: 170px;
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}


	.made_in_japan .made_in_japan_text{
		position: relative;
		width: 33%;
		height: 530px;
		float: left;
		margin-right: 3%;
	}
	.made_in_japan .made_in_japan_img{
		position: absolute;
		right: 0;
		width: 64%;
		height: 530px;
	}	

	.made_in_japan .made_in_japan_text h2,
  .made_in_japan .made_in_japan_text h2 span{
		line-height: 72px !important;
		font-size: 60px !important;
	}/*Made in JAPAN.*/
  .made_in_japan .made_in_japan_text h2{
		margin-bottom: 39px;
		margin-top: -5px;
    text-align: left !important;
  }
	.made_in_japan .made_in_japan_text h3{
		margin-bottom: 0.7em;
		font-size: 18px;
		line-height: 30px;
	}

	.made_in_japan .made_in_japan_text p{
		line-height: 24px;
	}

	/*MORE*/
	.made_in_japan .made_in_japan_text .morebtn{
		height:86px;
		width: 86px;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 16px;
	}
	.made_in_japan .made_in_japan_text .morebtn span::after {
		width: 36px;
		height: 9px;
	}	

}

.made_in_japan .made_in_japan_text h2{
	font-family:'Raleway-ExtraLight';
	font-weight: normal;
	
}/*Made in JAPAN.*/

.made_in_japan .made_in_japan_text h2 span{
	font-family:'Raleway-Regular';
	font-weight: normal;
}/*Made in JAPAN.*/


.made_in_japan .made_in_japan_text h3{
	font-weight: normal;
	text-decoration: underline;
}

.made_in_japan .made_in_japan_img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}	


/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
		.made_in_japan{
			text-align: center;
			margin-top: 19.867vw; 
			margin-bottom: 25.867vw;
		}

		.made_in_japan .made_in_japan_text h2,
    .made_in_japan .made_in_japan_text h2 span{
			font-size: 6.4vw !important;
		}/*Made in JAPAN.*/
    .made_in_japan .made_in_japan_text h2{
			margin-bottom: 6.4vw;
    }
		.made_in_japan .made_in_japan_text h3{
			margin-bottom: 1.5em;
			font-size: 3.2vw;
			line-height: 150%;
		}

		.made_in_japan .made_in_japan_text p{
			font-size: 2.8vw;
			line-height: 4.8vw;
			margin-bottom: 5vw;
			text-align: left;
		}
	
	
		/*MORE*/
		.made_in_japan .made_in_japan_img{
			margin-top: 7.4vw;
			width: 100%;
			height: 65vw;
		}
}

/*-------------------------------------
　　SPECIAL
-------------------------------------*/
.special{
	margin-bottom: 161px;
}


.special ul{
	margin-bottom: 45px;
	margin-top: 23px;
}

.special ul li{
	width: 300px;
	margin-right:120px; 
}

.special ul li:nth-of-type(3n){
	margin-right:0; 
}

.special ul li h6{
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

.special ul li p{
	font-size: 14px;
	line-height: 16px;
}

/*-------------------------------------
　　NEW‗ITEM PICK UP
-------------------------------------*/
	.new_pickup_item{
		margin: 0 auto;
	}

.new_pickup_item .slider_content ul{
	width: 100%;
	}

/*PC*/
@media screen and (min-width: 769px){
	.new_pickup_item{
		max-width: 1140px;
		min-width: 884px;
		margin-bottom: 180px;
	}

	.new_pickup_item .slider_content{
		width: 52.7%;
  	float: right;
		font-size: 14px;
	}

	#Main article.new_pickup_item .slider_content h2{
	margin-top: 88px;
	}

	#Main article.new_pickup_item .slider_content h2 p{
	font-size:  36px;
	}

	#Main article.new_pickup_item .slider_content h2 span{
	font-size:  14px;
	margin-top: 17px;
	}

	.new_pickup_item img.title_img{
	float: left;
	width: 38.9%;
	}

	.new_pickup_item .slider_content ul li{
	text-align: center;
	line-height: 18px;
	}

	.new_pickup_item .slider_content ul li p{
	width: 80%;
	margin: 0 auto;
	}

	.new_pickup_item div ul li p span{
	margin-top: 0.8em;
	display: block;
	}/*金額*/

	
	}


/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.new_pickup_item{
		margin-bottom: 27vw;
	}

  #Main article.new_pickup_item .slider_content h2{
	margin-bottom: 4.5vw;
	}

	.new_pickup_item .slider_content ul li{
	margin-top: 6vw;
	}
	
	
	.new_pickup_item .slider_content ul li{
	text-align: left;
	font-size: 3.2vw;
	line-height: 120%;
	}

	.new_pickup_item .slider_content ul li p{
	width: 80%;
	margin: 0 auto;
	}

	.new_pickup_item div ul li p span{
	margin-top: 0.8em;
	display: block;
	}/*金額*/
	
}

/*PC*/
@media screen and (min-width: 769px){
	.new_pickup_item:nth-child(even) .slider_content{
		margin-left:4.7%;
	}
	.new_pickup_item:nth-child(odd) .slider_content{
		margin-right:4.7%;
		float: left;
	}
	.new_pickup_item:nth-child(odd) img.title_img{
		float: right;
	}
}


/*-------------------------------------
　　new_pickup_item new_item clearfix slider
-------------------------------------*/
.slick-arrow{
	z-index: 10;
}
.slick-prev:before, .slick-next:before{
	content: ""!important;
}

.slick-arrow::before,
.slick-arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	z-index: 10;
}

.slick-arrow::before{
    box-sizing: border-box;
    border: 1px solid #1a0c08;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	background-color: #EDE3D9;
}
.slick-arrow::after{
    border-top: 1px solid #1a0c08;
    border-right: 1px solid #1a0c08;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slick-prev::after{
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	 left: 14px;
}


#Main .slick-prev,#Main .slick-next{
	top:38%
}

/*PC*/
@media screen and (min-width: 769px){
	
	#Main .slick-prev, #Main .slick-next{
		width: 36px;
		height: 36px;
	}
	
	.slick-arrow::before{
	width: 36px;
	height: 36px;
	}

.slick-arrow::after{
    width: 11px;
	height: 11px;
	}	
	
	.slick-arrow::after{
	left: 14px;
	}

	.slick-next::after{
	left: 9px;
	}		
	
}




/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.slick-arrow::before{
		width: 8vw;
		height: 8vw;
	}

	.slick-arrow::after{
		left: 3.5vw;
		width: 2.5vw;
		height: 2.5vw;
	}
	
	.slick-next::after{
		left: 2.2vw;
	}	

	#Main .slick-prev,#Main .slick-next{
		top:45%;
	}

	#Main .slick-prev{
		left: -3vw
	}
	#Main .slick-next{
		right: 0
	}
}


/*-------------------------------------
　　RANKING
-------------------------------------*/
.ranking ol.clearfix {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ranking ol li{
	font-weight: 500;
}

.ranking ol li a {
	display: block;
	width: 100%;
}

.ranking ol li p{
	margin-top: 0.8em;
}

.ranking ol li p span{
	display: block;
}


.ranking ol li img{
	border:1px solid #cccccc;
	box-sizing: border-box;
	width: 100%;
}

.ranking ol li:before{
	display: block;
	margin-bottom: -0.55em;
	z-index: 2;
	position: relative;
}

/*数字*/
.ranking ol li:nth-of-type(1):before{content: "1";}
.ranking ol li:nth-of-type(2):before{content: "2";}
.ranking ol li:nth-of-type(3):before{content: "3";}
.ranking ol li:nth-of-type(4):before{content: "4";}
.ranking ol li:nth-of-type(5):before{content: "5";}




/*PC*/
@media screen and (min-width: 769px){
	.ranking{
		margin-bottom: 200px;
	}

	.ranking ol.clearfix {
		max-width: 1036px;
		min-width: 884px;
		margin: 0 auto;
		margin-top: 23px;
	}
	
	.ranking ol li{
		width: 18.8%;
		margin-right: 1.4%;
		font-size: 40px;
	}

	.ranking ol li:nth-of-type(5n){
		margin-right:0; 
	}
	
	.ranking ol li p{
		font-size: 14px;
		line-height: 18px;
	}

	.ranking ol li p span{
		margin-top: 0.4em;
	}
}


/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.ranking{
		margin-top: 39vw;
		width: 100%;

	}
	
	.ranking div{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}	
	
	.ranking ol.clearfix {
		width: 220vw;
		margin-top: 4.5vw;
		margin-bottom: 2em;
	}
	
	.ranking ol li{
		width: 40vw;
		margin-right:4vw;
	}

	.ranking ol li p{
		margin-top: 0.8em;
		line-height: 130%;
	}

	.ranking ol li p span{
		margin-top: 0.5em;
	}
	
	.ranking ol li:before{
		font-size: 8vw;
	}	
}
/*-------------------------------------
　　MAGAZINE SERIES ロード画面
-------------------------------------*/
#column.column_series.ph-item li{
	background-color: #ced4da;
	height: 0;
}

/*PC*/
@media screen and (min-width: 769px){
	#column.column_series.ph-item li{
		padding-top: 27.44%;
	}
	#column.column_series.ph-item li:first-child {
		padding-top: 59.5%;	
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	#column.column_series.ph-item li{
		padding-top: 59.2%;	
	}
	#column.column_series.ph-item li:first-child {
		padding-top: 122.9%;	
	}
}

/*-------------------------------------
　　MAGAZINE SERIES
-------------------------------------*/
.column_series ol li{
  height: 0;
  height: 0;
  position: relative;
}
.column_series ol li a{
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
	color:#fff;
}
.column_series ol li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*PC*/
@media screen and (min-width: 769px){
	.column_series {
		max-width: 1140px;
		min-width: 884px;
		margin: 0 auto 210px;
	}
	
	.column_series ol{
		margin-top: 36px;
		margin-bottom: 10px;
	}
	.column_series ol li{
		float: left;
		width: 48%;
    padding-bottom: 27.47124%;
		margin-right: 0%;
	}
	.column_series ol li:first-of-type{
		width: 48%;
    padding-bottom: 28.457726%;
		margin-right: 3.885%;
	}

	.column_series ol li:nth-of-type(2n+3){
		margin-right: 0;
	}

	.column_series ol li:nth-of-type(n+4){
		margin-top:3.6%;
	}

	.column_series ol li:nth-of-type(n+6){
		display: none;
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.column_series{
		width: 100%;
		margin-top: 15vw;
		margin-bottom: 15vw;
	}
	
	.column_series h2{
		margin-bottom: 1em;
	}	
	.column_series ol{
		margin-bottom: 8vw;
	}
	.column_series ol li{
		width: 100%;
    padding-bottom: 55%;
		margin-bottom: 4%;
	}
	
	.column_series ol li:nth-of-type(n+2){
		width: 100%;
    padding-bottom: 45%;
		float: left;
		margin-right: 4%;
	}
	
	.column_series ol li:nth-of-type(2n+3){
		margin-right: 0%;
	}	
	
	.column_series ol li:nth-of-type(n+4){
		display: none;
	}
}


/*シリーズ*/
/*-------------------------------------
　　 SERIES ロード画面
-------------------------------------*/
#magazines.magazine_series.ph-item li{
	background-color: #ced4da;
	height: 0;
}

/*PC*/
@media screen and (min-width: 769px){
	#magazines.magazine_series.ph-item li{
		padding-top: 27.44%;
	}
	#magazines.magazine_series.ph-item li:first-child {
		padding-top: 59.5%;	
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	#magazines.magazine_series.ph-item li{
		padding-top: 59.2%;	
	}
	#magazines.magazine_series.ph-item li:first-child {
		padding-top: 122.9%;	
	}
}

/*-------------------------------------
　　 SERIES
-------------------------------------*/
.magazine_series ol li{
  height: 0;
  height: 0;
  position: relative;
}
.magazine_series ol li a{
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
	color:#fff;
}
.magazine_series ol li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*PC*/
@media screen and (min-width: 769px){
	.magazine_series{
		max-width: 1140px;
		min-width: 884px;
		margin: 0 auto -50px;
	}
	
	.magazine_series ol{
		margin-top: 36px;
		margin-bottom: 60px;
	}
	.magazine_series ol li{
		float: left;
		width: 22.28%;
    padding-bottom: 27.47124%;
		margin-right: 3.3333%;
	}
	.magazine_series ol li:first-of-type{
		width: 48.222%;
    padding-bottom: 28.457726%;
		margin-right: 3.885%;
	}

	.magazine_series ol li:nth-of-type(2n+3){
		margin-right: 0;
	}

	.magazine_series ol li:nth-of-type(n+4){
		margin-top:3.6%;
	}

	.magazine_series ol li:nth-of-type(n+6){
		display: none;
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.magazine_series{
		width: 100%;
		margin-top: 26vw;
		margin-bottom: 26vw;
	}
	
	.magazine_series h2{
		margin-bottom: 1em;
	}	
	.magazine_series ol{
		margin-bottom: 8vw;
	}
	.magazine_series ol li{
		width: 100%;
    padding-bottom: 123.3%;
		margin-bottom: 4%;
	}
	
	.magazine_series ol li:nth-of-type(n+2){
		width: 48%;
    padding-bottom: 59.184%;
		float: left;
		margin-right: 4%;
	}
	
	.magazine_series ol li:nth-of-type(2n+3){
		margin-right: 0%;
	}	
	
	.magazine_series ol li:nth-of-type(n+4){
		display: none;
	}
}

.series li a {
	position: relative;
	display: block;
}

.series li a p {
	display: inline-block;
	position: absolute;
	font-family: 'Raleway-Regular';
	top: 2vh;
	left: 1vw;
	width: 80%;
	padding: 3%;
	font-size: 130%;
	font-weight: 400;
	line-height: 1;
	box-sizing: border-box;
}

.series li a p span {
	font-size: 70%;
	font-family: 'YuGothM';
	font-weight: bold;
}

	.series li:first-child a p {
		display: inline-block;
		font-family: 'Raleway-ExtraLight';
		position: absolute;
		top: 3vh;
		left: 2vw;
		width: 50%;
		padding: 3%;
		font-size: 300%;
		font-weight: 200;
		line-height: 0.8;
		box-sizing: border-box;
	}

	.series li:first-child a p span {
		font-size: 40%;
		font-family: 'YuGothM';
		font-weight: bold;
	}
	
	.white_txt {
		color: #fff !important;
	}

@media screen and (min-width: 0) and (max-width: 768px) {

	.series li a {
		position: relative;
		display: block;
	}

	.series li a p {
		display: inline-block;
		position: absolute;
		top: 1vh;
		left: 1vw;
		width: 80%;
		padding: 3%;
		font-size: 140%;
		font-weight: 400;
		line-height: 1;
		box-sizing: border-box;
	}

.series li a p span {
	font-size: 80%;
	font-weight: bold;
}

	.series li:first-child a p {
		display: inline-block;
		position: absolute;
		top: 3vh;
		left: 3vw;
		width: 50%;
		padding: 3%;
		font-size: 300%;
		font-weight: 200;
		line-height: 0.8;
		box-sizing: border-box;
	}

	.series li:first-child a p span {
		font-size: 40%;
		font-weight: bold;
	}

	
}

/*マガジンのみ*/
#magazines p{/*新しいマガジンはございません。*/
text-align: center;
margin-top: 3em;
}


/*-------------------------------------
　　LEATHER
-------------------------------------*/
.leather ul{
	margin: 0 auto;
}

.leather ul li p{
	font-weight: normal;
	margin-top: 0.8em;
	text-align: center;
}

/*PC*/
@media screen and (min-width: 769px){
	.leather{
		margin-bottom: 200px;
	}
	
	.leather ul{
		width: 100%;
		max-width: 1036px;
		margin-bottom: 45px;
		margin-top: 23px;
	}

	.leather ul li{
		width: 29.3%;
		margin-right: 6%;
		box-sizing: border-box;
	}

	.leather ul li:nth-of-type(3n){
		margin-right:0; 
	}
	
	/*.leather ul li:nth-of-type(2n){
		margin-right:0; 
	}*/

	.leather ul li p{
		font-size: 18px;
		line-height: 24px;
	}
}



/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.leather h4{
	margin-bottom: 2vw;
	}	

	.leather ul li{
		width: 100%;
		margin-bottom: 2em;
	}


	.leather ul li p{
		line-height: 100%;
	}
}

/*-------------------------------------
　　NEWS MAGAZINE ロード中
-------------------------------------*/
@-webkit-keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }

    to {
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes phAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }

    to {
        transform: translate3d(30%, 0, 0)
    }
}

.ph-item:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .8s linear infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, .35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
}
.ph-item{
    position: relative;
    overflow: hidden;
}


/*-------------------------------------
　　NEWS ロード中
-------------------------------------*/
#news.news.ph-item dl{
	background-color: #ced4da;
}

/*PC*/
@media screen and (min-width: 769px){
	#news.news.ph-item dl{
		height: 100px;
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	#news.news.ph-item dl{
		height: 8em;
	}
}

/*-------------------------------------
　　NEWS
-------------------------------------*/
.news{
	margin: 0 auto;
}

.news p{ /*新しいお知らせはございません。*/
	text-align: center;
	margin-top: 3em;
	}

.news div.clearfix dl{
	border: 1px solid #cccccc;
	box-sizing: border-box;
	width: 100%;
}

.news div.clearfix dl:nth-of-type(2n){
	margin-right: 0;
}

/*お知らせのタイトル*/
.news div.clearfix dl dt{
	font-weight: bold;
}

/*お知らせの内容*/
.news div.clearfix dl dd{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}	

.news div.clearfix{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.news div.clearfix dl{
	font-weight: 500;
}

.ranking ol li a {
	display: block;
	width: 100%;
}


/*PC*/
@media screen and (min-width: 769px){
	.news{
		width: 100%;
		max-width: 1036px;
		min-width: 884px;
		margin-bottom: 180px;
	}
	

	.news div.clearfix{
		margin-top: 25px;
		margin-bottom: 44px;
	}


	.news div.clearfix dl{
		float: left;
		font-size: 14px;
		width: 49.5%;
		margin-right: 1%;
		padding: 20px 18px;
		box-sizing: border-box;
	}
	
	/*お知らせの日付+タイトル*/
	.news div.clearfix dl dt{
		margin-bottom: 0.8em;
		font-size: 12px;
	}

	/*お知らせのタイトル*/
	.news div.clearfix dl dt span{
		font-size: 14px;
		margin-right: 0.4em;
	}

	/*お知らせの内容*/
	.news div.clearfix dl dd{
		line-height: 18px;
	}	
}


/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.news{
		width: 100%;
		margin-top: 28vw;
	}
	
	.news h2{
		margin-bottom: 1em;
	}	

	.news div.clearfix{
		margin-bottom: 2em;
	}


	.news div.clearfix dl{
		padding: 1.5em;
		font-size: 2.4vw;
		margin-bottom: 1.2em;
	}

	/*タイトル*/
	.news div.clearfix dl dt{
		font-size: 2.4vw;
		margin-bottom: 0.8em;
	}
	
	/*お知らせの日付*/
	.news div.clearfix dl dt span{
		font-size: 3.2vw;
		margin-right: 0.7em;
	}

	/*お知らせの内容*/
	.news div.clearfix dl dd{
		font-size: 3.2vw;
	}
}

/*-------------------------------------
　　ITEM
-------------------------------------*/
.item_category{
	margin: 0 auto;
}

.item_category ul li:nth-of-type(4n){
	margin-right: 0;
}
.item_category ul li p{
	font-weight: normal;
}

/*PC*/
@media screen and (min-width: 769px){
	.item_category{
		width: 100%;
		max-width: 1036px;
		min-width: 884px;
		margin-bottom: 168px;
	}

	.item_category ul{
		margin-top: 22px;
	}

	.item_category ul li{
		border: 1px solid #cccccc;
		width: 23.98%;
		height: 72px;
		margin-right: 1.36%;
		margin-bottom: 14px;
		box-sizing: border-box;
		position: relative;
		display: block;
		vertical-align: middle;
	}

	.item_category ul li a{
		line-height: 70px;
		padding-left: 5%;
		box-sizing: border-box;
	}

	.item_category ul li img{
		width:  21.5%;
		max-width:50px;
		height: auto;
		margin-right: 3%;
		vertical-align: middle;
		display: inline;
	}

	.item_category ul li p{
		font-size: 14px;
		vertical-align: middle;
		display: inline;
	}
		
}


/* for IE 11 */
  @media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .item_category ul li img,.item_category ul li p {
      margin-top: -4px;
    } 
  }

/* for IE 10 */
  @media all and (-ms-high-contrast:none){
    .item_category ul li img,.item_category ul li p {
      margin-top: -4px; 
    }
  }

/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
  .item_category ul li img,.item_category ul li p {
    margin-top: -4px;
  }
}



/*1024px;*/
@media screen and (max-width: 1035px) {
	.item_category ul li p{
		font-size: 1.25vw;
		letter-spacing: -0.01em;
	}
}




/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.item_category{
		width: 100%;
		margin-bottom: 27vw;
		margin-top: 21vw;
	}

	.item_category ul{
		margin-top: 1em;
	}

	.item_category ul li{
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 2em;
		text-align: center;
	}

	.item_category ul li a{
	}

	.item_category ul li img{
		width:  100%;
		height:  100%;
		border: 1px solid #cccccc;
		box-sizing: border-box;
	}

	.item_category ul li p{
		font-size: 2.7vw;
		margin-top: 0.5em;
		
	}
	
}

/*-------------------------------------
　　Instagram
-------------------------------------*/

.instaLi .Instagram_title{
    content: "";
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    display: block;
    
	margin: 0 auto;
}


/*PC*/
@media screen and (min-width: 769px){
	.instaLi .Instagram_title{
		width: 36px;
		height: 36px;
		margin-bottom: 25px;
		background-image: url(../images/sns_insta_pc.png);
	}
	
	/*PC表示*/
	.instaLi{
		width: 100%;
		max-width: 1140px;
		min-width: 884px;
		margin: 0 auto;
		margin-bottom: 185px;
	}	

}
/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.instaLi .Instagram_title{
		width: 6.4vw;
		height: 6.4vw;
		margin-bottom: 10vw;
		background-image: url(../images/sns_insta_sp.png);
	}

	.instaLi{
		width: 100%;
	margin-top: 30.133vw;
	margin-bottom: 15.6vw;
	}
}

/*-------------------------------------
　　キソラ実店舗のご案内
-------------------------------------*/
	.Real_store_info ul li{
		position: relative;
		display: table-cell;
		vertical-align: middle;
	}

	.Real_store_info ul li img{
		vertical-align: middle;
		display: inline;
	}

	.Real_store_info ul li p{
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		letter-spacing: 0.05em;
}

	.Real_store_info ul li p b{
		display: block;
		font-weight: normal;
	}

	#Main .Real_store_info ul li p .morebtn{
		display: flex;
	}
	

/*PC*/
@media screen and (min-width: 769px){
	.Real_store_info{
		max-width: 1036px;
		min-width: 884px;
		margin: 0 auto;
		margin-bottom: 210px;
	}

	.Real_store_info ul li{
		width: 50%;
	}
	

	.Real_store_info ul li br{
		line-height: 0;
	}	

	.Real_store_info ul li img{
		width: 225px;
		margin-right: 30px;
	}

	.Real_store_info ul li p{
		width: 230px;
		font-size: 14px;
		line-height: 16px;
	}

	.Real_store_info ul li p b{
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 1em;
		
	}

	#Main .Real_store_info ul li p .morebtn{
		margin-bottom: 0;
		margin-top: 1em;
		width: 60px;
		height: 60px;
	}
	
	#Main .Real_store_info ul li p .morebtn span{
		font-size: 12px;
	}
		
}


/*スマホ*/
@media screen and (min-width: 769px) and (max-width: 1176px) {
	.Real_store_info ul li img{
		width: 49%;
		margin-right: 3%;
	}

	.Real_store_info ul li p{
		width: 45%;
		letter-spacing: -0.01em;
		font-size: 13px;
	}
}



/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.Real_store_info{
		width: 100%;
	}

	.Real_store_info ul li{
		width: 100%;
		margin-top: 14.6vw
	}

	.Real_store_info ul li img{
		width: 30vw;
		margin-right: 2%;
	}

	.Real_store_info ul li p{
		width: 58vw;
		padding-left: 2vw;
		box-sizing: border-box;
		font-size: 2.4vw;
		line-height: 150%;
	}

	.Real_store_info ul li p b{
		font-size: 3.2vw;
		margin-bottom: 0.5em;
	}

	#Main .Real_store_info ul li p a.morebtn{
		margin-bottom: 0;
		margin-top: 1em;
		height: 11.467vw;
		width: 11.467vw!important;
		max-width: 11.467vw!important;
	}	
}

/*iphone SE*/
@media screen and (min-width: 0) and (max-width: 320px) {
	.Real_store_info ul li p{
		padding-left: 0;
	}
}


/*-------------------------------------
　　オンライン特典・ガイド
-------------------------------------*/
	.online_special dl{
		float: left;
		text-align: center;
		box-sizing: border-box; 
		letter-spacing: 0.04em;
	}

	.online_special dl dt{
		font-weight: bold;
		
	}
/*PC*/
@media screen and (min-width: 769px){
	.online_special{
		max-width: 1036px;
		min-width: 884px;
		margin: 0 auto;
		border-left: #bfbfbf solid 1px;
		margin-bottom: 160px;
	}
	.online_special dl{
		width: 50%;
		height: 95px;
		border-right: #bfbfbf solid 1px;

	}

	.online_special dl dt{
		font-size: 18px;
		margin-bottom: 0.7em;
		margin-top: -14px;
		
	}

	.online_special dl dt span{
		font-size: 14px;
		
	}
	
	.online_special dl dd{
		font-size: 14px;
		line-height: 18px;
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.online_special{
		width: 100%;
		margin-bottom: 24vw;
		margin-top: 25vw;
	}

	.online_special dl{
		position: relative;
		box-sizing: border-box; 
		width: 50%;
		display: inline-block;
		float: left;
		height: auto;
	}
	
	.online_special dl:before,.online_special dl:last-of-type:after{
		content: "";
		display: inline-block;
		float: left;		
		background-color: #000000;
		width: 1px;
		height: 12vw;
		z-index: 1;
		margin-top: 6vw;
		}
	
	.online_special dl:last-of-type:after{
		position: absolute;
		top: 0;
		right: 0;
		}	
	
	.online_special dl dt{
		font-size: 3.2vw;
		line-height: 140%;
		margin-bottom: 0.5em;}
	

	.online_special dl dt span{
		font-size: 2.4vw;
	}	
	.online_special dl dd{
		font-size:2.4vw;
	}
}

/*iphone SE*/
@media screen and (min-width: 0) and (max-width: 320px) {
	.online_special dl dd{
		font-size:1.5vw;
		letter-spacing: -0.1em;
	}
}