@charset "euc-jp";
main {padding: 0 15px; font-size: 16px; line-height: 1.5em;}

@media screen and (max-width:999px){
body {padding: 0px 0 55px;}
}

@media screen and (max-width:699px){
header,footer {display: none;}
body {padding: 15px 0 70px;}
}


/* パンクズリスト */
#pankuzu { margin:30px 0 20px; padding: 0; font-size: 14px; line-height: 1.1em;}
#pankuzu h2,#pankuzu h3,#pankuzu h4,#pankuzu h5,#pankuzu h6 { display: inline; font-size: 14px; font-weight: lighter; line-height: 1.5em;}
#pankuzu a {color: #535353; text-decoration: none; letter-spacing: 0.05em;}
#pankuzu a:hover { color:#0066CC; text-decoration:underline;}

@media screen and (max-width:999px){
#pankuzu {overflow-x: scroll; margin:20px 0;padding:5px; font-size: 13px; white-space: nowrap;}
#pankuzu h2,#pankuzu h3,#pankuzu h4,#pankuzu h5 { font-size: 13px;}
#pankuzu div {display: inline-block; padding: 5px 5px 0;}

/* スクロールバーの装飾 */
#pankuzu::-webkit-scrollbar {height: 8px;}
#pankuzu::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.5);}
#pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}
}

@media screen and (max-width:699px){
#pankuzu {/*display: none;*/

    overflow-x: scroll;
    margin: 5px 0 10px;
    padding: 5px;
    font-size: 13px;
    white-space: nowrap;

}

}
#js-copybtn{margin-left:3px;}

#empty-area #empty-message {
    text-align: center;
    border: #ccc 1px solid;
    width: 351px;
    height: 60px;
    margin: 20px auto 0;
    line-height: 60px;
    color: #666;
    font-size: 13px;
}

#empty-area {
   position:relative;
}

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


/**============================================================================================**/
/* カラムの設定 */
#parts-list > .dis-tbl_tab { width: 100%; margin: 0 auto 30px;}
#parts-list > .dis-tbl_tab > .dis-tblcl01 { border: solid #999 1px;
    cursor: pointer;}
#parts-list > .dis-tbl_tab > .dis-tblcl02 { padding: 0 0 0 30px;}

@media screen and (max-width:999px){
#parts-list > .dis-tbl_tab { max-width: 600px;}

#parts-list > .dis-tbl_tab,
#parts-list > .dis-tbl_tab > .dis-tblcl02 { display: block; padding: 0;}
}

@media screen and (max-width:699px){
#parts-list > .dis-tbl_tab { margin: 0 auto;}
}


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


/**============================================================================================**/
/* パーツリスト画像 */
#area01 { padding: 10px;
height:676px;
}

@media screen and (max-width:999px){
    #area01 { 
        height:500px;
        }
}

#area01 > img { width: 100%; max-width: 480px; height: auto;}

#area01 #mainimg { width: 100%; /* max-width: 480px;*/max-width: 580px; height: auto;
   /* IE, Edge 対応 */
   -ms-overflow-style: none;
   /* Firefox 対応 */
   scrollbar-width: none;
 }
 #area01 #mainimg {
    background-size: contain;
    position: relative;
 }
 /* Chrome, Safari 対応 */
 #area01 #mainimg::-webkit-scrollbar {
   display:none;
 }

 #default-img{opacity:0;}
 #mainimg #canvas2{ width: 100%; height: 100%; 
    position: fixed;}

#area01 #mainimg> img {  width: 100%; /* max-width: 480px;*/
    /* opacity:0; */
    height: auto;}

#area01 #mainimg> #def-canvas { 
    width: 100%;
    height: auto;
    position: absolute;
}

#area01 #mainimg.open { max-width: initial; }
#area01 #mainimg.open > img { max-width: initial; }


#area01 .ta_r a { display: inline-block; padding: 3px;}

/**========================================**/
/* モーダルウィンドウ */

