@charset "utf-8";
/* CSS Document */
ul, li {
    list-style: none;
}
.gentei .pic{
border:0.2rem solid #d96f68;
}
.li_black{
	background: #060202;
}
.li_blue{
	background: #385CA8;
}
.li_green{
    background: #346231;
}
.li_brown{
    background: #694a37;
}
.li_orange{
    background: #b8631f;
}
.li_red{
    background: #c1302b;
}
.li_pink{
    background: #edb8ca;
}
.li_purple{
    background: #d6c3d6;
}
.li_lightblue{
    background: #a5cbcb;
}
.li_gray{
    background: #d8d5d0;	
}
.current_black, .current_black::after{
	border-color: #000;
}
.current_blue,
.current_blue::after{
	border-color: #385ca8;
}
.current_green,
.current_green::after{
	border-color: #346231;
}
.current_brown,
.current_brown::after{
	border-color: #694a37;
}
.current_orange,
.current_orange::after{
	border-color: #b8631f;
}
.current_red,
.current_red::after{
	border-color: #c1302b;
}
.current_pink,
.current_pink::after{
	border-color: #edb8ca;
}
.current_purple,
.current_purple::after{
	border-color: #d6c3d6;
}
.current_lightblue,
.current_lightblue::after{
	border-color: #a5cbcb;
}
.current_gray,
.current_gray::after{
	border-color: #d8d5d0;
}

@media screen and (max-width:480px) {
	#item_list2022 .bo_b1 {
	    border-bottom: none;
	}
	#item_list2022 .items > section {
	    padding: 33vw 0 0 0;
	    margin: -33vw auto 3.5vw auto;
	}
	#item_list2022 nav ul {
	    display: flex;
	    margin-bottom: 12.3vw;
	    align-items: center;
	    justify-content: space-between;
	}
	.item_list2022_series nav ul {
		margin-bottom: 13vw!important;
	}
	#item_list2022 nav ul li:nth-child(2) {
		margin: 0;
	}
	#item_list2022 nav ul li {
		width: 28vw;
		font-size: 3vw;
	}
	#item_list2022 nav ul li a {
		display: block;
		border: #221714 solid 0.3vw !important;
		width: 28vw !important;
		font-size: 3.5vw !important;
		border-radius: unset!important;
	}
	.list_top_selected{
		max-width: 90%!important;
		width: 90%!important;
		margin:auto;
		}
	.list_top_color_selected{
		max-width: 80%!important;
		width: 80%!important;
		margin:auto;
		}
	.list_top_color_selected ul{
        display: flex;
        justify-content: space-between;
        margin: 0;
	  }
	  .list_top_color_ul_top{
	  	margin: 0 3vw 3.2vw!important;
	  }
	  .list_top_color_ul_bottom{
	  	margin: 0 3vw 6.8vw!important;
	  }
	  .list_top_color_selected ul li{
	  	border-radius: 50%;
	  	position: relative;
	  }
	.list_top_color_selected ul li a{
		display: block;
		width: 11vw;
		height: 11vw;
	}
	  .list_top_color_selected ul .li_active{
		background: #fff;
		width: 9.4vw;
		height: 9.4vw;
		border-style: solid;
		border-width: 0.8vw;
	}
	.list_top_color_selected ul .li_active a{
		width: 9.4vw;
		height: 9.4vw;
	}
	.list_top_color_selected ul .li_active::after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 2vw;
	  left: 1.5vw;
	  width: 5vw;
	  height: 3vw;
	  transform: rotate(-45deg);
	  border-left-style: solid;
	  border-left-width: 1.5vw;
	  border-bottom-style: solid;
	  border-bottom-width: 1.5vw;
	}
	.sp_sq_btn1{
		border-radius: unset!important;
		width: 50vw!important;
		border: #221714 solid 0.3vw !important;
	}
    #item_list2022 .contents_item{
    	border-bottom: #000 solid 0.2vw;
    	padding-bottom: 9vw;
    	margin: 0 auto;
    	width: 94vw;
    }
	#item_list2022 .acd-content .contents_item{
	border-bottom: none;
	margin-bottom: 4vw;
	padding-bottom: 0;
	}
    #item_list2022 .contents_item .outwrap{
    	width: 94vw;
    }
    #item_list2022 .item_list {
		list-style: none;
		padding: 0;
		text-align: left;
	}
	#item_list2022 .contents_item .item_list .items {
		display: inline-block;
		width: 42.1vw;
		height: auto;
		margin: 0 2vw 9vw;
		text-align: center;
		vertical-align: top;
		position: relative;
	}
	#item_list2022 .contents_item .item_list .items .price span{
		font-size:3.2vw;

	}
	#item_list2022 .items .pic{
		width: 42vw;
		height: 42vw;
		overflow:hidden;
	}
	#item_list2022 .items .pic img{
		max-width: 100%;
