@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
}

#page{
width:1040px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:0 10px 20px 10px;
background-color:#FFFFFF;
background-image:url(https://diyshop.itembox.design/item/om-120905-bg.gif);
}

#page2{
width:950px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:0;
background-color:#FFFFFF;

}

#kanban{
margin:0;
padding:0;
}


h1{
margin:0;
padding:0;
font-size:1px;
color:#FFFFFF;
}

img{
border:0;
}


a:hover img{position:relative; top:2px; left:2px;}

 




/* ここから父の日特集 *****************************************/
.sale-lineup {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap; /* 複数行対応 */
  gap: 10px; /* 要素間のスペース */
  justify-content: space-between; /* 要素を均等に配置 */
}

.sale-lineup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* 横並び */
  flex-wrap: wrap; /* 行がはみ出る場合、次の行へ折り返す */
  gap: 10px; /* 要素間のスペース */
}

.list-01,
.list-01rank1-3,
.list-01cork,
.list-01rank4- {
  border: 1px solid #cccccc;
  padding: 10px;
  margin: 0;
  background: #fff;
  flex: 1 1 calc(50% - 10px); /* 幅を50%に設定し、間隔を考慮 */
  box-sizing: border-box;
}

.list-01cork {
  flex: 1 1 calc(48% - 10px); /* 少し幅を狭く調整 */
}

.sale-item-commentrank1-3,
.sale-item-commentrank4- {
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 1.5;
  padding: 5px;
  box-sizing: border-box;
}

.sale-item-commentrank1-3 {
  background-color: #fff8f0;
  border: 1px dashed #cccccc;
  color: #6d4b12;
}

.sale-item-commentrank4- {
  background-color: #ff9600;
  color: #ffffff;
}