/* モーダルウィンドウ表示内容 */
#popup-window.posi-abs,
#popup-sel-window.posi-abs,
#popup-info-window.posi-abs { 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center; align-items: center;
    top: 50%; 
    left:0; overflow-y: hidden;
    box-sizing: border-box; width: 100%; height: auto; max-height: 300px;
    margin: -150px 0 0;
    /* margin: auto 0; */
    padding: 0 15px;
    display:none;}
    
/* #area01 input:checked ~ .posi-abs { height: auto; max-height: 300px;} */
#area01 label { text-decoration: underline; cursor: pointer;}
    
/* 部品の詳細情報 */
#popup-window.posi-abs ul,
#popup-sel-window.posi-abs ul,
#popup-info-window.posi-abs ul { 
    width: 100%; max-width: 320px; padding: 20px;
    background: rgba(41,41,41,0.90);
    color: #FFF; word-wrap: break-word; text-align: left;}

#area01 .posi-abs li { width: 100%; margin: 20px 0 0;}

/* パーツナンバー */
#area01 .posi-abs ul li:nth-child(1) {margin: 0;}
#area01 .posi-abs ul li:nth-child(1) span { 
    display: inline-block;
    box-sizing: border-box; width: 95px; height: 25px; margin: 0 15px 5px 0; padding: 4px 0 0; 
    background: #737373; 
    color: #fff; text-align: center; line-height: 1.0em; }
div#popup-sel-window::before {
    content: '選択して下さい';
    display: block;
    /* position: relative; */
    top: -20px;
    padding: 5px 3px;
    color: #fff;
    line-height: 20px;
    /* left: 50%; */
    background: #1b1b1b;
    height: 20px;
}
#area01 .posi-abs#popup-sel-window ul li span { 
    display: inline-block;
    
    line-height: 18px;
    vertical-align: top;
    margin-top: 2px;
    box-sizing: border-box; width: 105px; height: 25px; margin: 0 15px 5px 0; padding: 4px 0 0; 
    background: #fff; 
    font-size: 11px;
    color: #666; text-align: center; line-height: 1.5em; }
    #area01 .posi-abs#popup-sel-window ul li:hover{
        cursor:pointer;
    }

#area01 .posi-abs#popup-sel-window ul li:nth-child(4) { 
   /* padding-top:0; */
   border-top: none;
}
#area01 .posi-abs#popup-sel-window{
    overflow-y: scroll;
    margin: -850px auto;
    padding: 0;
    width: 377px; 
    position: relative;
    max-height: 400px;
}


#area01 .posi-abs#popup-sel-window ul li{
    margin: 0;
    padding: 10px 0;
	
}

#area01 .posi-abs#popup-sel-window ul li:hover{
   background:rgb(255 255 255 / 28%);

	
}

@media screen and (max-width:699px){
    #area01 .posi-abs#popup-sel-window{
        
    margin: 0 auto;
    width: 377px;
    right: 0;
    top: 20%;
    max-width: 100%;
    position: absolute;
    }
    div#popup-sel-window::before {
        position: initial;
        top: auto;
        padding: 5px 3px;
        color: #fff;
        line-height: 20px;
        background: #1b1b1b;
        height: 20px;
    }


    }



#area01 .posi-abs#popup-sel-window ul li >p {
    margin-top: -3px;
    max-width: 200px;
}

.posi-abs#popup-info-window ul li:nth-child(1) {margin: 0;}
.posi-abs#popup-info-window ul li:nth-child(1) span { 
    display: inline-block;
    box-sizing: border-box; width: 95px; height: 25px; margin: 0 15px 5px 0; padding: 4px 0 0; 
    background: #737373; 
    color: #fff; text-align: center; line-height: 1.0em; }
.posi-abs#popup-info-window ul li span { 
    display: inline-block;
    box-sizing: border-box; 
 color: #fff; 
    line-height: 1.0em; 
}
.posi-abs#popup-info-window { 
    top: 500px;
    left: 1000px;
    width: 300px;
    opacity: 1;
    position: fixed;
    font-size: 14px;
    -ms-overflow-style: none; 
}
.posi-abs#popup-info-window::-webkit-scrollbar {
    display:none;
}