transform: scale(1.1);
	}
	#item_list2022 .contents_item .item_list .items .name{
	    line-height: 4.8vw;
	    height: auto;
	    margin: 2.5vw 0;
	    font-size:4vw;
	}
#item_list2022 .contents_item .item_list .items .book01,
#item_list2022 .contents_item .item_list .items .book02,
#item_list2022 .contents_item .item_list .items .book03,
#item_list2022 .contents_item .item_list .items .book04,
#item_list2022 .contents_item .item_list .items .book05,
.foot_status .book01,
.foot_status .book02,
.foot_status .book03,
.foot_status .book04,
.foot_status .book05{
font-size:3vw;
line-height:6vw;
height:6vw;
border:none;
width:36vw;
margin:0 auto;
}
.foot_status .book01,
.foot_status .book02,
.foot_status .book03,
.foot_status .book04,
.foot_status .book05{
text-align:center;
margin-left:0;
}

	#item_list2022 .material{
		display: none;
	}
	#item_list2022 .material + div.open {
		position: relative!important;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		background: transparent;
		visibility: visible;
		z-index: 1;
		opacity: 1;
	}
	#item_list2022 .material + div > div {
		position: relative;
		top: unset;
		left: unset;
		display: block;
		width: 85.6vw;
		height: calc(100% - 22.2vw);
		border: none;
		background: #FFF;
		padding: 5.4vw;
		overflow-y: unset!important;
		margin: 0 auto;
	}
	#item_list2022 .material + div > div > section {
		padding: 5vw 0;
	}
	.ver2022 .material + div > div > section.center {
		text-align: center;
		width: 80%;
		padding: 5vw 10%!important;
	}
	.ver2022 .material + div > div > section.center div{
		width:40%;
		display:inline-block;
		margin:0 1vw;
	}
	.ver2022 .material + div > div > section.center div img{
		width:100%;
	}
	.ver2022 .material + div > div > section.center div p,
	.ver2022 .material + div > div > section.center div h6{
		font-size:3.2vw;
		margin-bottom:4vw;
	}
	#item_list2022 .material + div > div > section h4{
		font-size:4vw !important;
		font-weight:normal;
		margin:0 0 3vw;
	}
	#item_list2022 .material + div > div > section h5{
		font-size:3.7vw !important;
		margin-bottom:4vw;
		font-weight:normal;
	}
	#item_list2022 .material + div > div > section p{
		font-size:3.5vw !important;
	}
	.ver2022 .material + div > div > section div div img{
		width:53.5vw;
		margin:0 0 4vw 18.25vw;
	}
	#item_list2022 .material + div > div > section:first-child {
	}
	#item_list2022 .material + div > div > section:nth-child(6) p:first-child{
		font-size:4.2vw !important;
	}
	#item_list2022 .material + div > div > section:nth-child(9) {
		display: block;
	}
	#item_list2022 .material + div > div > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
		display: block;
	}
	.foot_status{
		display: block;
		padding-left:0;
	}
	.foot_status p{
		margin-bottom: 1vw!important;
	}
    .foot_status .status_desc{
    	margin-left: 3vw!important;
    }
    .item_list_acd_img{
    	width: 90%;margin:auto;
    }
	#item_list2022 .acd-check{
		display: none;
	}
	#item_list2022 .acd-label{
		display: block;
		margin: 0 auto;
		position: relative;
		width: 84vw;
		height: auto;
		font-size:4.1vw;
		line-height:4.2vw;
		padding: 6vw 3vw 4vw;
		margin-bottom: 6vw;
		border-bottom: solid 0.2vw #000;
