@charset "UTF-8";



aside {
width: 18%;
float: left;
min-width: 170px;
max-width: 300px;
z-index: 1 !important;
position: absolute;
background-color: #fff;
height: 100%;
}

aside#detail {
float: right;
position: unset;
}



article {
width: 75%;
float: right;
margin-right: 2%;
}


article#detail {
float: left;
margin-left: 2%;
margin-right: 0;
}




#topPage {
position: relative;
}



.more {
text-align: center;
font-size: 12px;
color: #686868;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.loader {
  margin: 20px auto;
  font-size: 9px;
  position: relative;
  text-indent: -9999em;
  border-top: .8em solid rgba(220, 220, 220, 0.2);
  border-right: .8em solid rgba(220, 220, 220, 0.2);
  border-bottom: .8em solid rgba(220, 220, 220, 0.2);
  border-left: .8em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







/*========================================================================================*/






/*========================page================================================================*/




.search_price_box {
width: 35%;
padding-top: 20px;
}



.search_price_box label {
background: white;
width: 100%;
display: inline-block;
position: relative;
}


.search_price_box select{
  border:none;
  outline:none;
  display: inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  font-size:16px;
 color: #333;
  border-radius:0;
  width: 100%;
  z-index:2;
  background:transparent;
		border-radius: 5px;
border: 1px solid #aaa;
box-sizing: border-box;
padding: 15px;
}





.search_price_box label:after{
  content:"\02228";
  font-size:16px;
  color:#000;
/*  background:#F0F0F0;*/
  width:42px;
  text-align:center;
  line-height:3.2em;
  top:0;
  right:0;
  bottom:0;
  position:absolute;
  pointer-events:none;
		border-radius: 0 4px 4px 0;
/*border: 1px solid #aaa;*/
}



.search_price_box option{
  border-bottom:1px solid #eaeaea;
  border-left:3px solid white;
  appearance:none;
}


.search_price_box option:hover{
  background-color:white;
  border-left:3px solid #f3a1a1;

}


/*======================================================*/



#bxslider li {
background-color: #F8F8F8;
padding-top: 30px;
padding-bottom: 30px;
z-index: 1 !important;
}

#bxslider li img {
width: 90%;
height: auto;
text-align: center;
margin: 0 auto;
max-height: 800px;
object-fit: contain;
}



#bxslider_sp li {
background-color: #F8F8F8;
padding-top: 30px;
padding-bottom: 30px;
z-index: 1 !important;
}

#bxslider_sp li img {
width: 90%;
height: auto;
text-align: center;
margin: 0 auto;
max-height: 800px;
object-fit: contain;
}






.custom-thumb {
width: 100%;
    display: flex;
    flex-direction: row;
}


.custom-thumb a {
width: 18.4%;
display: block;
background-color: #F8F8F8;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 2%;
 border-radius:5px;
 box-sizing: border-box;
border: 1px solid #F8F8F8;
}




.custom-thumb a:hover {
box-sizing: border-box;
border: 1px solid #000;
}


.custom-thumb a:last-child {
margin-right: 0;
}




.custom-thumb a img {
height: auto;
text-align: center;
margin: 0 auto;
max-height: 80px;
object-fit: contain;
}










#fade_slide_wrap {
margin-bottom: 60px;
}




/*#breadcrumb-bar .crumb-list {
    clear: both;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px 0px;
}


#breadcrumb-bar .crumb-list ul {
    margin-left: 30px;
    overflow: hidden;
    position: relative;
}

#breadcrumb-bar .crumb-list li {
    display: inline;
    padding-right: 5px;
    color: #666;
}
*/

#slider_wrap_detail .title  {
font-size: 16px;
}


#slider_wrap_detail ul li {
    margin-left: .2%;
    margin-right: .2%;
}


#slider_wrap_detail .slick-next {
top: 45%;
}

#slider_wrap_detail .slick-prev {
top: 45%;
}


/*======================================================*/




#magazine_page {

}


.bk_black {
background-color: #000;
}



#magazine_page .page_title {
margin-top: 90px;
margin-bottom: 40px;
}


#magazine_page .page_title dl {
display: block;
color: #fff;
}



#magazine_page .page_title dl dt{


}


#magazine_page .page_title dl dd {
font-size: 15px !important;
color: #B8B8B8;
padding-top: 20px;
}