.posi-abs#popup-info-window { 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center; align-items: center;
    z-index:10;
    top: 50%; 
    left:0; overflow-y: hidden;
    box-sizing: border-box; width: 100%; height: auto; max-height: 300px;
    margin: -150px 0 0;
    /* margin: auto 0; */
    padding: 0 15px;
    display:none;}

    #popup-overlay{
        /*追加分*/
        position:fixed;
        top:0;
        left:0;
        z-index:1;
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:120%;
        background-color:rgba(0,0,0,0.0);
    }

@media screen and (min-width: 0px) and (max-width: 760px){
 
.posi-abs#popup-info-window { 
    background: rgba(41,41,41,0.90);
    margin: -150px 0 0 -175px;  /*縦横半分をネガティブマージンでずらす*/
    position: absolute;     /*body要素に対して絶対配置*/
    top: 50%;       /*上端を中央に*/
    left: 50%;      /*左端を中央に*/
    width: 350px;
    min-height: 150px;
    opacity: 1;
    z-index:999;
    font-size: 14px; color: #666;
    -ms-overflow-style: none; 
}
.posi-abs#popup-info-window ul li span {
    color:#333;
    }

    .posi-abs#popup-info-window ul { 
        color:#333;
    background: #fff;
    margin: 16px 0px;
    padding: 7px;
    box-sizing: border-box;
    }
}

/* 商品情報 */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 span.dis-ilblk {margin: 0 10px 0 0; text-align: right;}

/* 商品情報 標準使用数 */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 span.dis-ilblk:nth-child(1) {
    box-sizing: border-box; width: 40px; height: 25px; padding: 5px 5px 0;
    border: solid 1px #fff; 
    line-height: 1.0em;}

/* 商品情報 金額 */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 span.dis-ilblk:nth-child(2) {}

/* 商品情報 ハテナ（?） */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 a { 
    display: inline-block; position: relative;
    box-sizing: border-box; width: 18px; height: 18px; padding: 2px 0 0;
    border-radius: 50%; background: #ffcc00;
    color: #000; font-weight: bold; line-height: 1.0em; text-align: center; text-decoration: none;}

#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 a:hover:before {
    content: "";
    display: inline-block; position: absolute; top:-10px; left: 50%;
    margin: 0 0 0 -8px; border: solid 8px; border-color: #f0f0f0 transparent transparent;
    }

/* 商品情報 ハテナ（?）のコメント */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl01 a:hover .dis-non {
    display: inline-block; position: absolute; bottom: 28px; left: -50px;
    width: 200px; padding: 3px; 
    border-radius: 4px; background: #f0f0f0;
    font-size: 0.687em; font-weight: lighter; text-align: left; line-height: 1.6em;
}
    


/* 商品情報 注文数量 */
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl02 { width: 124px; font-size: 0;}

#area01 .posi-abs ul li:nth-child(3) .dis-tblcl02 input[type="text"] {
    display: inline-block;
    box-sizing: border-box; width: 40px; height: 25px; padding: 4px;
    border: #666 solid 1px;
    font-size: 16px; text-align: right; vertical-align: bottom;}

#area01 .posi-abs ul li:nth-child(3) .dis-tblcl02 a {
    display: inline-block;
    box-sizing: border-box; width: 32px; height: 25px; margin: 0 0 0 10px; padding: 4px 0 0;
    border: #666 solid 1px; border-radius: 4px; background: #fff;
    text-align: center; font-size: 16px; line-height: 1.0em;
    vertical-align: bottom; text-decoration: none;}
    
#area01 .posi-abs ul li:nth-child(3) .dis-tblcl02 a:hover { border-color: #0066cc;}

/* 商品情報 選択する・キャンセル */
#area01 .posi-abs ul li:nth-child(4) { padding: 20px 0 0; border-top: solid 1px #999;}
#area01 .posi-abs ul li:nth-child(4) .dis-tblcl01 { cursor:pointer;}
#area01 .posi-abs ul li:nth-child(4) .dis-tblcl02 { width: 100px; padding: 0 20px 0 0;}

