body{
 	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #681212;
 }
 
 html { scroll-behavior: smooth;}

.container{
	overflow: hidden;
}

.header_inner{
    position: relative;
}
.mainV{
    background-image: url(../img/collection/bg/collectionname_bg.jpg);
    background-size: cover;
    box-sizing: border-box;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: center center;
    height: 300px;
}
.mainV_title {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    background-color: #c83840;
    padding: 30px 40px;
    border-radius: 10px;
    font-size: 4rem;
    text-align: center;
    margin-top: 200px;
    line-height: 1;
}

.mainV_inner{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}

.mainV_inner p{
		color: #681212;
    line-height: 2.5;
		padding-top: 10px;
}

.mainV{
  position: relative;
}

.mainV_photo{
	width: 100%;
}


.h1_sub{
  font-size: 16px;
	font-weight: 200;
	letter-spacing: 10px;
	font-family: 'MADE Evolve Sans', sans-serif;
}

h2{
	color: #9b0000;
	line-height: .8;
}

.h2_sub{
	font-weight: 200;
	letter-spacing: 10px;
	color: #888;
	font-family: 'MADE Evolve Sans', sans-serif;
}

.collection_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/collection/bg/new_bg.jpg");
	padding: 10px 0;
}

.collection_list{
	max-width: 1100px;
	margin: 0 auto;
	width: 100%;
}

.new_collection_item{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  justify-content: center;
  margin: 60px;
}

.new_collection_item img{
	width: 100%;
}

.collection_item{
	padding-bottom: 60px;
}

.code_inner{
  background-color: #ce5e5f;
	padding: 1px 0;
}

.code_wrap{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}

.code_item_index{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    /* justify-content: center; */
    margin: 60px 20px;
    text-align: center;
}

.code_item_taste {
	text-align: center;
}

.code_item_color{
	text-align: center;
}

.code_item{
	margin: 60px 0;
}

.code_item_index2{
	display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 30px;
  justify-content: center;
  margin: 60px;
	text-align: center;
	
}

.code_sub{
	font-family: 'MADE Evolve Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #555;
}


.allT_T{
	background-color: #999;
	width: 100%;
	height: 50px;
}

.cute_T {
    background-image: url(../img/collection/bg/cute_bg.jpg);
    background-size: cover;
    width: 100%;
    height: 50px;
}

.retro_T{
		background-image: url(../img/collection/bg/retro_bg.jpg);
    background-size: cover;
    width: 100%;
    height: 50px;;
	
}

.classic_T{
		background-image: url("../img/collection/bg/clssical_bg.jpg");
    background-size: cover;
    width: 100%;
    height: 50px;
}

.cool_T{
		background-image: url(../img/collection/bg/cool_bg.jpg);
    background-size: cover;
    width: 100%;
    height: 50px;
}

.filter{
	border-radius: 10px;
	color: #9b0000;
	display: grid;
  	justify-content: center;
  	align-items: center;
	padding: 5px 0 15px 0;
}

	
	/*

.allT{
	background-color: #999;
	border-radius: 10px;
	width: 100%;
	height: 100px;
}

.redT{
	background-color: #C72E30;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.blueT{
	background-color: #064CB9;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.aquaT{
	background-color: #04DBF8;
	width: 100%;
	height: 100px;
	border-radius: 10px;
	}

.pinkT{
	background-color: #FFABF9;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.greenT{
	background-color: #00A93E;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.yellowT{
	background-color: #FFF041;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.purpleT{
	background-color: #9458C9;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}

.blackT{
	background-color: #000;
	width: 100%;
	height: 100px;
	border-radius: 10px;
	color: #fff;
}

.whiteT{
	background-color: #FFF;
	width: 100%;
	height: 100px;
	border-radius: 10px;
	border: solid 2px #999;
}

.colorfulT{
	background-color: #FF984B;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}
*/

	a{
	text-decoration: none;
	color: #222;
	align-items: center;
}

	a:hover{
		opacity: .7;
	}

.cute_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/collection/bg/shinsaku_bg.jpg");
}

.cute_list{
	width: 90%;
	margin: 0 auto;
}

.retro_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/collection/bg/retro_bg.jpg");
}

.retro_list{
	width: 90%;
	margin: 0 auto;
}

.classic_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/collection/bg/clssical_bg.jpg");
}

.classic_list{
	width: 90%;
	margin: 0 auto;
}

.cool_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/collection/bg/cool_bg.jpg");
}

.cool_list{
	width: 90%;
	margin: 0 auto;
 }
 
.obi_list{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.obi_inner{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/today/reason_bg-100.jpg");
	padding: 10px;
	}

.obi_item{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
  margin: 60px auto;
  text-align: center;
}

.obi_text{
	text-align: center;
	line-height: 1.5;
}

.obi_photo img{
	width: 100%;
}

.name{
	margin: 10px;
	letter-spacing: 1px;
}

.slide{
	width: 90%;
	margin: 0 auto;
}

.slide img{
	width: 80%;
}

.slick-next::before,
.slick-prev::before{
    background-color: #c83840;
    color: #fff;
    border-radius: 50px;
}

.fooder_inner{
	background-color: #ce5e5f;
}

.fooder_list{
	max-width: 1100px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: center;
	color: #fff;
	gap:200px;
	align-items: center;
	letter-spacing: 2px;
	padding: 40px;
	line-height: 1.5;
}

.fooder_title{
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
}

.fooder_text_text{ 
	text-decoration: none;
	color: #fff;
	font-size: 22px;
}

@media screen and (max-width:960px){

	
	h2{
		font-size: 45px;
	}
	
	
	.collection_item{
		padding: 0 10px 60px 10px;
	}
	
	.fooder_list{
	 	gap:20px;
		padding: 40px 0;
	}
	
	.fooder_text{
		font-size: 10px;
	}
	
	.fooder_text_text{
		font-size: 14px;
	}
	
	.slick-next::before,
	.slick-prev::before{
    background-color: #c83840;
    color: #fff;
    border-radius: 50px;
}
	.slide img{
		width: 100%;
	}
	

	.slick-slide{
		margin: 0 10px !important;
	}
	.slick-list{
		overflow: visible!important;
	}
	
	.slick-prev{
		z-index: 1000 !important;
	}
	
}

@media screen and (max-width:768px){
	.mainV_title{
		font-size: 30px;
	}
	
	.mainV{
		padding-bottom: 10%;
	}
	
	.h1_sub {
    font-size: 14px;
}

.mainV_inner{
	top: 30%;
}

	.new_collection_item {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    width: 90%;
		margin: 0 auto;
    margin-bottom: 60px;
}

	.obi_list {
    width: 90%;
}

	.obi_item{
		gap:15px;
	}
	
	
}

@media screen and (max-width:560px){

		.mainV{
		padding-bottom: 10%;
	}

	.code_item_index {
    grid-gap: 15px;
    margin: 60px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
	
	h2{
		font-size: 30px;
	}
	
	.new_collection_item {
/*
    grid-template-columns: repeat(1, 1fr);
    width: 80%;
*/
	}
	
	.obi_item {
    grid-template-columns: repeat(2, 1fr);
	}
	
	.obi_text{
		font-size: 14px;
	}
}

@media screen and (max-width:500px){

}