#magazine_page .magazine_Large {
    flex-wrap: wrap; 
    display: flex;
    justify-content: space-between;
}


#magazine_page .magazine_Large li {
width: 48%;
}

#magazine_page .magazine_Large li .mainImg {
width: 100%;
text-align: center;
position: relative;
background-color: #282828;
height: 348px;
overflow: hidden;
}

#magazine_page .magazine_Large li .mainImg a {
display: block;
}


#magazine_page .magazine_Large li .mainImg img {
max-width: 100%;
max-height: 348px;
height: auto;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
transition: 0.5s;
object-fit: contain;
}



#magazine_page ul li .mainImg img:hover {
transform: scale(1.1, 1.1);
}






#magazine_page ul li .txt_box a {
color: #fff;
}

#magazine_page ul li .txt_box a dl {
}


#magazine_page ul li .txt_box a dl dt {
padding-top: 16px;
font-size: 15px;
line-height: 1.6em;
}


#magazine_page ul li .txt_box a dl dd {
color: #686868;
font-size: 12px;
padding-top: 5px;
}

#magazine_page ul li .txt_box a dl dd ul {
display: inline-flex;
}

#magazine_page ul li .txt_box a dl dd ul li {
padding-right: 1.5em;
width: unset;
}






#magazine_page .magazine_small {
margin-top: 40px;
    flex-wrap: wrap; 
    display: flex;
    justify-content: space-between;
				margin-bottom: 40px;
}


#magazine_page .magazine_small li {
width: 30.6%;
margin-bottom: 20px;
}

#magazine_page .magazine_small li .mainImg {
width: 100%;
text-align: center;
position: relative;
background-color: #282828;
height: 224px;
overflow: hidden;
}

#magazine_page .magazine_small li .mainImg a {
display: block;
}


#magazine_page .magazine_small li .mainImg img {
max-width: 100%;
max-height: 224px;
height: auto;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
transition: 0.5s;
object-fit: contain;
}



#magazine_page .magazine_small li .last_ph span {
position: absolute;
text-align: center;
color: #fff;
text-decoration: underline;
left: 0;
right: 0;
margin: auto;
font-size: 12px;
z-index: 10;
top: 140px;
}

#magazine_page .link_all {
text-align: center;
padding-bottom: 80px;
}


#magazine_page .link_all a {
color: #fff;
text-decoration: underline;
font-size: 14px;
}



/*======================================================*/



#brands_list_wrap dl,
#brands_list_wrap dt,
#brands_list_wrap dd {
  margin: 0;
  padding: 0;
}

#brands_list_wrap dl {
  width: 100%;
		border-bottom: 1px solid #707070;
		padding-bottom: 10px;
}

#brands_list_wrap dt {
  position: relative;
}

#brands_list_wrap .main_title {
padding-left: 10px;
}



#brands_list_wrap dd {
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px;
  background: #fff;
}

 #brands_list_wrap span::before,
 #brands_list_wrap span::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #070000;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
  
#brands_list_wrap span::after {
  background: #070000;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

#brands_list_wrap .active::after {
  transform: rotate(0);
  transition: 0.5s;
}


#brands_list_wrap {
padding:  0 0;
}





/*===============================================*/

#page_side_detail .h-nav-list_in ul li {
font-size: 13px;
line-height: 2em;
}

#page_side_detail #brands_list_wrap2 .brands_list .user_name {
font-size: 14px;
}

#page_side_detail #brands_list_wrap2 .brands_list .star_box {
    display: flex;
    justify-content: space-between;
}

#page_side_detail #brands_list_wrap2 .brands_list .star_box p {
font-size: 12px;
}

#page_side_detail #brands_list_wrap2 .brands_list .star_box p.date {
font-size: 10px;
color: #686868;
}

#page_side_detail #brands_list_wrap2 .brands_list .txt {
color: #686868;
font-size: 14px;
line-height: 1.6em;
}


#page_side_detail #brands_list_wrap2 .h-nav-list_in ul li {
margin-bottom: 40px;
}


#page_side_detail .h-nav-list_in .main_title {
padding-bottom: 15px;
}

#page_side_detail #brands_list_wrap2 .link_input {
margin-top: 40px;
}

#page_side_detail #brands_list_wrap2 .link_input a {
font-size: 14px;
text-decoration: underline;
}