#area01 .posi-abs ul li:nth-child(4) a,
#area01 .posi-abs ul li:nth-child(4) label {
    display: block;
    box-sizing: border-box; height: 32px;
    border-radius: 5px;
    color: #fff; text-align: center; line-height: 1.0em;}

/* 商品情報 選択する */
#area01 .posi-abs ul li:nth-child(4) a { padding: 8px 0 0; background: #ff0000; text-decoration: none;}
#area01 .posi-abs ul li:nth-child(4) a:hover { background: #FF2828;}

/* 商品情報 キャンセル */
#area01 .posi-abs ul li:nth-child(4) label { padding: 10px 0 0; background: #266596; font-size: 0.75em; cursor: pointer;}
#area01 .posi-abs ul li:nth-child(4) label span { display: inline-block; position: relative; padding: 0 0 0 19px;}
#area01 .posi-abs ul li:nth-child(4) label span:before {
    content: '×';
    display: block; position: absolute; top: -1px; left: 0;
    box-sizing: border-box; width: 14px; height: 14px; padding: 0px 0 0;
    border: solid 1px #fff;
    text-align: center; line-height: 1.0em; vertical-align: top;}

#area01 .posi-abs ul li:nth-child(4) label:hover { background: #4483B4;}
/**============================================================================================**/


/**============================================================================================**/
/* タブ切替 */

/* ラジオボタン */
input[name="tab-radios"] {display: none;}

/* タブ */
.tab {font-size: 0;}
.tab .dis-tbl_tab { display: block;}
.tab label { 
    color: #555; font-size: 16px; font-weight: 600; line-height: 1.0em; 
    text-align: center; vertical-align: bottom; cursor: pointer;}

label[for="tab01"],a.tab05 { display: none;}

