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



/*共通部分---------------------*/
html{
    min-width: 320px;
    font-size: 62.5%; /*10px:*/
}
html { scroll-behavior: smooth;}

body{
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6em;
	color: #2B2B2B;
    font-family:'serif';
}

a:link{
	color: #333;
}

a:hover, a:focus, a:active{
	color: #b3b3b3;
	text-decoration: none;
}

img,video{
	max-width: 100%;
	height: auto;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*header-Small---------------------*/

.l-header{
	height: 53px;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#f3f7fa;
}

.box{
	margin-right: auto;
	width:40px;
	height: 53px;
	background-color: #081992;
}

.logo{
	position: absolute;
	top: 5px;
	left: 53px;
	width: 53px;
	opacity: 0.6;
}
p#nav_btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	padding-top: 15px;
}

/*navigation-Small-------------------*/

.l-gnav__list a{
	width: 100%;
	background: #b3b3b3;
	display: block;
	color: aqua;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
}

.l-header__nav{
	margin: 0 -10px;
	display: none;
}

.drawer-nav{z-index: 1000;}

/*main画像-------------------*/

.relative{
	position: relative;
	width: 100%;
}
.rogo1{
	position: absolute;
	z-index: 999;
	right: 27%;
	bottom:45%;
	top: 30%;
	width: 45%;
	opacity:0.5 ;
}

 .main_imgBox {
		height: 400px;
	  	overflow: hidden;
	  	position: relative; 
	}

.main_img {
		z-index:10;
		opacity: 0;
		width: 100%;
		height:400px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-animation: anime 36s 0s infinite;
		animation: anime 36s 0s infinite;
	}


 .main_img:nth-of-type(2) {
		-webkit-animation-delay: 12s;
		animation-delay: 12s; 
	}

  .main_img:nth-of-type(3) {
		-webkit-animation-delay: 24s;
		animation-delay: 24s; 
	}

	@keyframes anime {
		0% {
			  opacity: 0;
		  	}
		  8% {
			  opacity: 1;
		  	}
		  17% {
			  opacity: 1;
		  	}
		  25% {
			  opacity: 0;
			  transform: scale(1.2) ;
			  }
		  100% { opacity: 0 }
	}