border-right: none;
    border-left: none;
    border-top: none;
	}
	#item_list2022 .acd-label h2{
		font-size:4.6vw;
		text-align:left;
	}
	#item_list2022 .acd-label h3{
		font-size:4.1vw;
		text-align:left;
	}
	#item_list2022 .acd-label:after{
		box-sizing: border-box;
		content: '';
		display: block;
		height: 1.8vw;
		padding: 1vw 1vw;
		position: absolute;
		right: 2vw;
		bottom: 6vw;
		border-top: 0.2vw solid #000;
		border-right: 0.2vw solid #000;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#item_list2022 .acd-content{
		display: none;
		height: 0;
		margin-top: 0;
		opacity: 0;
		visibility: hidden;
	}
	#item_list2022 .acd-content-view{
		display: block;
		width:87.4vw; height: auto;
		margin:auto;
		padding: 2vw;
	}
	#item_list2022 .acd-check:checked + .acd-label:after{
		bottom: 8vw;
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#item_list2022 .acd-check:checked + .acd-label{
		height:auto;
	}
	#item_list2022 .acd-check:checked + .acd-label + .acd-content{
		height: auto;
		opacity: 1;
		visibility: visible;
		margin-bottom: 13vw;
		display: block;
border: none;
    width: unset;
	}
	#item_list2022 .acd-content p{
		width: 86vw;
		margin: 0 auto 13vw;
	}
	.top_medal > div:nth-of-type(1) {
		width: 5vw!important;
		margin-top: 0vw!important;
	}
	#item_list2022 .top_medal > div {
		vertical-align: middle!important;
	}
	#item_list2022 .top_medal > div picture {
		margin: 14.7vw 0 0 0!important;
	}
	#item_list2022 .top_medal > div + div > div {
		width: 64vw;
		margin: 0 0 0.4vw 3.5vw;
	}
	#item_list2022 .top_medal > div + div > div > p {
		margin: 0;
		width: 100%;
	}
	#item_list2022 .top_medal > div + div > div > p:nth-of-type(2) {
		text-align: left;
	}
	.acd-close-btn{
		text-align: center;
	}
	.acd-close-btn span{
		border: #221714 solid 0.2vw !important;
		font-size: 3.5vw;
		width: 77.8vw;
		display: inline-block;
		padding: 3vw 0;
		cursor: pointer;
	}
	.acd-close-btn span:hover, .acd-close-btn span:active{
		opacity: 1;
		color: #FFF;
		background: #534741;
		transition: 0.3s;
	}
.wrap > picture{
margin:auto;
text-align:center;
margin-bottom:8.5vw;
}
.localtoplink{
margin-bottom:7.5vw;
}
 .material + div > div > section {
        border-bottom: #898989 solid 0.3vw;
}
main{
margin-top:23.921vw !important;
width:100%;
overflow:hidden;
}
#page_product_detail .pankuzu{
margin-top:14.3rem;
}
#page_product_detail .ec-productRole{
width:90%;
margin:0 auto;
position:relative;
padding:0;
}
#page_product_detail .pcblock2{
display:flex;
flex-wrap:wrap;
}
#page_product_detail .block1{
order:2;
width:100%;
overflow:hidden;
}
#page_product_detail .ec-grid2{
order:4;
width:100%;
display:block !important;
}
#page_product_detail .pcblock1{
display:contents;
}

#page_product_detail .block2{
width:100%;
order:1;
margin:2vw auto 6.9vw;
}
#page_product_detail .block3{
width:100%;
order:3;
}
#page_product_detail .block4{
width:100%;
order:5;

}
#page_product_detail .block5{
order:4;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#page_product_detail #product_function{
order:5;
margin: 0 auto;
}
#page_product_detail #product_read_more{
order:6;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#page_product_detail #product_spec{
order:7;
width:100%;
}
#page_product_detail #product_subitems{
order:8;
width:100%;
}
#page_product_detail #product_final{
order:9;
width:100%;
}

}

