@charset "UTF-8";
/* CSS Document */
@media (max-width: 959px){
	.pc{
		display: none !important;
	}
	.w960{
		padding: 10px;
	}
	#splash_logo {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
/* スライダー　================================================== */
	.slide_wrap{
		flex-direction: column;
		justify-content:space-between;
		align-content: stretch;
		height: 100vh;
	}
	.slider{
		height: calc(100% - 100px);
		margin-bottom: 100px;
	}
	.slider02{
		height: calc(100% - 100px);
		margin-top: 100px;
	}
	.top_copy{
		top:50%;
		left:50%;
		transform: translateY(-50%) translateX(-50%);
		}
	img.top_copy{
		width: 300px;
	}
	img.top_deco{
		position: absolute;
		top:50%;
		left:50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: 9;
		width: 90%;
		max-width: 600px;
		mix-blend-mode: screen;
	}
	/* コンテンツ　================================================== */
	.txt_box h3{
		bottom: 40px;
	}
	.bgimg02{
		background-position: left bottom;
	}
	.catch{
		font-size: 1.5em;
	}
	.greeting_wrap .greeting_txt{
		width: 80%;
		max-width: 600px;
	}
	.greeting_wrap .greeting_txt p{
		min-height: 200px;
		text-shadow: 2px 2px 5px #000;
	}
	.taisaku_flex{
		flex-wrap: wrap;
	}

	.flex_item{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.flex_item figure{
		align-self: center;
		width: calc(100% - 20px);
		max-width: 600px;
		margin-bottom: 30px;
	}
	.flex_item figure img{
		width: 200px;
		height: 200px;
		object-fit: cover;
	}
	footer{
		padding: 50px 10px 0;
	}
	.footer_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.sub_copy{
		top:45%;
		height: 300px;
	}
	.sub_copy h2{
		font-size: 1.2rem;
	}
	.sub_copy h2 span{
		font-size: 200%;
	}
	.shop_wrap{
		flex-direction: column;
	}
	.shop_menu{
		width: 100%;
		font-size: 80%;
		overflow: auto;
		padding-bottom: 10px;
		background:#000;
	}
	.shop_menu ul{
		display: flex;
		min-width: 500px;
		background:#333;
	}
	.shop_menu ul li{
		width: auto;
		border-bottom: none;
	}
	
	.shop_menu ul li.menu_arrow{
		display: block;
	}
	.shop_menu ul li.menu_arrow a{
		border-left: none;
		background:#decb5a;
		font-size: 1em;
}



}
@media (max-width: 750px){
	.tbpc{
		display: none !important;
	}
	.flexbox{
		display: block;
	}
	header h1{
		font-size: 2em;
	}
	header h1 img{
		width: 120px;
		padding-top: 5px;
	}
	img.top_copy{
		width: 200px;
	}
	img.top_deco{
		max-width: 600px;
		mix-blend-mode: screen;
	}
	.txt_box h2{
		font-size: 1.5em;
	}
	.txt_box h3{
		font-size: 3em;
	}
	.contents_in{
/*		width: calc(100% - 20px);*/
		width: 100%;
		margin: auto;	
		padding: 20px 10px;
	}

	/* 新着情報 ================================================== */
	.news{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.news h3{
		padding: 0.5em 0;
	}
	/* カルーセルスライダー ======================================== */
	.carousel_g{
		width: 100%;
	}
	.carousel_g .slick-next {
		right: 20px;
		z-index: 50;
	}
	.carousel_g .slick-prev {
		left: 20px;
		z-index: 50;
	}
	/* コンテンツ　================================================== */
	.greeting_wrap .greeting_txt,.contents_txt{
		width: 100%;
		max-width: 600px;
		padding: 20px 10px;
	}
	
	
	.bgimg03{
		background:url("../img/item06.jpg"),url("../img/bg_black.jpg");
		background-repeat: no-repeat;
		background-size: auto 270px,cover;
		background-position:top 15px center, left center;
		padding: 300px 10px 10px;
	}
	
	.rec_wrap .rec_txt{
		width: 100%;
		max-width: 100%;
		padding: 20px 10px;
	}
	.contents_txt p{
	}
	
	/* フッター ================================================== */
	.footer_in{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer_in div{
		width: 100%;
		max-width: 300px;
		margin: auto;
	}
	.footer_in h2 img{
		display: block;
		padding: 0;
		width: 100%;
		margin: 0 auto 30px;
	}
	.footer_in p{
		padding: 1em;
		font-size: 0.9em;
		display: block;
		width: 100%;
	}
	.footer_in p.phone_buttom{
		font-size:2em;
		padding: 20px 0;
	}

	.sub_copy{
		height: 250px;
	}
	
	.flow_wrap02,.flow_wrap03{
		width: calc(100% - 30px);
		margin: 0 auto 50px;
		padding: 0.5em;
	}
	.flow_wrap02 dl,.flow_wrap03 dl{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.flow_wrap02 dt,.flow_wrap03 dt{
		width: 100%;
	}
	.flow_wrap02 dd,.flow_wrap03 dd{
		padding: 0.5em;
	}
	.flow_wrap02 dt img,.flow_wrap03 dt img{
		padding-top: 5px;
	}
	.button_flow{
		margin: 0.5em auto;
	}
	.gaiyou_flex{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.gaiyou_flex{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.gaiyou th{
		width: inherit;
	}
	.goods_wrap{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.goods_wrap figure{
		width: calc(100% - 20px);
	}
	.carousel_leather div{
		height: 250px;
	}
	.carousel_leather img {
		height: 250px;
	}
	.carousel_leather .slick-next {
		right: 0;
		z-index: 50;
	}
	.carousel_leather .slick-prev {
		left: 0;
		z-index: 50;
	}
	

}
@media (max-width: 450px){
	/* スライダー　================================================== */
	.slide_wrap{
		width: 100%;
		height: 100vh;
		position: relative;
		display: flex;
		background-image: url("../img/logo_leather01.png"),url("../img/bg_black.jpg");
		background-repeat: no-repeat;
		background-size: 150px,cover;
		background-position: center center
	}
	.slider{
		height: calc(100% - 80px);
		margin-bottom: 80px;
	}
	.slider02{
		height: calc(100% - 80px);
		margin-top: 80px;
	}
	img.top_copy{
		width: 140px;
		opacity: 0;
	}
	img.top_deco{
		width: 70%;
		opacity: 0;
	}
	/* 背景　================================================== */
	.bg_light{
		background-size: 1200px;
		background-repeat: repeat-y;
	}

	.bgimg01{
		background-position: center;
	}
	.bgimg02{
		background-position: left;
	}
	.contents{
		padding: 50px 0;
	}
	.contents_in{
		margin: 0;
	}

	/* 取扱製品　================================================== */
	.flex_item figure{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.gaiyou{
		width: 100%;
		font-size: 0.9em;
	}
	.gaiyou th{
		padding: 8px 10px;
		width: 6em;
	}
	.type_inner h3{
		font-size: 1.2em;
	}
	/* フローチャート　================================================== */
	.flow_wrap02,.flow_wrap03{
		width: calc(100% - 30px);
		margin: 0 auto 50px;
		padding: 0.5em;
	}
	.flow_wrap02 dl,.flow_wrap03 dl{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.flow_wrap02 dt,.flow_wrap03 dt{
		width: 100%;
	}
	.flow_wrap02 dd,.flow_wrap03 dd{
		padding: 0.5em;
	}
	.button_flow{
		margin: 0.5em auto;
	}
	.photo_flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	
}