@charset "euc-jp";
main { max-width: 1200px; margin: 0 auto; padding: 0 20px;}
section { padding: 50px 0;}

#pankuzu { padding: 0;}

/**============================================================================================**/
/* アクセサリー */
#accessory h2 { 
    margin: 0 0 10px; padding: 0 0 15px; 
    border-bottom: solid 3px #000;
    font-size: 30px;}

#accessory h3 { margin: 10px 0 5px;}

#accessory a:hover img {
    opacity: 0.5;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;}

#accessory h3 { margin: 10px 0 5px;}

#accessory ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; margin: 0 auto 60px;}

#accessory li { box-sizing: border-box; width: 33.33%; padding: 20px;}

@media screen and (max-width:699px){
    #accessory li { width: 50%;}
} 

@media screen and (max-width:499px){
    #accessory ul { max-width: 360px;}
    #accessory li { width: 100%;}
} 

/**============================================================================================**/
/* 商品名 */
#products h1 { 
    margin: 0 0 30px; padding: 8px; background: #000; 
    color: #fff; font-size: 20px; font-weight: bold; line-height: 1.5em;}

#products img { 
    box-sizing: border-box; width: 100%; height: auto;
    border: solid 1px #999;}

#products .dis-tbl_tab { width: 100%;}
#products .dis-tblcl02 {
    padding: 0 0 0 20px; 
    font-size: 16px; line-height: 1.5em;}

/* 基本スペック・商品詳細 */
#products .dis-tblcl02 h2 { 
    margin: 0 0 15px; 
    font-size: 20px; font-weight: bold; }
    
#products .dis-tblcl02 > div { 
    margin: 0 0 30px 5px; padding: 5px 10px; 
    border-left: solid 2px #333;
    line-height: 1.8em;}
    
@media screen and (max-width:749px){
    #products .dis-tbl_tab,
    #products .dis-tblcl01,
    #products .dis-tblcl02 { display: block;}

    #products .dis-tblcl02 { margin: 20px 0 0; padding: 0;} 
}

/* 画像 */
#products img { 
	width: auto; height: auto; max-width: 100%; max-height: 100%; 
	border: none; vertical-align: middle;}

#products .bxslider img { width: 100%;}


/*youtube*/
#products .youtube {
    position: relative;
    width: 100%; margin: 0 0 30px; padding: 56.25% 0 0;}
  
#products .youtube iframe {
    position: absolute; top: 0; right: 0;
    width: 100%; height: 100%;}

/**============================================================================================**/
/* bx-sliderの設定 */
#products .bx-wrapper { position: relative; margin: 0 auto 10px;}

/* bx-slider メイン画像 */
#products .bxslider img { margin: 0 auto; border: none;}

/* bxslider サムネイル */
#products .custom-thumb { margin: 0 0 50px; font-size: 0;}
#products .custom-thumb p {display: inline-block; width: 70px; padding: 0 5px 5px 0;}

#products .custom-thumb a {
    display: inline-block; 
    box-sizing: border-box; width: 70px; margin: 0; padding: 0; border: solid #ccc 1px;}
    
#products .custom-thumb a.active,
#products .custom-thumb a:hover { border-color: #b71c25;}

@media screen and (max-width:599px){
    #products .custom-thumb p {box-sizing: border-box; width:14.28%;}
    #products .custom-thumb a { width:100%;}
}
@media screen and (max-width:499px){
    #products .custom-thumb p {width:16.66%;}
}
@media screen and (max-width:399px){
    #products .custom-thumb p {width:20%;}
}

/* NEXT / PREV */

#products .bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/bx-prev.webp) no-repeat;
}
#products .bx-prev:hover { content: url("../images/bx-prev_on.webp");}

#products .bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/bx-next.webp) no-repeat;
}
#products .bx-next:hover {content: url("../images/bx-next_on.webp");}


#products .bx-wrapper .bx-controls-direction a {
	position: absolute; top: 50%; z-index:2;
	width: 45px; height: 45px; margin: -22px 0 0;
	outline: 0;
	text-indent: -9999px;}


/**============================================================================================**/
/* ショッピング　リンク */
#products .posi-rlt {
	min-height: 85px; padding: 20px 20px 0 211px; 
	border: solid #333; border-width: 1px 0;
    font-size: 0;}

#products .posi-rlt::before {
    content: ' ';
    display: block; position: absolute; top: 20px; left: 15px;
    width: 196px; height: 62px;
    background: url("../images/bn_shopping.webp"); background-size:100% auto;}

#products .posi-rlt a {
    display: inline-block; margin: 0 0 20px 10px; padding: 0;
    background: #fff;}

#products .posi-rlt a[target="_blank"]::after,	
#products .posi-rlt a[target="_blank"]:hover::after { display: none;}

#products .posi-rlt img {
    max-width: 216px;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

#products .posi-rlt a:hover img { opacity: 0.5;}

@media screen and (max-width:499px){
    #products .posi-rlt {padding: 20px 20px 0 162px;} 

    #products .posi-rlt::before { width: 147px; height: 47px;}

    #products .posi-rlt a img { max-width: 162px;}
}

@media screen and (max-width:399px){
    #products .posi-rlt {padding: 96px 10px 0; }
    #products .posi-rlt::before {width: 176px; height: 56px; left: 10px;}

    #products .posi-rlt a { margin: 0 10px 20px 0; } 
    #products .posi-rlt a img { max-width: 140px;}

}

/*--LastUp2025.09.29_kimata--*/