@media screen and (min-width:481px) {
	#item_list2022 .wrap{
		padding: 0!important;
		width: 98rem;
        	margin: 0 auto;
	}
    .ver2022 nav ul li:nth-child(2) {
        margin: 0 2.5rem;
    }
	#item_list2022 .bo_b1 {
	    border-bottom: none;
	}
	#item_list2022 .items > section {
	    padding-top: 14rem;
	    padding-bottom: 4rem;
	    margin-top: -14rem;
	}
	#item_list2022 .rnd_btn1{
		font-size: 1.5rem!important;
		width:30rem;
	}
	#item_list2022 .rnd_btn1 span{
		display: inline-block!important;
	}
	.list_top_selected{
		margin-bottom: 5rem !important;
	}
	.list_top_color_selected{
        max-width: 39rem!important;
        width: 39rem!important;
	 }
	.list_top_color_selected ul{
        display: flex;
        justify-content: space-between;
        margin: 0;
	padding:0;
	  }
	  .list_top_color_ul_top{
	  	margin-bottom: 1.6rem!important;
	  }
	  .list_top_color_ul_bottom{
	  	margin-bottom: 4rem!important;
	  }
	  .list_top_color_selected ul li{
	  	border-radius: 50%;
	  	position: relative;
	  	cursor: pointer;
	  }
	  .list_top_color_selected ul .li_active{
		background: #fff;
		width: 4.9rem;
		height: 4.9rem;
		border-style: solid;
		border-width: 0.4rem;
	}
	.list_top_color_selected ul li a{
		display: block;
		width: 5.7rem;
		height: 5.7rem;
	}
	.list_top_color_selected ul .li_active a{
		width: 4.9rem;
		height: 4.9rem;
	}
	.list_top_color_selected ul .li_active::after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 1rem;
	  left: 0.9rem;
	  width: 2.2rem;
	  height: 1.4rem;
	  transform: rotate(-45deg);
	  border-left-style: solid;
	  border-left-width: 0.7rem;
	  border-bottom-style: solid;
	  border-bottom-width: 0.7rem;
	}
    #item_list2022 .contents_item{
    	border-bottom: #000 solid 0.1rem;
    	padding-bottom: 5rem;
    	margin: 0 auto 1rem;
    }
	#item_list2022 .acd-content .contents_item{
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 4rem;
		}
    #item_list2022 .item_list {
		list-style: none;
		padding: 0;
	}
	#item_list2022 .contents_item .item_list .items {
		display: inline-block;
		width: 22rem;
		height: 39rem;
		margin: 0;
		text-align: center;
		vertical-align: top;
		margin-bottom: 4rem;
		position: relative;
	}
	#item_list2022 .contents_item .item_list .items .sp-color-product {
		display: block;
		width: 100%;
		position: absolute;
		z-index:1;
		top: -4.8rem;
		left: 0;
	}
	#item_list2022 .contents_item .item_list .items .sp-product-img img{
		border: solid rgba(228,82,78,1) 0.2rem;
		margin: -0.2rem;
	}
	#item_list2022 .ver2022 .contents_item .item_list .items .name {
		font-family: inherit;
		font-size: 1.5rem;
		text-align: 2.5rem;
		letter-spacing: 0em;
		margin: 4.5rem 0 0 0;
	}
	.foot_status{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.foot_status li:first-child{
		margin-right: 4rem;
	}
	.foot_status p{
		margin-bottom: 1rem!important;
	}
    .foot_status .status_desc{
    	margin-left: 1rem!important;
    }
    .foot_ask_area{
    	max-width: 80rem;
    	width: 80rem;
    	margin: 0 auto;
    }
    .item_list_acd_img{
    	max-width: 81.9rem;
    	width: 81.9rem;
    	margin: 0 auto;
    }
	#item_list2022 .top_medal > div + div > div > p{
		margin-bottom: 0!important;
		max-width: 100%;
	}
	#item_list2022 .top_medal > div + div > div {
		margin: 0;
		margin-left: 3rem;
	}
	.acd-close-btn{
		text-align: center;
	}
	.acd-close-btn span{
		border: #221714 solid 0.1rem !important;
		font-size: 1.2rem !important;
		width: 13rem !important;
		display: inline-block;
		padding: 0.9rem 0;
		cursor: pointer;
	}
	.acd-close-btn span:hover, .acd-close-btn span:active{
		opacity: 1;
		color: #FFF;
		background: #534741;
		transition: 0.3s;
	}
	.anchor-material{
		padding-top:40rem !important;
		margin-top:-40rem !important;
	}