/*下矢印-------------------*/
	.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
	}

	.cp_arrows {
		position: relative;
		display: flex;
		height: 300px;/*画面いっぱいにする場合100vh*/
		margin: -100px 35px 0 auto;
		justify-content: center;
		align-items: center;
	}

	.cp_arrows .cp_arrow {
		position: absolute;
		top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		opacity: 0;
	}

	.cp_arrows .cp_arrowfirst {
		-webkit-animation: arrow-move08 2s ease-in-out infinite;
		animation: arrow-move08 2s ease-in-out infinite;
	}

	.cp_arrows .cp_arrowsecond {
		-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
		animation: arrow-move08 2s 1s ease-in-out infinite;
	}

	.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 15px;
		height: 1px;
		content: '';
		background:#AAAAAA;
	}

	.cp_arrows .cp_arrow:before {
		-webkit-transform: rotate(30deg) translateX(-39%);
		transform: rotate(30deg) translateX(-39%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}

	.cp_arrows .cp_arrow:after {
		-webkit-transform: rotate(-30deg) translateX(39%);
		transform: rotate(-30deg) translateX(39%);
		-webkit-transform-origin: top right;
		transform-origin: top right;
	}

	@-webkit-keyframes arrow-move08 {
		0% {
			top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
			opacity: 0;
		}
		70% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes arrow-move08 {
		0% {
			top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
			opacity: 0;
		}
		70% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	 

/*main-------------------*/

.zoom-1 img {
		width: 100%;
		height: auto;
		animation: animationZoom1 15s ease-in-out infinite;
	}

.zoom {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 30px
	}

  @keyframes animationZoom1 {
		50% { transform:scale(1.1)} 
  	}

h1{
		text-align: center;
		margin: -110px 50px 90px 50px;
		font-size: 1.5em;
		font-family:  'Noto Serif JP', serif;
		letter-spacing: 2rem;
		padding-left: 10px;		
	}

 .brandstory{
		font-size: 1em;
		margin-left: 40px;
		padding-left: 10px;
		font-family: 'Poppins', sans-serif;
		border-left: 3px solid #081992;
	 	letter-spacing: 0.8rem;
	}

.brand-title{
		margin-left: 50px;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 0.7em;
		font-family:  'Noto Serif JP', serif;
		letter-spacing: 0.3rem;
	}	

.brandimg{
		width:100%;
		height: 50%;
		margin-bottom: 50px;
	}

.craftmanship{
		font-size: 1em;
		margin-left: 40px;
		padding-left: 10px;
		font-family: 'Poppins', sans-serif;
		border-left: 3px solid #081992;
		letter-spacing: 0.8rem;
	}

.craft-title{
		margin-left: 55px;
		margin-bottom: 20px;
		margin-top: 10px;
		font-size: 0.7em;
		font-family:  'Noto Serif JP', serif;	
		letter-spacing: 0.3rem;
	}
.craftimg{
		width: 100%;
		height: 50%;
		margin-bottom: 50px;
	}

.whatsnew{
		font-size: 1em;
		margin-left: 40px;
		padding-left: 10px;
		font-family: 'Poppins', sans-serif;
		border-left: 3px solid #081992;
		margin-bottom: 20px;
		letter-spacing: 0.8rem;
	}

.whtsnewimg{
		width: 100%;
		margin-bottom: 50px;		
	}

/*collectons slideshow-------------------*/
.wrap{
		display: flex;
		align-items: center;
		height: 340px;
		overflow: hidden;
	}

.slide-paused:hover .slideshow {
  		animation-play-state: paused;
	}

li.img-hover{
		transition:all 0.4;		
	}
.img-hover:hover {
		opacity: 0.5;
	}

ul {
	list-style: none;
  	}

.slideshow{
	display: flex;
	animation: loop-slide 30s infinite linear 1s both;
}

@keyframes loop-slide {
  	from {
    	transform: translateX(0);
  	}
  	to {
    	transform: translateX(-100%);
  	}
} 

.img,.img1{
		width: 300px;
		height: 300px;
	}

.img:nth-child(1){
		background-image:url(images/collection11.jpg);
	}

.img:nth-child(2){
	background-image:url(images/collection3.jpg);
	}

.img:nth-child(3){
	background-image:url(images/collection2.jpg);
	}

.img:nth-child(4){
	background-image:url(images/collection4.jpg);
	}

.content-hover {
	transition: all 0.2s;
  	}

/*collectons slideshow-ここまで------------------*/

.collections{
	font-size: 1em;
	margin-left: 40px;
	padding-left: 10px;
	font-family: 'Poppins', sans-serif;
	border-left: 3px solid #081992;
	margin-bottom: 20px;
	letter-spacing: 0.8rem;
	}



.blog{
		font-size: 1em;
		margin-left: 40px;
		margin-top: 40px;
		margin-bottom:20px ;
		padding-left: 10px;
		font-family: 'Poppins', sans-serif;
		position: relative;
	}


.blog:before{ /*blogタイトル前のborder--*/
		content: "";
		background-color: #081992;
		border: 50%;
		height: 30px;
		position: absolute;
		width: 3px;
		top: 0px;
		left:-20px;
	}

.blogimg{
		width: 100%;
		margin:20px auto;
	}

.arrow2{
		width: 20px;
		height: 20px;
		border: 3px solid;
		border-color: #b3b3b3 #b3b3b3 transparent transparent;
		transform: rotate(-45deg);
		margin:  auto;
  	}

.top{
		padding-top: 40px;
		text-align: center;
		font-family: 'Poppins', sans-serif;
		font-size: 0.7em;
		margin-bottom: 100px;
		letter-spacing: 0.5rem;
	}

hr{
		border-width: 1px 0px 0px 0px;
		border-style: solid;
		border-color: #515151;
		height: 1px;
		margin: 0 20px 50px 20px;
	}

.footerlogo{
		width: 30%;
		margin: 0 auto;
	}

.footerlogo2{
		width: 30%;
		margin: 0 auto;
	}

.onlineshop{
		text-align: center;
		font-family: 'Poppins', sans-serif;
		color: #373737;
		font-size: 1em;
		margin-top: 30px;
		margin-bottom: 30px;
		letter-spacing: 0.5rem;
	}

.contact{
		text-align: center;
		font-family: 'Poppins', sans-serif;
		color: #373737;
		font-size: 1em;
		margin-bottom: 30px;
		letter-spacing: 0.5rem;
	}

.instagram{
		text-align: center;
		font-family: 'Poppins', sans-serif;
		color: #373737;
		font-size: 1em;
		margin-bottom: 50px;
		letter-spacing: 0.5rem;
	}

.copy{
		text-align: center;
		font-size: 0.5em;
	}

a:link{
		color:#373737;
		text-decoration:none;
	}

 a:visited{
		color:#AAAAAA;
		text-decoration:none;
	}
		a:hover{
		color:#09238E;
		text-decoration:none;
	}
 a:active{
		color:#0D1249;
		text-decoration:none;
	}
	.containernewsbrog{
		margin-right: auto;
		margin-left: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px 20px;
		padding-right: 10px;
		padding-left: 10px;
	}

/*collection.html------------------------------------------------------------------------*/
.collection_1 h1{
		font-size: 0.8em;
		letter-spacing: 1rem;
		margin: 20px;
		padding: 0;
	}

.collection_2{
		font-size: 0.6em;
		margin: 30px auto;
		text-align: center;
		font-family:  'Noto Serif JP', serif;
	}
	.container{
		margin-top: 50px;
		margin-right: auto;
		margin-left: auto;
		display: grid;
		grid-template-columns: 1fr;
		gap: 100px;
		padding: 50px;
	}


/*news.html------------------------------------------------------------------------*/

/*item.html------------------------*/
.newimg{
width: 100%;
}
/*slick--------------*/
body {
    	margin: 0;
    	padding: 0;
	}

ul {
    	padding: 20px;
    	margin: 0;
	}

img {
    	max-width: 100%;
	}

.slider {
    	max-width: 1200px;
    	margin: 0 auto;
	}
/*slick---ここまで----*/


.itemname{
 		padding-left: 15px;
 		margin-bottom: 10px;
 		font-size: 1.5em;
 		letter-spacing: 0.5rem;
 		font-family:  'Noto Serif JP', serif;
 		border-bottom: solid  0.6px #081992;
	}

.itemname2{
 		padding-left: 15px;
 		margin-bottom: 30px;
 		font-size: 1em;
 		letter-spacing: normal;
 		font-family:  'Noto Serif JP', serif;
	}

.itemsetumei{
		margin: 0 10px 20px 10px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.textile_title{
		margin: 0 10px 20px 10px;
		font-size: 1em;
		font-family:  'Noto Serif JP', serif;	
		border-left: 10px solid #081992;
	}
.textile{
		margin: 0 10px 20px 10px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.size_title{
		margin: 0 10px 20px 10px;
		font-size: 1em;
		font-family:  'Noto Serif JP', serif;	
		border-left: 10px solid #081992;
	}

.size{
		margin: 0 10px 40px 10px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

/*ボタン-------*/
section {
		max-width: 300px;
		margin: 0 auto;
  	}

  a.btn_01 {
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(#4fb5ef, #0076b9 100%);
		border: 1px solid #005e94;
		border-radius: 12px;
		box-shadow: inset 0px 0px 2px 0px rgb(255, 255, 255);
		box-shadow: 0px 4px 4px 0px rgb(175, 175, 175);
		box-sizing: border-box;
		width: 70%;
		height: 40px;
		padding: 0 20px 0 70px;
		color: #fff;
		font-size: 16px;
		text-align: left;
		text-decoration: none;
		position: relative;
		transition-duration: 0.2s;
		margin-bottom: 10px;
		margin-left: 30px;
  	}

  a.btn_01:hover {
		opacity: .7;
  	}

  a.btn_01:before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 8px;
  		border-color: transparent transparent transparent #ffffff;
  		position: absolute;
  		top: 50%;
  		left: 23px;
  		margin-top: -7px;
	}

a.btn_01:after {
  		content: "";
  		display: inline-block;
  		width: 1px;
  		height: 100%;
  		background-color: #005e94;
  		box-shadow: 0px 0px 2px 0px rgb(255, 255, 255);
  		position: absolute;
  		top: 0;
  		left: 50px;
	}

.creema{
		margin-bottom: 50px;
		margin-left: 25px;
		font-family:  'Noto Serif JP', serif;
		font-size: 0.8em;
	}

/*clickボタン-------*/
* {
		text-decoration: none;
  }
  
.btn {
		display: inline-block;
		position: relative;
		background: #fff;
		color: #614f38;
		padding: 1.5rem 2.5rem 1.5rem 3rem;
		transition: all 0.3s;
  	}

  .btn:before, .btn:after {
		content: "";
		position: absolute;
		display: block;
		top: 50%;
  	}

  .btn:before {
		width: 0.3rem;
		height: 0.3rem;
		left: 0.7rem;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		z-index: 2;
		transform: translateY(-50%) rotate(45deg);
		transition: all 0.3s;
  	}

  .btn:after {
		left: 0;
		background:#AAAAAA;
		z-index: 1;
		width: 2rem;
		height: 2rem;
		border-radius: 1rem;
		transform: translateY(-50%);
		transition: all 0.5s;
  	}

  .btn span {
		position: relative;
		transition: all 0.3s;
		z-index: 3;
  	}

  .btn:hover {
		padding: 1.5rem 2.5rem 1.5rem 4.5rem;
  	}

  .btn:hover span {
		color: #fff;
  	}

  .btn:hover:before {
		left: 2.5rem;
  	}

  .btn:hover:after {
		right: 0;
		width: 100%;
  	}

.chuui{
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.kanrenitem_title{
		margin: 0 10px 0px 10px;
		font-size: 1em;
		font-family:  'Noto Serif JP', serif;	
		border-left: 10px solid #081992;
	}

.cont2{
		padding: 40px;
	}
.cont3{
		padding: 40px 0 40px 0;
	}
.cont4{
		padding: 40px;
	}
.cont5{
		padding: 40px;
	}
.cont6{
		padding: 40px;
	}
.cont7{
		padding: 70px;
	}
.cont8{
	padding: 40px;
	}
/*brandstory.html---ここから--------------------------------------------------------*/

.BR{
		margin: 60px auto 60px auto;
		font-size: 1em;
		letter-spacing: 1em;
		font-family:  'Noto Serif JP', serif;
	}

.BRcont1{
		margin: 40px 10px 50px 10px;
		padding: 0 20px 0 20px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.BRcont3{
		margin: 40px 10px 20px 10px;
		padding: 0 20px 0 20px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.BRcont5{
		margin: 40px 10px 20px 10px;
		padding: 0 20px 0 20px;
		font-size: 0.8em;
		font-family:  'Noto Serif JP', serif;
	}

.daimei{
		font-size: 1.3em;
		margin-bottom: 10px;
		font-weight: bold;
		text-align: center;
	}

/*onlinesite.html------------------------------------------------------------------------*/
.shop1{
	 font-size: 1.2em;
	 font-weight: bold;
	 text-align: center;
	 margin: 50px;
	 padding-left: 0px;
}
.shop2{
	font-size: 1em;
	font-weight: bold;
	font-family:'Noto Serif JP', serif;
	text-align: center;
	margin-bottom: 50px;
}
   
.creemasite{
	font-size: 1.5em;
	font-weight: bold;
	font-family:'Noto Serif JP', serif;
	text-align: center;
	margin: 30px;

}

.minnesite{
	font-size: 1.5em;
	font-weight: bold;
	font-family:'Noto Serif JP', serif;
	text-align: center;
	margin: 30px;

}

.basesite{
	font-size: 1.5em;
	font-weight: bold;
	font-family:'Noto Serif JP', serif;
	text-align: center;
	margin: 30px;

}

.kounyuu{
	font-size: 0.7em;
	font-weight: bold;
	font-family:'Noto Serif JP', serif;
	text-align: center;
	margin: 50px 50px 100px 50px;
}
/*画面サイズが600pxからはここを読み込む----------------------------------------------------------------------------*/

@media screen and (min-width:600px) { 
		.main_imgBox {
			height: 580px;
	 	}

		 .main_img {
			height:580px;
	 	}

		.rogo1{
			right: 30%;
			width: 40%;
			top: 25%;
		}

		h1{
			font-size: 2em;
		}
		
		.title{
			width: 30%;
		}

		.brandimg{
			width: 70%;
		}


		.Brand{
			display: flex;
        	justify-content: space-between;	
		}

		.brandstory{
			font-size: 1.3em;
			margin-left: 26px;
			padding-left: 13px;
			letter-spacing: 0.3rem;
		}

		.brand-title{
			margin-left: 45px;
			margin-bottom: 20px;
			margin-top: 15px;
			font-size: 1em;
			letter-spacing: 0.3rem;
		}

		.brandimg{
			width: 60%;
			margin-bottom: 100px;
			margin-left: auto;
			margin-right: 26px;		
		}

		.Craft{
			display: flex;
        	justify-content: space-between;		
		}

		.title2{
			width: 30%;
		}
		.craftimg{
			width: 70%;
		}

		.craftmanship{
			font-size: 1.3em;
			margin-left: 26px;
			padding-left: 13px;
			letter-spacing: 0.2rem;	
		}

		.craft-title{
			margin-left: 45px;
			margin-bottom: 20px;
			margin-top: 15px;
			font-size: 1em;
			letter-spacing: 0.3rem;	
		}

		.craftimg{
			width: 60%;
			margin-bottom: 100px;
			margin-left: auto;
			margin-right: 26px;		
		}

		.whatsnew{
			font-size: 1.5em;
			margin-left: 75px;
			padding-left: 15px;
			font-family: 'Poppins', sans-serif;
			border-left: 3px solid #081992;
			margin-bottom: 20px;
		}

		.whtsnewimg{
			width: 70%;
			margin: 0 auto;
			margin-bottom: 100px;
		}

		.collections{
			font-size: 1.5em;
			margin-left: 75px;
			padding-left: 15px;
			margin-bottom: 35px;
		}

		.img1{
			width: 400px;
			height: 300px;
		}

		.img1{
			width: 400px;
			height: 300px;
		}

		.newsgroup{
			margin-top: 80px;
			width: 50%;
		}

		.Bloggroup{
			margin-top: 80px;
			width: 50%;
		}

		.containernewsbrog{
			display: flex;
			margin-top: 70px;
			margin-bottom: 70px;
		}

		.blog{
			font-size: 1.5em;
		}

		.news{
			font-size: 1.5em;
		}


		.yajirushi img{
			width: 10%;
			display: block;
			margin: 0 auto;
		}

		.top{
			margin-top: -40px;
			text-align: center;
			font-family: 'Poppins', sans-serif;
			margin-bottom: 100px;
			font-size: 1.5em;
		}

		.fcontainer{
			display: flex;
			justify-content: space-between;
		}

		.footerlogo{
			width: 120%;
			margin-top: -20px;
			margin-left: 50px;
		}

		.footerlogo2{
			width: 120%;
			margin-left: 50px;
			margin-top: 20px;
		}

		.onlineshop{
			font-size: 0.5em;
			padding-right: 20px;
			margin-top: 0;
		}
		.contact{
			font-size: 0.5em;
			padding-right: 20px;
		}

		.instagram{
			font-size: 0.5em;
			padding-right: 60px;
		}

/*collection.html 600pxから------------------------*/
		.collection_1 h1{
			font-size: 1.3em;
			letter-spacing: 1rem;
			margin: 20px;
			padding: 0;
		}

		.collection_2{
			font-size: 0.8em;
			margin: 20px auto 20px auto;
			text-align: center;
			font-family:  'Noto Serif JP', serif;
		}

		.container{
			margin-top: 50px;
			margin-right: auto;
			margin-left: auto;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 20px 20px;
			padding-right: 10px;
			padding-left: 10px;
		}

/*brandstory.html 600pxから------------------------*/

		.containerBR{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 500px 500px 500px;
			gap: 20px;
			padding: 20px;
		}

		.BRcont1{
			grid-column: 1/2;
			grid-row: 1/2;
			margin: 20px 40px 0 40px;
			font-size: 0.9em;
		}

		.BRcont2{
			grid-column: 2/3;
			grid-row: 1/2;
		}

		.BRcont3{
			grid-column: 2/3;
			grid-row: 2/3;
			font-size: 0.9em;
		}

		.BRcont4{
			grid-column: 1/2;
			grid-row: 2/3;
			margin: 20px 40px 0 40px;
		}

		.BRcont5{
			grid-column: 1/2;
			grid-row: 3/4;
			margin: 20px 40px 0 40px;
			font-size: 0.9em;
		}

		.BRcont6{
			grid-column: 2/3;
			grid-row: 3/4;
		}

		.BR{
			margin: 150px;
		}
	}

/*画面サイズが1025pxからはここを読み込む------------------------*/

@media screen and (min-width:1025px) { 

		.l-header{
			height: 60px;
		}

	.box{
	width:50px;
	height: 60px;
		}

.logo{
	left: 60px;
	width: 60px;
}

		.main_imgBox {
			height: 680px;
		 }
		 .main_img {
			height:680px;
	 	}

		 .rogo1{
			right: 38%;
			width: 27%;
			top: 30%;
		}

		h1{
			font-size: 2.3em;
			margin: 70px 150px 250px 150px;
		}	

		.brandstory{
			font-size: 1.8em;
			margin-left: 100px;
			letter-spacing: 0.5rem;
		}
	
		.brand-title{
			margin-left: 100px;
			font-size: 1.3em;
			letter-spacing: 0.7rem;	
		}
	
		.brandimg{
			width: 50%;
			margin-right: 70px;		
		}

		.craftmanship{
			font-size: 1.8em;
			margin-left: 100px;
			letter-spacing: 0.5rem;
		}

		.craft-title{
			margin-left: 100px;
			font-size: 1.3em;
			letter-spacing: 0.7rem;
		}
	
		.craftimg{
			width: 50%;
			margin-right: 70px;		
		}

		.whatsnew{
			font-size: 1.8em;
		}

		.collections{
			font-size: 1.8em;
		}

		.blog{
			font-size: 1.8em;
		}

		.news{
			font-size: 1.8em;
		}

		.footerlogo{
			width: 180%;
		}

		.footerlogo2{
			width: 180%;
		}
		.onlineshop{
			font-size: 1.4em;
		}
		.contact{
			font-size: 1.4em;
		}
		.instagram{
			font-size: 1.4em;
		}
		.BRcont1{
			margin: 40px 10px 20px 10px;
			font-size: 1em;
		}
	
		.BRcont3{
			margin: 40px 10px 20px 10px;
			font-size: 0.8em;
			font-family:  'Noto Serif JP', serif;
		}

		.BRcont5{
			margin: 40px 10px 20px 10px;
			font-size: 0.8em;
			font-family:  'Noto Serif JP', serif;
		}
/*collection.html 1200pxから------------------------*/

		.collection_1 h1{
			font-size: 1.5em;
			letter-spacing: 1.3rem;
			margin: 50px 20px 20px 20px;
			padding: 0;			
		}	
		.collection_2{
			font-size: 1em;
			margin: 20px auto 20px auto;
			text-align: center;
			font-family:  'Noto Serif JP', serif;
		}

/*item.html 1200pxから------------------------*/

		.container{
			padding-right: 30px;
			padding-left:30px;
			margin-top: 100px;
		}
		.containers{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: 400px 400px 50px 400px 800px;
			gap: 20px;
			padding: 20px;
		}
		.cont1{
			grid-column: 1/3;
			grid-row: 1/3;
		}
		.cont2{
			grid-column: 3/4;
			grid-row: 1/5;
			padding-top: 30px;
		}
		.cont3{
			grid-column: 1/2;
			grid-row: 3/4;	
		}
		.cont4{
			grid-column: 1/2;
			grid-row: 4/5;
			padding: 10px;
		}
		.cont5{
			grid-column: 2/3;
			grid-row: 4/5;
			padding: 10px;
			}
		.cont6{
			grid-column: 1/2;
			grid-row: 5/6;
			padding: 10px;
		}			
		.cont7{
			grid-column: 3/4;
			grid-row: 5/6;
			padding: 10px;
		}
		.cont8{
			grid-column: 2/3;
			grid-row: 5/6;
			padding: 10px;
		}

		.itemsetumei{
			font-size: 0.8em;
		}
		.textile{
		font-size: 0.8em;
		}

		section {
		margin: 50px auto 50px auto;
  		}


/*brandstory.html200pxから------------------------*/

		.containerBR{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 800px 800px 800px;
			gap: 20px;
			padding: 20px;
		}

		.BR{
			font-size: 2em;;
		}

		.BRcont1{
			margin: 80px;
			letter-spacing: 0.5rem;
			font-size: 1em;
		}

		.daimei{
			margin-bottom: 45px;
		}

		.BRcont2{
			width: 85%;
			height: 85%;
		}

		.BRcont3{
			margin: 80px;
			letter-spacing: 0.5rem;
			font-size: 1em;
		}

		.BRcont4{
			width: 85%;
			height: 85%;
		}

		.BRcont5{
			margin: 80px;
			letter-spacing: 0.5rem;
			font-size: 1em;
		}

		.BRcont6{
			width: 85%;
			height: 85%;
		}


		.cp_arrows1 *, .cp_arrows1 *:before, .cp_arrows1 *:after { 		/*下矢印-------------------*/
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.cp_arrows1 {
				position: relative;
				display: flex;
				height: 300px;/*画面いっぱいにする場合100vh*/
				margin: -100px 35px 0 auto;
				justify-content: center;
				align-items: center;
		}

		.cp_arrows1 .cp_arrow1 {
			position: absolute;
			top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			opacity: 0;
		}

		.cp_arrows1 .cp_arrowfirst1 {
			-webkit-animation: arrow-move08 2s ease-in-out infinite;
			animation: arrow-move08 2s ease-in-out infinite;
		}

		.cp_arrows1 .cp_arrowsecond1 {
			-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
			animation: arrow-move08 2s 1s ease-in-out infinite;
		}

		.cp_arrows1 .cp_arrow1:before, .cp_arrows1 .cp_arrow1:after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 15px;
			height: 1px;
			content: '';
			background:#AAAAAA;
		}

		.cp_arrows1 .cp_arrow1:before {
			-webkit-transform: rotate(30deg) translateX(-39%);
			transform: rotate(30deg) translateX(-39%);
			-webkit-transform-origin: top left;
			transform-origin: top left;
		}

		.cp_arrows1 .cp_arrow1:after {
			-webkit-transform: rotate(-30deg) translateX(39%);
			transform: rotate(-30deg) translateX(39%);
			-webkit-transform-origin: top right;
			transform-origin: top right;
		}

		@-webkit-keyframes arrow-move08 {
			0% {
			top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
			opacity: 0;
			}
			70% {
			opacity: 1;
			}
			100% {
			opacity: 0;
			}
		}

		@keyframes arrow-move08 {
			0% {
			top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
			opacity: 0;
			}
			70% {
			opacity: 1;
			}
			100% {
			opacity: 0;
			}
		}
}