label[for="tab02"],
label[for="tab03"],
label[for="tab04"] { 
    display: inline-block;
    box-sizing: border-box; width: 115px; height: 40px; padding: 12px 0 0;
    border: solid #999 1px; border-radius: 6px 6px 0 0; background: #cce2fa;}

label[for="tab02"]:hover,
label[for="tab03"]:hover,
label[for="tab04"]:hover { background: rgba(204,226,250,0.70);}

label[for="tab02"] p { display: none;}
label[for="tab03"],label[for="tab04"] { margin: 0 0 0 -1px;}

#tab02:checked ~ .dis-tblcl02 .tab label[for="tab02"],
#tab03:checked ~ .dis-tblcl02 .tab label[for="tab03"],
#tab04:checked ~ .dis-tblcl02 .tab label[for="tab04"] { border: solid 1px; border-color: #999 #999 #fff; background: #fff; color: #000;}

@media screen and (min-width:1000px){
#tab01:checked ~ .dis-tblcl02 .tab label[for="tab02"] { border: solid 1px; border-color: #999 #999 #fff; background: #fff; color: #000;}
}

@media screen and (max-width:999px){
/* タブの表示位置の調整 */
.tab { 
    position: fixed; bottom: 0; left: 0; z-index: 10;
    width: 100%; background: #efefef;
    color: #555; font-size: 16px; line-height: 1.0em;}

.tab .dis-tbl_tab { 
    display: table; 
    box-sizing: border-box; width: 100%; max-width: 600px; margin: 0 auto;
    border: solid #999; border-width: 1px 0 0 1px;}

/* タブの設定 */
.tab label,
a.tab05 { 
    display: table-cell; position: relative;
    width: auto; height: auto; padding: 6px 0; 
    border: solid #999; border-width: 0 1px 1px 0; border-radius: 0; 
    color: #000; text-align: center; vertical-align: top;}

.tab label { background: #efefef; font-weight: lighter;}
a.tab05 { width: 85px; background: #dcdcdc; text-decoration: none;}

label[for="tab02"] p { display: block; margin: 3px 0 0;}
label[for="tab03"],label[for="tab04"] { margin: 0;}


#tab02:checked ~ .dis-tblcl02 { position: relative; padding: 110px 0 0;}

#tab01:checked ~ .dis-tblcl02 .tab label[for="tab01"],
#tab02:checked ~ .dis-tblcl02 .tab label[for="tab02"],
#tab03:checked ~ .dis-tblcl02 .tab label[for="tab03"],
#tab04:checked ~ .dis-tblcl02 .tab label[for="tab04"] { border: solid #999; border-width: 0 1px 1px 0; background: #fff;}

/* メニューボタンの右上に直角三角形マーク */
.tab label:after,
a.tab05:after {
    content: ' ';
    display: inline-block; position: absolute; right: 4px; top: 3px;
    width: 0; height: 0;
    border-style: solid;  border-width: 8px 0 0 8px;}
    
.tab label:after {
    border-color: #ff0000 transparent transparent;}
    
a.tab05:after {
    border-color: #266596 transparent transparent;}
}/* @media screen and (max-width:999px) */

@media screen and (max-width:599px){
#tab02:checked ~ .dis-tblcl02 {padding: 180px 0 0;}

}/* @media screen and (max-width:599px) */

@media screen and (max-width:499px){
/* タブの設定 */
.tab label,
a.tab05 { padding: 10px 0 8px; font-size: 14px;}

a.tab05 { width: 50px;}


}/* @media screen and (max-width:499px) */

@media screen and (max-width:399px){
/* タブの設定 */
.tab label,
a.tab05 { padding: 10px 0 8px; font-size: 14px;}

a.tab05 { width: 50px;}

label[for="tab03"] span { display: none;}
label[for="tab03"]:before { content: '問合せ';}

}/* @media screen and (max-width:399px) */

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


/**============================================================================================**/
/* タブ切替で表示するエリア */
#area02-1,#area03,#area04 {
	overflow-y: hidden;
	width: 100%; height: 0; 
	margin:0; padding: 0; opacity: 0;}

/* 商品点数・税込定価・ALLクリア・カートに入れる */
#area02-2 {display: none;}

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

/* 選択部品・問合わせ・使い方 */
#tab02:checked ~ .dis-tblcl02 #area02-1,
#tab03:checked ~ .dis-tblcl02 #area03,
#tab04:checked ~ .dis-tblcl02 #area04 {
    overflow-y: scroll;
	box-sizing: border-box; margin: -1px 0 0;
    border: solid #999 1px; opacity: 1;}


/* 選択部品 */
#tab02:checked ~ .dis-tblcl02 #area02-1 { height:550px; padding:30px 20px 0;}

/* 商品点数・税込定価・ALLクリア・カートに入れる */
#tab02:checked ~ .dis-tblcl02 #area02-2 {
    display: block;
	box-sizing: border-box; width: 100%; margin: 15px 0 0; padding: 15px 0 0;
    border: solid #999 1px; background: #ddd; opacity: 1;
    font-size: 0; text-align: center;}

/* 問合わせ */
/*#tab03:checked ~ .dis-tblcl02 #area03 { height: auto; max-height: 1500px; padding:15px 20px 15px;}*/
#tab03:checked ~ .dis-tblcl02 #area03 { height: auto; max-height: 659px; padding:15px 20px 15px;}

/* 使い方 */
/* #tab04:checked ~ .dis-tblcl02 #area04 { height: auto; max-height: 1500px; padding:30px 20px 0;} */
#tab04:checked ~ .dis-tblcl02 #area04 { height: auto; max-height: 659px;  padding:30px 20px 0;}


@media screen and (min-width:1000px){
/* 選択部品 */
#tab01:checked ~ .dis-tblcl02 #area02-1 {
    overflow-y: scroll;
	box-sizing: border-box; margin: -1px 0 0;
    border: solid #999 1px; opacity: 1;}

#tab01:checked ~ .dis-tblcl02 #area02-1 { height:550px; padding:30px 20px 0;}

/* 商品点数・税込定価・ALLクリア・カートに入れる */
#tab01:checked ~ .dis-tblcl02 #area02-2 {
    display: block;
	box-sizing: border-box; width: 100%; margin: 15px 0 0; padding: 15px 0 0;
    border: solid #999 1px; background: #ddd; opacity: 1;
    font-size: 0; text-align: center;}
    
}/* @media screen and (min-width:1000px) */

@media screen and (max-width:999px){
/* 分解図 */
#area01 { display: none;}
#tab01:checked ~ #area01 { display: block;}

#area01.forceshow { display: block;}

#tab02:checked ~ .dis-tblcl02 #area02-1,
#tab03:checked ~ .dis-tblcl02 #area03,
#tab04:checked ~ .dis-tblcl02 #area04 { margin: 0; padding: 15px 10px;}

/* 商品点数・税込定価・ALLクリア・カートに入れる */
#tab02:checked ~ .dis-tblcl02 #area02-2 {position: absolute; top: 0; left: 0; margin: 0;}


}/* @media screen and (max-width:999px) */

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


/**============================================================================================**/
/* 選択部品 */
#area02-1 .dis-tbl_tab { width: 100%; margin: 0 0 30px;}

#area02-1 .dis-tbl_tab {display:none;}
#area02-1 .dis-tbl_tab.active {display:table;}



@media screen and (max-width:999px){
/* 選択部品 */
#area02-1 .dis-tbl_tab { padding: 0 0 10px; border-bottom: solid #999 1px;}

}/* @media screen and (max-width:999px) */

/* パーツナンバー */
#area02-1 .dis-tblcl01 { word-break: break-all; cursor:pointer;}
#area02-1 .dis-tblcl01 span { 
    display: inline-block;
    box-sizing: border-box; width: 95px; height: 25px; margin: 0 15px 5px 0; padding: 4px 0 0; 
    background: #737373; 
    color: #fff; text-align: center; line-height: 1.0em; }

/* 購入点数 */
#area02-1 .dis-tblcl02 { width: 185px; font-size: 0;}


#area02-1 input[type="text"] {
     box-sizing: border-box; width: 58px; height: 28px; padding: 4px;
     border: #666 solid 1px;
     font-size: 16px; text-align: right; }

#area02-1 a {
    display: inline-block;
    box-sizing: border-box; width: 32px; height: 28px; margin: 0 0 0 10px; padding: 5px 0 0;
    border: #666 solid 1px; border-radius: 4px;
    text-align: center; font-size: 16px; line-height: 1.0em;
    vertical-align: top; text-decoration: none;}
    
#area02-1 a:hover { border-color: #0066cc;}

#area02-1 a.delete {
    padding: 0;
    border:none;
}
#area02-1 a.delete img {
    width:100%;
}

@media screen and (max-width:599px){
/* パーツナンバー */
#area02-1 .dis-tbl_tab { display: none; position: relative; padding: 35px 0 0;}
#area02-1 .dis-tblcl01 { display: block; }
#area02-1 .dis-tblcl01 span { position: absolute; top: 0; left: 0;}

/* 購入点数 */
#area02-1 .dis-tblcl02 { position: absolute; top: 0; right: 0;}

}/* @media screen and (max-width:599px) */

/**========================================**/
/* 商品点数・税込定価・ALLクリア・カートに入れる */
#area02-2 > .dis-ilblk {padding: 0 15px;}
    
@media screen and (max-width:1199px){
#area02-2 > .dis-ilblk {padding: 0 10px; font-size: 0;}
}

@media screen and (max-width:599px){
#area02-2 > .dis-ilblk { width: 100%; max-width: 270px;}
}

/* 商品点数・税込定価 */
#area02-2 > .dis-ilblk:nth-child(1) div { box-sizing: border-box; border: solid #999 1px;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(1) { width: 80px; margin: 0 20px 15px 0;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(2) { width: 126px; margin: 0 0 15px;}
#area02-2 > .dis-ilblk:nth-child(1) p.ta_c { padding: 5px 0; background: #737373; color: #fff; font-size: 16px; line-height: 1.0em;}
#area02-2 > .dis-ilblk:nth-child(1) p.ta_r { padding: 8px 10px; background: #fff; font-size: 18px; line-height: 1.0em;}

@media screen and (max-width:1229px) and (min-width:1000px){
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(1) { width: 70px; margin: 0 15px 15px 0;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(2) { width: 106px; margin: 0 0 15px;}
#area02-2 > .dis-ilblk:nth-child(1) p.ta_c {font-size: 14px;}
#area02-2 > .dis-ilblk:nth-child(1) p.ta_r {font-size: 16px;}
}

@media screen and (max-width:999px){
#area02-2 > .dis-ilblk:nth-child(1) div { box-sizing: border-box;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(1) { width: 99px; margin: 0 10px 15px 0;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(2) { width: 143px; margin: 0 0 15px;}
#area02-2 > .dis-ilblk:nth-child(1) p.ta_c { padding: 4px 0px;}

}

@media screen and (max-width:599px){
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(1) { width: 110px; margin: 0 10px 15px 0;}
#area02-2 > .dis-ilblk:nth-child(1) div:nth-child(2) { width: 150px; margin: 0 0 15px;}
}


/* ALLクリア・カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p {display: inline-block;}

#area02-2 > .dis-ilblk:nth-child(2) p a {
    display: inline-block; position: relative;
    padding: 38px 0 8px; border-radius: 8px;
    color: #fff; font-size: 14px; font-weight: bold; 
    text-align: center; line-height: 1.0em; text-decoration: none;}

#area02-2 > .dis-ilblk:nth-child(2) p a:before {
    display: inline-block; position: absolute; top: 8px; left: 50%;
    width: 25px; height: 21px; margin: 0 0 0 -12px;}


/* ALLクリア */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a { width: 100px; margin: 0 30px 15px 0; background: #266596;}
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a:before { content: url("../images/icon_cart-out.png");}
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a:hover { background: #4e8dbf;}

/* カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a { width: 150px; margin: 0 0 15px; background: #e10000;}
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a:before { content: url("../images/icon_cart-in.png");}
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a:hover { background: #e12828;}

@media screen and (max-width:1199px) and (min-width:1000px){
/* ALLクリア */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a { width: 74px; margin: 0 15px 15px 0; font-size: 12px;}

/* カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a { width: 129px; margin: 0 0 15px; font-size: 12px;}
}

@media screen and (max-width:999px){
/* ALLクリア */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a { width: 118px; margin: 0 10px 15px 0;}

/* カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a { width: 177px; margin: 0 0 15px;}
}

@media screen and (max-width:629px){
/* ALLクリア */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a { width: 108px;}

/* カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a { width: 157px;}
}

@media screen and (max-width:599px){
/* ALLクリア */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(1) a { width: 110px;}

/* カートに入れる */
#area02-2 > .dis-ilblk:nth-child(2) p:nth-child(2) a { width: 150px;}
}


/**========================================**/
/* 問合わせ */
#area03 .p_10 { background: #f0f0f0;}
#area03 p.dis-ilblk {margin: 0 15px 5px 0;}

#area03 li {margin: 15px 0 0;}
#area03 li p { font-size: 0.875em; font-weight: 600;}
#area03 li p span {
    display: inline-block;
    margin: 0 0 0 15px; padding: 3px 6px; background: #990000; 
    color: #FFF; font-size: 0.785em; font-weight: lighter;
    line-height: 1.0em; vertical-align: middle; letter-spacing: 1px;}


/* 問合わせ 入力欄 */
#area03 input[type="text"],
#area03 textarea { box-sizing: border-box; width: 100%; padding: 5px; font-size: 16px;}

/* 問合わせ 送信する */
#area03 input[type="button"] {padding: 5px 15px; font-size: 16px;}
/**========================================**/
/* 使い方 */
#area04 .dot li { position: relative; margin: 0 0 8px; padding: 0 0 0 20px;}
#area04 .dot li::before { content: '・'; position: absolute; top: 0; left: 0;}

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

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

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