.wrap > picture{
margin:0 auto 4rem;
text-align:center;
}
.localtoplink{
margin-bottom:4.5rem;
}

	.ver2022 .material {
		display: none;
	}
	.ver2022 .material span {
		display: block;
		width: 17rem;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.ver2022 .material + div {
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		z-index: -1;
	}
	.ver2022 .material + div.open {
		position:relative;
		top   : unset;
		right : unset;
		bottom: unset;
		left  : unset;
		background: rgba(255,255,255,0.8);
		visibility: visible;
		opacity: 1;
		transition: 0.5s;
		z-index: 99;
	}
	.ver2022 .material + div > div {
		position: relative;
		top   : unset;
		left  : unset;
		bottom: unset;
		background: #FFF;
		border: none;
		padding:0 6rem;
		height: auto;
		width : 100rem;
		margin:auto;
	}
	.ver2022 .material + div > div .close {
		position: fixed;
		top  : 12rem;
		right: calc(50% - 41.3rem);
		z-index:20000;
	}

	.ver2022 .material + div > div > section {
		border-bottom: #000 solid 0.1rem;
	}
	.ver2022 .material + div > div > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.ver2022 .material + div > div > section:nth-of-type(9) div:nth-of-type(2),
	.ver2022 .material + div > div > section:nth-of-type(10) div:nth-of-type(2) {		width:78.5rem;
		margin-left:6rem;
	}
	.ver2022 .material + div h4,
	.ver2022 .material + div p {
		margin: 0;
		padding: 0;
		font-size: 1.7rem;
		font-weight: normal;
	}
	.ver2022 .material + div h4 {
		margin-right: 3rem;
		width: 9rem;
		white-space: nowrap;
	}
	.ver2022 .material + div p {
		display: block;
		width: 100%;
	}
	.ver2022 .material + div > div > section {
		margin : 0;
		padding: 4rem 0;
	}
	.ver2022 .material + div > div > section.items {
		display:flex;
	}
	.ver2022 .material + div > div > a + section {
		padding-top: 0;
	}
	.ver2022 .material + div > div > section.center {
		justify-content: center;
		text-align: center;
	}
	.ver2022 .material + div > div > section.center p {
		font-size: 1.2rem;
	}
	.ver2022 .material + div > div > section.center picture {
		margin: 0 1rem;
	}
.ver2022 .flx_rev {
        display: flex;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
.ver2022 .flx_rev > div:nth-of-type(1){
width:30rem;
}
.ver2022 .flx_rev > div:nth-of-type(2){
width:50rem;
}
	#item_list2022 .material + div > div > section h5{
		font-size:1.7rem !important;
		font-weight:normal;
		margin-top:0;
	}
    .ver2022 nav ul {
        display: flex;
    }
    .ver2022 nav ul li{
        width:31rem;
    }
    .ver2022 nav ul, .ver2022 nav ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .ver2022 h2 {
        font-size: 2.1rem;
    }

.open section:nth-of-type(2) div,
.open section:nth-of-type(3) div,
.open section:nth-of-type(4) div,
.open section:nth-of-type(5) div{
display:inline-block;
vertical-align:top;
}
.open section:nth-of-type(6),
.open section:nth-of-type(7),
.open section:nth-of-type(8){
position:relative;
width:100%;
height:18.5rem;
margin:4rem 0 !important;
}
.open section:nth-of-type(6) > div:nth-of-type(1){
position:absolute;
top:0;left:0;
}

.open section:nth-of-type(6) div:nth-of-type(2) div:nth-of-type(2),
.open section:nth-of-type(7) div:nth-of-type(2),
.open section:nth-of-type(8) div:nth-of-type(2){
position:absolute;
top:0;left:12.2rem;
}
.open section:nth-of-type(6) h5,
.open section:nth-of-type(7) h5,
.open section:nth-of-type(8) h5{
margin-bottom:2rem;
}
.open section:nth-of-type(6) div:nth-of-type(2) div:nth-of-type(1),
.open section:nth-of-type(7) div:nth-of-type(1) div:nth-of-type(1),
.open section:nth-of-type(8) div:nth-of-type(1) div:nth-of-type(1){
position:absolute;
top:0;right:0;
}
#page_product_detail{
overflow-x:hidden;
}

#page_product_detail .pankuzu{
margin-top:14.3rem;
}
#page_product_detail .ec-productRole{
width:100%;max-width:100%;
padding:0;
position:relative;
}
#page_product_detail .pcblock2{
display:flex;
flex-wrap:wrap;
width:98rem;
margin:5rem auto 0;
padding:0;
}
#page_product_detail .block1{
order:1;
width:45rem;
margin:0 5rem;
overflow:hidden;
}
#page_product_detail .ec-grid2{
order:3;
width:43rem;
display:block !important;
position:absolute;
right:10rem;top:44.5rem;
}
#page_product_detail .pcblock1{
order:2;
flex:1 1 43rem;
}

#page_product_detail .block2{
width:43rem;

}
#page_product_detail .block3{

}
#page_product_detail .block4{

}
#page_product_detail .block5{
order:4;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#page_product_detail #product_function{
order:5;
margin: 0 auto;
}
#page_product_detail #product_read_more{
order:6;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#page_product_detail #product_spec{
order:7;
margin: 0 auto;
}
#page_product_detail #product_subitems{
order:8;
margin: 0 auto;
}
#page_product_detail #product_final{
order:9;
margin: 0 auto 5rem;
width:98rem;
}

}