@charset "utf-8";


.slick-slide{
margin-right: 1vw!important;
margin-left: 1vw!important;
border: 1px solid #ccc;
cursor: pointer;
}

.slick-inner{
cursor: pointer;
}


.slick-slide{
opacity: 0.4; /* 両サイドの画像を透過 */
}
.slick-slide.slick-active{
opacity: 1; /* センター画像を非透過 */
}





.clear{
clear:both;
}



button {
background:none;
border:0;
}

.item p{
margin: 0!important;
padding: 0;
}




#center{
display: block;
max-width: 1100px;
background-color: #fff;
margin-left: 5%;
margin-right: 5%;
padding: 0;
margin: 0  auto;
}


.body_title{
display: block;
margin: 0 auto;
position: relative;
height: 30px;
margin-bottom: 10px;
}


.body_title p{
margin: 0;
padding: 0;
}


.body_title span{
position: absolute;
top: 0;
}


.body_title a{
position: absolute;
right: 0;
font-size: 0.7em;
color: #fff;
background-color: #000;
padding: 5px 10px;
border-radius: 15px;
text-decoration: none;

}



.body_title a:hover{
text-decoration: underline;
}



.information{
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between; 
padding: 0;
margin-bottom: 100px;
}

.information p{
margin-top: 0;
}


.information a{
text-decoration: none;
color: #06233E;
font-size: 0.9em; 
}


.information_box{
width: 540px;
height: 250px;
overflow-y: scroll;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}



.information_box div{
padding: 10px;
border-bottom:  1px solid #ccc;
}


.information_box div tr:nth-child(3) td{
background-color:#82A7B6;
color: #fff;
font-size:0.8em; 
text-align: center;
width: 8em;
}
.information_box div td:nth-child(2) {
padding-left: 3em;
}
.information_box div td:first-child {
color: #999;
}



.information_box::-webkit-scrollbar {
width: 10px;
}

.information_box::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

.information_box::-webkit-scrollbar-thumb {
background-color: #405B7A;
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}







.toppage_product{
margin: 0 auto;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
border-spacing: 0;
justify-content: space-between;
margin-bottom: 100px;    
}



.toppage_product div:last-child{
display: none;

}



.toppage_product div{
background-color: #fff;
border-radius: 3px;
box-shadow: 0.5px 1px 3px #B1BFC8;
width: 250px;
margin-bottom: 20px;

}

.toppage_product div a {
text-decoration: none;
}

.toppage_product img{
border-radius: 3px 3px 0px 0px;
vertical-align: bottom;
}



.toppage_product_box{
border-collapse: collapse ;
text-align: center;
border-spacing: 0;
margin: 0;
padding: 0;
color: #17264C;
    width: 100%;
}



.toppage_product_box td{
font-weight: 100;
font-size: 0.7em;
padding: 0;
margin: 0;
text-align: center;
background-color:#E4E4E4;

}

.toppage_product_box td:before{
content: "JANコード："
}


.toppage_product_box tr:nth-child(2) th{
padding: 10px;
vertical-align: bottom;
text-align: center;
}

.toppage_product_box tr:nth-child(3) th{
width: 90%;
border-top: 1px solid #C8CDD4;
text-align: left;
font-size: 0.8em;
font-weight: 500;
padding:0 1em;
padding-top: 0.2em;
}
.toppage_product_box tr:last-child th{
text-align: left;
font-size: 0.8em;
font-weight: 500;
padding:0 1em;
padding-bottom: 0.5em;
}








.toppics{
margin: 0 auto;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px;
}


.toppics  div{
background-color: #fff;
box-shadow: 0.5px 1px 3px #B1BFC8;
border-radius: 3px;
margin-bottom: 20px;
width: 540px;
}




.toppics p{
text-decoration: none;
color: #06233E;
font-size: 0.9em; 
margin-left: 2em;
}

.toppics a{
text-decoration: none;
color: #06233E;
font-size: 0.9em; 
}



.toppics img{
border-bottom: 1px solid #eee;
}


.category{
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
padding: 0;
justify-content: space-between;
}



.category div{
width: 260px;
}


.category a{
position: relative;
width: 250px;
height: 100px;
padding: 0px;
display: flex;
background-color: #fff;
box-shadow: 0.5px 1px 3px #B1BFC8;
border-radius: 3px;	
margin-bottom: 20px;
text-decoration: none;
color: #06233E;
font-size: 0.8em;
}


.category p{
position: absolute;
top: 50%;
left: 112px;
transform: translateY(-50%);
margin: 0;
}











@media  (max-width: 1099px){


#center{

margin-left: 5%;
margin-right: 5%;

}



.body_title:first-of-type{
display: none;
}

.information{
width: 100%;
margin: 0 auto;
display: block!important;
padding-top: 10px;
margin-bottom: 100px;
}


.information div:last-child p{
margin-top: 30px;
}

    .information div p{
margin-bottom: 0px;
}


.information_box{
overflow-y: hidden;
height: auto;
border-bottom: none;
}	



.information_box{

width: 100%;   


}

.information_box div:nth-of-type(n + 5){
display: none;
}



.toppage_product div{
width: 32%;
}

.toppage_product div:last-child{
display: block;

}


.toppics  div{
width: 48%;
}




.category a{
width: 48%;
}




}


@media (max-width: 767px){







#center{

margin-left: 5%;
margin-right: 5%;

}


 


.information_box div:nth-of-type(n + 5){
display: none;
}   



.information_toppicsbox  td{
display: block!important;
padding-left: 0!important;
}







.toppage_product > div{
background-color: #fff;
justify-content: center;
display: flex;
box-shadow: none;
margin-bottom: 30px;
width: 48%;
}	


.toppage_product div a {
text-decoration: none;
}


.toppage_product div:last-child{
display: none;
}


.toppage_product div img{
padding: 0;
border-radius: 3px 3px 0px 0px;
vertical-align: bottom;
}




.toppage_product_box td:before{
content: none;
}


.toppage_product_box{
border-collapse: collapse ;
width: 100%;
text-align: center;
border-spacing: 0;
margin: 0;
padding: 0;
text-decoration: none;
color: #17264C;
}




.toppage_product_box td{
font-weight: 100;
font-size: 0.6em;
padding: 0;
margin: 0;
text-align: left;
background-color:#fff;

}

.toppage_product_box td:before{
content: "JAN:"
}


.toppage_product_box tr:nth-child(2) th{
padding: 0;
vertical-align: bottom;
text-align: left;
font-size: 0.8em;
}

.toppage_product_box tr:nth-child(3) th{
border: none;
font-size: 0.6em;
padding: 0;
}
.toppage_product_box tr:last-child th{
font-size: 0.6em;
padding: 0;
padding-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
}





.toppics> div{
width: 100%;
}

.toppics p{
text-decoration: none;
color: #06233E;
font-size: 0.9em; 
margin-left: 10px;
}




.category  a{
width: 100%;
}

}