/*===============================================*/


#brands_list_wrap2 dl,
#brands_list_wrap2 dt,
#brands_list_wrap2 dd {
  margin: 0;
  padding: 0;
}

#brands_list_wrap2 dl {
  width: 100%;
		border-bottom: 1px solid #707070;
		padding-bottom: 10px;
}

#brands_list_wrap2 dt {
  position: relative;
}

#brands_list_wrap2 .main_title {
padding-left: 10px;
}



#brands_list_wrap2 dd {
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px;
  background: #fff;
}

 #brands_list_wrap2 span::before,
 #brands_list_wrap2 span::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #070000;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
  
#brands_list_wrap2 span::after {
  background: #070000;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

#brands_list_wrap2 .active::after {
  transform: rotate(0);
  transition: 0.5s;
}


#brands_list_wrap2 {
padding:  0 0;
}







#breadcrumb-bar .crumb-list {
    clear: both;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px 0px;
}


#breadcrumb-bar .crumb-list ul {
    /*margin-left: 20px;*/
    overflow: hidden;
    position: relative;
}

#breadcrumb-bar .crumb-list li {
    display: inline;
    padding-right: 5px;
    color: #666;
}






#page_side_detail {

}

#page_side_detail .detail_list_box {

}



#page_side_detail .detail_list_box .main_title {
font-size: 26px;
padding-bottom: 10px;
line-height: 1.6em;
}


#page_side_detail .detail_list_box .sub_title {
font-size: 16px;
color: #686868;
}

#page_side_detail .detail_list_box .bland_name {
font-size: 14px;
}

#page_side_detail .detail_list_box .bland_name a {
text-decoration: underline;
}




#page_side_detail .detail_list_box .price {
font-size: 14px;
font-weight: bold;
}

#page_side_detail .detail_list_box .price span {
font-size: 12px;
color: #686868;
}


#page_side_detail .txt_box {
color: #686868;
font-size: 14px;
line-height: 1.6em;
padding-top: 20px;
}

#page_side_detail .size_box {
background-color: #F8F8F8;
margin-top: 20px;
font-size: 12px;
line-height: 1.6em;
padding: 10px;
color: #282828;
}


#page_side_detail .size_box p {
padding-bottom: 5px;
}



#page_side_detail .size_box .size_checkbox {
margin-bottom: 5px;
}



/*===============================================================*/


#page_side_detail .size_box .size_checkbox input[type="checkbox"] {
 display: none;
}


#page_side_detail .size_box .size_checkbox input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}


#page_side_detail .size_box .size_checkbox input[type="checkbox"]+label:before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を */
    background-color: #fff; /* 背景の色変更 お好きな色を */
}




#page_side_detail .size_box .size_checkbox input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}

/*===============================================================*/







#page_side_detail .size_box input.text {
width: 9.5em !important;
padding-top: 4px;
padding-bottom: 4px;
}


#page_side_detail .size_box input.size_txt {

}







#page_side_detail .size_box input.text .notes {
padding-left: .5em;
}




#page_side_detail #cart_btn {
margin-top: 20px;
}


#page_side_detail #cart_btn a {
display: block;
border: 1px solid #000;
padding-left: 1em;
background-color: #000;
box-sizing: border-box;
color: #fff;
text-align: center;
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}

#page_side_detail #cart_btn a i {
padding-right: .5em;
}

#page_side_detail .info_box {
margin-top: 20px;
}


#page_side_detail .info_box #link_btn_wrap {
display: flex;
justify-content: space-between;
}


#page_side_detail .info_box #link_btn_wrap .pop-box {
width: 48%;
}





#page_side_detail .info_box #link_btn_wrap .link_btn_info {
width: 48%;
}



#page_side_detail .info_box #link_btn_wrap .link_btn a {
border: 1px solid #000;
background-color: #fff;
box-sizing: border-box;
color: #000;
text-align: center;
font-size: 11px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 2%;
padding-right: 2%;
display: block;
}


#page_side_detail .info_box #link_btn_wrap .link_btn .btn-open {
border: 1px solid #000;
background-color: #fff;
box-sizing: border-box;
color: #000;
text-align: center;
font-size: 11px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 2%;
padding-right: 2%;
display: block;
}