.sale-item-commentrank4- a:link    { text-decoration: none; color:#ffffff; }
.sale-item-commentrank4- a:visited { text-decoration: none; color:#ffffff; }
.sale-item-commentrank4- a:active  { text-decoration: underline; color:#fffc00; }
.sale-item-commentrank4- a:hover   { text-decoration: underline; color:#fffc00; }


.rank1-3moji{
font-size:12px;
color:#999999;
line-height:1.5;
}

.rank1-3moji a{
color:#999999;
}

.rank1-3moji4-{
font-size:10px;
color:#999999;
line-height:1.5;
}

.rank1-3moji4- a{
color:#999999;
}

.sale-hiki-kakakurank{
margin:10px 0 0 0;
width:200px;
font-size:20px;
padding:0;
line-height:1.5;
color:#CE0000;
}

.sale-hiki-kakakucork{
margin:10px 0 0 0;
width:200px;
font-size:24px;
padding:0;
line-height:1.5;
color:#CE0000;
}


.sale-hiki-kakakucork_new{
margin:10px 0 0 0;
width:274px;
font-size:24px;
padding:0;
line-height:1.5;
color:#CE0000;
}

.sale-hiki-kakakurank2{
margin:10px 0 0 0;
width:300px;
font-size:20px;
padding:0;
line-height:1.5;
color:#CE0000;
}

.sale-hiki-kakakurank4-{
margin:10px 0 0 0;
width:150px;
font-size:12px;
padding:0;
color:#CE0000;
}


.list-01sale{
width:173px;
padding:10px;
margin:10px 5px 10px 0;
float:left;
border:1px solid #ff9a9a;
list-style:none;

}

.list-02{
width:173px;
padding:10px;
border:1px solid #cccccc;
margin:10px 0 10px 0;
float:left;
list-style:none;
}

.sale-hiki{
margin:10px 0 0 0;
width:163px;
font-size:16px;
font-weight:bold;
background-color:#FF0033;
color:#FFFFFF;
padding:5px;
}

.sale-hiki-kakaku{
margin:10px 0 0 0;
width:173px;
font-size:10px;
padding:0;
color:#FF0000;
}

.sale-tuujokakaku{
margin:10px 0 0 0;
width:173px;
font-size:10px;
padding:0;
color:#000000;
}


.sale-hiki-kakaku strong{
font-size:16px;
color:#FF0000;
}

.sale-item-comment{
margin:10px 0 0 0;
width:163px;
font-size:10px;
background-color:#F5F5F5;
border:1px dashed #cccccc;
color:#6D4B12;
padding:5px;
line-height:1.5;
}


.sale-item-comment2{
margin:10px 0 0 0;
width:163px;
font-size:10px;
background-color:#fff6e4;
border:1px dashed #cccccc;
color:#6D4B12;
padding:5px;
line-height:1.5;
}

.sale-item-commentcork{
margin:10px 0 0 0;
width:440px;
font-size:10px;
background-color:#fff6e4;
border:1px dashed #cccccc;
color:#6D4B12;
padding:10px;
line-height:1.5;
}

.sale-cate-main{
width:960px;
margin:20px 0 20px 0;
padding:20px;
background-color:#5d330f;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

.list-01 a:hover{
position:relative;
top:3px;
left:3px;
}

.list-02 a:hover{
position:relative;
top:3px;
left:3px;
}


.sale-navi{
width:1000px;
margin:10px 0 -1px 0;
padding-left:auto;
padding-right:auto;
}

.sale-navi ul{
width:1010px;
margin:0;
padding:0;
float:left;
list-style:none;
font-size:12px;
font-weight:bold;
}

.sale-navi-a{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
border:1px solid #d8d8d8;
background-color:#f9f8f3;
}


.sale-navi-01a{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi01.gif);
border:1px solid #d8d8d8;
background-color:#f9f8f3;
}

.sale-navi-01b{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi01.gif);
border:1px solid #d8d8d8;
background-color:#bb0000;
}

.sale-navi-01a a:link    { text-decoration: none; color:#5d330f; }
.sale-navi-01a a:visited { text-decoration: none; color:#5d330f; }
.sale-navi-01a a:active  { text-decoration: none; color:#5d330f; }
.sale-navi-01a a:hover   { text-decoration: none; color:#ff9600; }



.sale-navi-01a p{
margin:0;
padding:25px 0 0 30px;

}

.sale-navi-01b p{
color:#FFFFFF;
margin:0;
padding:25px 0 0 30px;

}




.sale-navi-02a{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi02.gif);
border:1px solid #d8d8d8;
background-color:#f9f8f3;
}

.sale-navi-02b{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi02.gif);
border:1px solid #d8d8d8;
background-color:#7ac76b;
}

.sale-navi-02a a:link    { text-decoration: none; color:#5d330f; }
.sale-navi-02a a:visited { text-decoration: none; color:#5d330f; }
.sale-navi-02a a:active  { text-decoration: none; color:#5d330f; }
.sale-navi-02a a:hover   { text-decoration: none; color:#ff9600; }



.sale-navi-02a p{
margin:0;
padding:25px 0 0 30px;

}

.sale-navi-02b p{
color:#FFFFFF;
margin:0;
padding:25px 0 0 30px;

}







.sale-navi-03a{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi03.gif);
border:1px solid #d8d8d8;
background-color:#f9f8f3;
}

.sale-navi-03b{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi03.gif);
border:1px solid #d8d8d8;
background-color:#ff8400;
}

.sale-navi-03a a:link    { text-decoration: none; color:#5d330f; }
.sale-navi-03a a:visited { text-decoration: none; color:#5d330f; }
.sale-navi-03a a:active  { text-decoration: none; color:#5d330f; }
.sale-navi-03a a:hover   { text-decoration: none; color:#ff9600; }



.sale-navi-03a p{
margin:0;
padding:25px 0 0 30px;

}

.sale-navi-03b p{
color:#FFFFFF;
margin:0;
padding:25px 0 0 30px;

}






.sale-navi-04a{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi04.gif);
border:1px solid #d8d8d8;
background-color:#f9f8f3;
}

.sale-navi-04b{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
display:block;
background-image:url(https://diyshop.itembox.design/item/header-navi04.gif);
border:1px solid #d8d8d8;
background-color:#5898e6;
}

.sale-navi-04a a:link    { text-decoration: none; color:#5d330f; }
.sale-navi-04a a:visited { text-decoration: none; color:#5d330f; }
.sale-navi-04a a:active  { text-decoration: none; color:#5d330f; }
.sale-navi-04a a:hover   { text-decoration: none; color:#ff9600; }



.sale-navi-04a p{
margin:0;
padding:25px 0 0 30px;

}

.sale-navi-04b p{
color:#FFFFFF;
margin:0;
padding:25px 0 0 30px;

}



.sale-navi-b{
width:249px;
height:60px;
margin:0 -1px 0 0;
padding:0;
float:left;
background-color:#5d330f;
border:1px solid #d8d8d8;
color:#FFFFFF;
}


.sale-navi-a a:link    { text-decoration: none; color:#5d330f; }
.sale-navi-a a:visited { text-decoration: none; color:#5d330f; }
.sale-navi-a a:active  { text-decoration: none; color:#5d330f; }
.sale-navi-a a:hover   { text-decoration: none; color:#5d330f; }


#sale-navi2{
margin:10px 0 10px 0;
}

#sale-navi2 a:hover{
position:relative;
top:3px;
left:3px;
}

.sale-hiki-kakaku-ss2{
margin:10px 0 0 0;
width:173px;
font-size:10px;
padding:0;
color:#FF0000;
}

.sale-hiki-kakaku-ss{
margin:10px 0 0 0;
width:173px;
font-size:10px;
padding:0;
color:#F93;
}

.sale-hiki-kakaku-ss strong{
font-size:14px;
color:#F93;
}

.sale-hiki-kakaku-ss2 strong{
font-size:18px;
color:#FF0000;
}