#page_side_detail .info_box #link_btn_wrap .link_btn a:hover {
background-color: #aaa;
}




#page_side_detail .info_box #link_btn_wrap .link_btn a i {
padding-left: .2em;
}



#page_side_detail .info_box  .addition {
margin-top: 20px;
}

#page_side_detail .info_box  .addition a {
font-size: 13px;
}

#page_side_detail .info_box  .addition a i {
padding-right: .5em;
}

#page_side_detail .info_box  .addition a:hover {
text-decoration: underline;
}





/*===============================================================*/

#cart {
padding-top: 60px;
margin-bottom: 200px;
}

#cart .cartBox_left {
width: 66%;
float: left;
}


#cart  .under_page_title {
width: 100%;
margin-bottom: 40px;
}




#cart .cartBox_left ul {
}

#cart .cartBox_left ul li:first-child {
border-top: 1px solid #D8D8D8;
}




#cart .cartBox_left ul li {
box-sizing: border-box;
border-bottom: 1px solid #D8D8D8;
display: flex;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
}

#cart .cartBox_left ul li .left_box {
display: flex;
justify-content: space-between;
align-items: center;
width: 60%;
}

#cart .cartBox_left ul li .left_box .ph {
width: 30%;
background-color: #F8F8F8;
min-height: 90px;
text-align: center;
position: relative;
}




#cart .cartBox_left ul li .left_box .ph img {
max-height: 70px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
object-fit: contain;
}



#cart .cartBox_left ul li .left_box dl {
width: 65%;
}

#cart .cartBox_left ul li .left_box dl dt {
font-size: 15px;
}

#cart .cartBox_left ul li .left_box dl dd {
color: #686868;
font-size: 13px;
}




#cart .cartBox_left ul li .right_box {
display: flex;
justify-content: space-between;
width: 40%;
align-items: center;
}



#cart .cartBox_left ul li .right_box .count_box {
display: flex;
justify-content: space-between;
align-items: center;
}





#cart .cartBox_left ul li .right_box .count {

}

#cart .cartBox_left ul li .right_box .count span {
display: inline;
padding-right: .5em;
}

#cart .cartBox_left ul li .right_box .count input {
width: 4em;
padding-top: .8em;
padding-bottom: .8em;
}

#cart .cartBox_left ul li .right_box .count input[type="button"] {
display: none;
}




#cart .cartBox_left ul li .right_box .price {
width: 20%;
}

#cart .cartBox_left #cart_btn {
margin-top: 40px;
}



#cart .cartBox_left #cart_btn a {
border: 1px solid #000;
background-color: #fff;
box-sizing: border-box;
color: #000;
text-align: center;
font-size: 15px;
padding-top: 20px;
padding-bottom: 20px;
width: 40%;
padding-left: 1em;
padding-right: 1em;
display: block;
}


#cart .cartBox_left #cart_btn a:hover {
background-color: #aaa;
}






#cart .cartBox_right {
width: 28%;
float: right;
background-color: #F8F8F8;
padding-top: 30px;
padding-bottom: 30px;
}

#cart .cartBox_right .cartBox_right_in {
width: 90%;
margin-left: auto;
margin-right: auto;
}



#cart .cartBox_right .count_box {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding-bottom: 40px;
}

#cart .cartBox_right .count_box .cownt_txt {

}





#cart .cartBox_right .price_box {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding-bottom: 40px;
}


#cart .cartBox_right .price_box .price_txt {

}

#cart .cartBox_right .price_box .price {
font-weight: bold;
}


#cart .cartBox_right .procedure_box {
color: #686868;
font-size: 14px;
}


#cart .cartBox_right #login_btn {

}

#cart .cartBox_right #login_btn a {
border: 1px solid #000;
background-color: #000;
box-sizing: border-box;
color: #fff;
text-align: center;
font-size: 15px;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
display: block;
margin-top: 20px;
}

#cart .cartBox_right #login_btn a:hover {
background-color: #aaa;
}

#cart .cartBox_right #login_No_btn {

}

#cart .cartBox_right #login_No_btn a {
border: 1px solid #000;
background-color: #fff;
box-sizing: border-box;
color: #000;
text-align: center;
font-size: 15px;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
display: block;
margin-top: 20px;
}

#cart .cartBox_right #login_No_btn a:hover {
background-color: #aaa;
}