body {
  font-family: YuGothic, /* Mac用 */
  'Yu Gothic', /* Windows用 */
  sans-serif;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* 20240919 特価品追加  */
.itemBlock2 a:hover img {
  opacity: 0.92;
  filter: alpha(opacity=92);
  -ms-filter: "alpha(opacity=92)";
}

@media screen and (min-width:601px) {
  a[href^="tel:"] {
    cursor: default;
  }
  a[href^="tel:"] img {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
  }
  .pcDisp {}
  .spDisp {
    display: none;
  }
  div.wrapper {
    min-width: 1250px;
    margin: 0 auto;
    border: 5px solid #002060;
    position: relative;
  }
  header {
    position: fixed;
    top: 0;
    width: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 1260px;
   /* height: 105px;  20250224 */
    height: 123px;
    background: #ffffff;
    border-top: 5px solid #002060;
    border-bottom: 1px solid #002060;
    padding: 20px 0px;
    font-size: 12px;
    color: #002060;
    z-index: 4;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 5px solid #002060;
    border-right: 5px solid #002060;
    margin-left: -5px;
    float: clear;
  }
  header h1 {
    float: left;
    /* margin: 0px 25px 0px 25px; 20250224 */
    margin: 0px 25px 0px 25px;
  }
  header h1 span {
    background: url(../img/logo.jpg) no-repeat left bottom;
    display: block;
    width: 253px;
    height: 35px;
    text-indent: -9999px;
  }
  /*.contactHead {
    position: absolute;
    float: right;
    top: -1px;
    right: -3px;
    width: 580px;
    background: #002060;
    z-index: 5;
    padding-top: 20px
  } 20250224 */
  .contactHead {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    width: 430px;
    background: #002060;
    z-index: 5;
    padding-top: 0px
  }
  .cle {
  clear: both;

} /* 20250224 */
  .hmessage {
    display: block;
    background: #032e85;
    padding: 8px 8px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
  /*.contactHead .titlePc {
    float: left;
    display: block;
    width: 6em;
    padding: 20px 20px;
    height: 60px;
    background: #032e85;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: -20px
  }  20250224 */
 /* .contactHead .titlePc {
    float: left;
    display: block;
    width: 6em;
    padding: 20px 20px;
    height: 60px;
    background: #032e85;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: -20px
  } 20250224 */
  .titleSp {
    display: none;
  }
  /* .contactHead .tellNumber2 {
    background: url(../img/telNumber2.png) no-repeat center center;
    width: 235px;
    height: 55px;
    text-indent: -9999px;
    border-right: 1px solid #ffffff;
    float: left;
  } 20250224 */
  .contactHead .tellNumber3 {
    background: url(../img/tel-pc.png) no-repeat center center;
    width: 240px;
    height: 90px;
    text-indent: -9999px;
    border-left: 1px solid #ffffff;
    float: right;
  }
  /*.contactHead a {
    display: block;
    width: 166px;
    float: left;
    margin-left: 20px;
    margin-top: -3px;
  } 20250224 */
  .contactHead a {
    display: block;
    width: 180px;
    float: left;
    margin-left: 0px;
    margin-top: 12px;
    margin-right: 0px;
  }
  .mainImg {
    background: url(../img/mainImg.png) no-repeat left bottom;
    background-size: auto 80%;
    width: 100%;
    padding-top: 105px;
    position: relative;
    text-align: center;
  }
  .mainImg h2 {
    padding-top: 75px;
    display: none;
  }
  .mainImg dt {
    padding-top: 30px;
  }
  .mainImg dd {
    padding: 15px 120px;/*---35px→15px　 150px→120px変更 --*/
    color: #002060;
    font-size: 16px;
    line-height: 2em;
    font-weight: bold;
    text-align: left;
  }
  .mainImg dd span {

    color: #ff0000;
    font-weight: bold;
    font-size: 22px;
  }
/*--- ▼salespoint --*/
   .topsales {
   /*-- width: 650px; --*/
    width: 760px;/*-- 20250331 --*/
    margin: 0 auto;
    padding-bottom: 1em;
}
   .topsales h3{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0.5em; 
     color: #000066;
}
   .topsales h4{ 
    font-size: 20px;
    font-weight: bold;
     background: #FF0000;
   color: #FFFFFF;
    /*-- color: #FFFFFF; --*/
    margin-bottom: 0.5em;
    padding: 9px 5px 5px 5px; 
    /*--padding: 0.4em 5px 0.3em 5px;--*/
}
  .topsales p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.5em;
    color: #FF3300;
}



/*-- ▲salespoint --*/

/*--- ▼pj2 banner --*/

 .pj2banner {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
  .pcPJ2 {}
  .spPJ2 {
    display: none;
  }

/*-- ▲pj2 banner --*/

  .itemMenu {
    border-top: 1px solid #CCCCCC;
    /*border-bottom: 1px solid #CCCCCC;*/
  }
  .itemMenu .itemBlock {
    float: left;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    text-align: center;
    width: 24.9%;
    height: 395px;
  }

/* ▼2024-09-19 改修 背景色-----
追加→
  .itemMenu .itemBlock2 .icon-02

background: #FF0000;

 */

  .itemMenu .itemBlock2 {
    float: left;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    text-align: center;
    width: 24.9%;
    height: 395px;
     
    background: url(../img/tsuika_bg.png) ;
    display: inline-block;
  }
 .tsud4 {
    margin: auto;
    width: 300px;
    height: 355px;
}

/* ▼2023-01-31 改修----- */

 .pdown {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
    margin-top: 25px;

}
 .pdown img {
    width: 100%;
    max-width: 150px;
    height: 350px;
    margin:0;
    padding:0
}
 


/* ▲2023-01-31 改修----- */



/* palletjapan2 link */
 .pj2l {
    margin: auto;
    width: 300px;
    height: 390px;
}
/* 5枚以上　赤字と黄色 */

.maisu {
    color: #FF0000;
    font-weight: bold;
}

 .contactArea .maisuye2 {
    display: block;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
 .contactArea .maisuye2 h3 {
    text-align: left;
    color: #FFFF00;
}

/*　車上渡しfont */

.mailFormArea .syabox {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}



  /*.itemMenu .itemBlock:last-child {
    border: none;
  }*/
  .itemBlock img {
    width: 100%;
  }
  .itemBlock ul li img {
    width: 100%;
    max-width: 310px;
  }
  .itemMenu .itemBlock .icon,
  .itemMenu .itemBlock .icon-02,
  .itemMenu .itemBlock2 .icon-02 {
    display: none;
  }
  .icon {
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    padding: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    background: #ffc000;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    letter-spacing: -2px;
  }
  .icon span {
    font-size: 16px;
    display: block;
    letter-spacing: 0px;
    line-height: 20px;
    height: 20px;
  }
  .icon-02 {
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    top: 0;
    width: 50px;
    height: 55px;
    padding: 10px 15px 15px;
    font-family: 'Roboto Condensed', sans-serif;
    background: #ffc000;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    letter-spacing: -2px;
  }
  .icon-02 span {
    font-size: 16px;
    display: block;
    letter-spacing: 0px;
    line-height: 16px;
    height: 16px;
  }
  .itemMenu .itemBlock ul {
    margin-top: 15px;
  }

/*-- ▼2024-09-19 改修 --*/
  .itemMenu .itemBlock2 img {
    margin-top: 10px;
  }
/*-- END --*/

/*--20230704
上段セール価格強調 .bigsale

*/

  .itemMenu .itemBlock .bigsale {
    color: #ffffff;
    font-size: 22px;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding: 2px 3px 1px;
    background: url(../img/itemTitleBackRED.gif) repeat-x bottom;
    background-size: auto 40px;
    display: inline-block;
  }



/* ここまで */

  .itemMenu .itemBlock .price {
    color: #ff0000;
    font-size: 22px;
    letter-spacing: -0.02em;
    font-weight: bold;
    background: url(../img/itemTitleBack.gif) repeat-x bottom;
    background-size: auto 14px;
    display: inline-block;
  }
  .tax {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .itemMenu .itemBlock .price span {
    font-size: 14px;
  }
  .itemMenu .itemBlock .price2 {
    color: #ff0000;
    font-size: 17px;
    letter-spacing: -0.02em;
    font-weight: bold;
    display: inline-block;
  }
  .itemMenu .itemBlock .price2 span {
    font-size: 14px;
  }
  .itemMenu .itemBlock .itemName{
    padding-top: 5px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .itemMenu .itemBlock .itemName2{
    padding-top: 5px;
    font-size: 15.9px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .itemMenu .itemBlock .scale {
    padding-top: 5px;
    font-size: 13px;
    letter-spacing: 0.05em;
  }
  .itemMenu .itemBlock .toItem {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -22px;
    z-index: 3;
  }
  /*アイテム詳細*/
  .itemDetail {
    padding: 30px 25px 60px;
    position: relative;
  }
  .itemDetail .wrap {
    width: 1180px;
    margin: 0 auto;
  }
  .itemDetail:nth-child(even) {
    background: #eeeeee;
  }
  .itemPhoto {
    width: 570px;
    float: left;
  }
  .itemPhoto .supp {
    font-size: 13px;
    padding-top: 15px;
  }
  .textData {
    width: 580px;
    float: right;
  }
  .textData h3 {
    font-size: 24px;
    line-height: 50px;
    padding: 0 5px;
    font-weight: bold;
    background: url(../img/itemTitleBack.gif) repeat-x bottom;
    display: inline;
  }
  .textData p {
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 10px;
    padding-left: 270px;
  }
  .textData ul {
    font-size: 14px;
    line-height: 2em;
  }
  .textData .scale {
    color: #666666;
    font-size: 20px;
    padding: 5px 0;
  }
/* .palletComment　太字カラー追加　2019061001 */
  .palletComment {
    font-size: 18px;
    color: #0000CD;
    font-weight: bold;
  }
  .textData .priceDown {
    font-size: 18px;
    padding: 10px 0 10px;
    font-weight: bold;
  }
  .textData .priceDown .webPrice {
    font-size: 18px;
    color: #ff0000;
  }
  .webPrice {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
  }
  .textData .priceDown strong {
    color: #ff0000;
  }
  .textData .price {
    background: #ffffff;
    border: 1px solid #000000;
    height: 59px;
    display: table;
    margin: 10px 0 10px;
  }
/*ここの横サイズか？*/
  .textData .price dl dt,
  .textData .price dl dd {
    display: table-cell;
    height: 59px;
    padding-left: 6px;
    padding-right: 30px;
    vertical-align: middle;
  }
  .textData .price dl dd.module-triangle-right {
    background: url(../img/priceArrow.gif) no-repeat right center;
    background-size: auto 100%;
  }
  .textData .price dl dt {
    font-size: 14px;
    line-height: 20px;
  }
  .textData .price dl dd {
    line-height: 20px;
    font-size: 20px;
  }
  .textData .price dl dd span {
    font-size: 14px;
  }
  .textData .price dl dd span.webPrice {
    font-size: 18px;
  }
  .textData .price dl dd.lowPrice {
    color: #ff0000;
    font-size: 34px;
    line-height: 30px;
    font-weight: bold;
  }
  .tax2 {
    font-size: 10px;
  }
  .tax3 {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    padding: 0;
  }
  .textData .price dl dd.lowPrice p {
    background: url(../img/itemTitleBack.gif) repeat-x bottom;
    background-size: auto 25px;
    display: inline;
    font-size: 34px;
    line-height: 16px;
    padding: 0;
   }
  .textData .price .otherCost {
    color: #000000;
    line-height: 30px;
  }
  .textData table {
    width: 100%;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    text-align: left;
    margin-top: 25px;
  }
  .textData table th {
    width: 7em;
    padding: 10px 10px 0;
    vertical-align: middle;
    font-size: 14px;
  }
  .textData table td {
    padding: 10px 10px 0;
    vertical-align: middle;
    font-size: 16px;
  }
  .textData table tr:last-child th,
  .textData table tr:last-child td {
    padding: 10px 10px 20px;
  }
  .itemMenuTwoBlock {
    background: #ffffff;
    display: table;
    width: 100%;
  }
  .itemMenuTwoBlock .itemBlock {
    display: table-cell;
    width: 50%;
    position: relative;
    padding: 30px 25px;
    font-weight: bold;
  }
  .itemMenuTwoBlock .itemBlock .wrap {
    width: 550px;
    margin: 0 auto;
  }
  .itemMenuTwoBlock .itemBlock:last-child {
    border-left: 1px solid #cccccc;
  }
  .itemMenuTwoBlock .itemBlock .img {}
  .itemMenuTwoBlock .itemBlock .txtData {
    margin: 25px 0 10px;}
  .itemMenuTwoBlock .itemBlock .txtData h3 {
    display: inline;
    background: url(../img/itemTitleBack.gif) repeat-x bottom;
    background-size: auto 16px;
    font-size: 22px;
    font-weight: bold;
    line-height: 35px;
  }
  .itemMenuTwoBlock .itemBlock p {
    font-size: 14px;
    line-height: 24px;
    width: 550px;
    margin: 15px auto 0;
  }
  .itemMenuTwoBlock .itemBlock table {
    font-size: 14px;
    line-height: 24px;
    width: 550px;
    margin: 0 auto;
  }
  .itemMenuTwoBlock .itemBlock table th {
    text-align: left;
  }
  .itemMenuTwoBlock .itemBlock ul {
    font-size: 14px;
    line-height: 24px;
    width: 550px;
    margin: 0 auto;
  }
  .itemMenuTwoBlock .itemBlock ul li {
    list-style: circle outside;
    margin-left: 1.5em;
  }
  /*コンタクトエリア*/
  .careae {
    display: none;
  }/* 20250224 */
  .contactArea {
    background: #002060;
    padding: 40px 0;
    text-align: center;
  }
  .contactArea h3 {
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
  }
  .contactArea ul {
    display: table;
    margin: 20px auto 0;
  }
  .contactArea ul li {
    display: table-cell;
    padding: 10px;
  }
  .contactArea ul li p {
    color: #ffffff;
    font-size: 14px;
    padding-top: 10px;
    line-height: 20px;
  }
  .contactArea ul li:last-child p {
    line-height: 40px;
  }
  .contactBtnBox a img {
    max-width: 95%;
  }
  /*特徴*/
  .characteristic {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
  }
  .characteristic h3 {}
  .characteristic dl {
    width: 100%;
    border-bottom: 1px solid #cccccc;
  }
  .characteristic dl:last-child {
    border: none;
  }
  .characteristic dl:last-child dd {
    padding-bottom: 30px;
  }
  .characteristic dl dt {
    padding: 35px 0;
  }
  .characteristic dl dd {
    padding: 0px 0 60px;
    font-size: 20px;
    color: #002060;
    font-weight: bold;
    line-height: 38px;
    text-align: left;
  }
  .characteristic dl dd h4 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
  }
  .characteristic dl dd p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
  }
  .notes {}
  .notes h3 {
    font-size: 18px;
    font-weight: bold;
    color: #002060;
    text-align: center;
  }
  .notes p {
    font-size: 16px;
    line-height: 2em;
    width: 795px;
    margin: 0 auto;
    color: #112f6b;
    text-align: left;
  }
  .notes ul {
    width: 820px;
    height: 220px;
    margin: 60px auto;
    display: table;
  }
  .notes ul li {
    font-size: 16px;
    line-height: 36px;
    color: #112f6b;
    font-weight: bold;
    width: 175px;
    padding: 0 20px;
    display: table-cell;
    text-align: center;
    border-left: 1px dashed #cccccc;
  }
  .notes ul li:first-child {
    padding-left: 0;
    border-left: none;
  }
  .notes ul li:last-child {
    padding-right: 0;
    line-height: 24px;
  }
  .flow {
    border-top: 1px solid #cccccc;
    padding-bottom: 60px;
  }
  .flow h3 {
    padding: 60px 0;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #002060;
  }
  .flow table {
    width: 800px;
    margin: 0 auto;
    border: 1px solid #cccccc;
  }
  .flow table th {
    width: 40px;
    padding: 30px 40px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #002060;
    font-weight: bold;
    text-align: center;
    font-size: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #cccccc;
  }
  .flow table th span {
    font-size: 18px;
    display: block;
  }
  .flow table td {
    width: 700px;
    padding: 30px 30px 30px 0px;
    color: #002060;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #cccccc;
  }
  .flow table td h4 {
    font-size: 24px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
    padding-left: 170px;
    width: 9em;
  }
  .flow table td p {
    font-size: 18px;
    text-align: left;
    line-height: 1.5em;
  }
  .flow table tr {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .flow table tr:nth-child(even) th,
  .flow table tr:nth-child(even) td {
    background: #eeeeee;
  }
  .flow table td:after {
    width: 49px;
    height: 17px;
    content: url(../img/chara/arrow02.png);
    display: block;
    position: absolute;
    left: 50%;
    top: -1px;
    margin-left: -25px;
    z-index: 3;
  }
  .flow table tr:nth-child(odd) td:after {
    content: url(../img/chara/arrow01.png);
  }
  .flow table tr:first-child td:after {
    content: "";
  }
  /*メールフォーム*/
  .mailFormArea {
    background: #eeeeee;
    text-align: center;
    padding: 30px;
  }
  .mailFormArea h3 {
    padding: 80px 30px 30px;
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    color: #002060;
  }
  .mailFormArea p {
    font-size: 16px;
    line-height: 2em;
    color: #002060;
  }
  .mailFormArea dl {
    width: 800px;
    margin: 30px auto;
    padding: 20px 0;
    border-top: 2px solid #002060;
  }
  .mailFormArea dl dt {
    font-size: 16px;
    text-align: left;
    color: #002060;
    line-height: 32px;
    font-weight: bold;
  }
  .mailFormArea dl dt span {
    color: #ff0000;
    font-size: 12px;
    padding-left: 5px;
  }
  .mailFormArea dl dt h4 {
    font-weight: bold;
    font-size: 18px;
  }
  .mailFormArea dl dd {
    font-size: 16px;
    text-align: left;
    margin-bottom: 20px;
    color: #666;
    font-weight: normal;
    line-height: 32px;
  }
  .mailFormArea dl dd small {
    font-size: 14px;
    line-height: 24px;
  }
  .mailFormArea input[type="radio"] {
    margin-right: 5px;
  }
  .mailFormArea input[type="text"],
  .mailFormArea input[type="email"] {
    width: 780px;
    padding: 10px;
    border: 1px solid #cccccc;
  }
  .mailFormArea input.wide02[type="text"],
  .mailFormArea input.wide02[type="email"] {
    width: 390px;
  }
  .mailFormArea input.wide03[type="text"],
  .mailFormArea input.wide03[type="email"] {
    width: 180px;
  }
  .mailFormArea input.mtNeed {
    margin-top: 10px;
  }
  .mailFormArea textarea {
    width: 100%;
    height: 7em;
  }
  .privacyPolicy h4 {
    font-size: 18px;
    line-height: 90px;
    color: #002060;
    font-weight: bold;
  }
  .policyText {
    width: 760px;
    height: 310px;
    margin: 0 auto;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid #002060
  }
  .policyText div {
    margin: 0;
    padding: 0;
    width: 760px;
    height: 310px;
    padding-right: 40px;
    overflow-y: scroll;
    text-align: left;
    font-size: 14px;
    line-height: 32px;
    color: #002060;
  }
  .mailFormArea input[type="button"] {
    display: inline-block;
    background: #ffffff;
    border: 4px solid #002060;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 30px;
    color: #002060;
  }
  .mailFormArea input[type="button"]:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
  }
  .mailFormArea p.agree {
    font-size: 18px;
    color: #002060;
    padding: 30px 0 40px;
  }
  .mailFormArea p.agree input {
    margin-right: 5px;
  }
  .companyData {
    background: #002060;
    padding: 80px 0px;
    color: #ffffff;
  }
  .questionBtnArea {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0px 0px 70px 0;
    box-sizing: border-box;
  }
  .companyData .wrap {
    width: 1150px;
    margin: 0 auto;
  }
  .companyData h2 {
    font-size: 24px;
    line-height: 1em;
    font-weight: bold;
  }
  .companyData h3 {
    font-size: 26px;
    line-height: 1em;
    font-weight: bold;
    width: 7em;
    float: left;
  }
  .companyData th,
  .companyData td {
    padding: 10px 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }
  .companyData th {
    width: 110px;
  }
  .companyData td {
    width: 415px;
  }
  footer {
    text-align: center;
  }
  footer.npd {
    padding: 0!important;
    text-align: center;
  }
  footer ul {
    padding-top: 10px;
  }
  footer li {
    display: inline-block;
    padding: 40px 10px;
    font-size: 14px;
  }
  footer li a:link {
    color: #002060;
    text-decoration: none;
  }
  footer li a:hover {
    color: #0753e9;
  }
  footer p {
    border-top: 1px solid #cccccc;
    padding: 40px 0 50px;
    font-size: 11px;
    color: #002060;
  }
  .btn {
    display: inline-block;
    background: #ffffff;
    border: 4px solid #002060;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 30px;
    color: #002060;
    text-decoration: none!important;
  }
  .thanks {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #002060;
  }
  .thanks_tx {
    padding-top: 50px;
  }
}

  @media screen and (max-width:600px) {
    .pcDisp {
      display: none;
    }
    .spDisp {}
    div.wrapper {
      width: 100%;
      border: 2px solid #002060;
      position: relative;
    }

/* PJ2 banner */
 .pj2banner {
      width: 100%;
      text-align: center;
}
    .pcPJ2 {
      display: none;
    }
    .spPJ2 {
      width: 300px;
      margin: auto;
}

/* pricedown */

.pdown {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;

}

.pdown img {
    max-width: 48%;
}



/* 5枚以上　赤字 */

 .maisu {
    color: #FF0000;
    font-weight: bold;
}

 .contactArea .maisuye2 {
    display: block;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
 .contactArea .maisuye2 h3 {
    text-align: left;
    color: #FFFF00;
    font-size: 13px;
}




/* PJ2 banner */
    header {
      border-bottom: 1px solid #002060;
      padding: 10px 0px;
      font-size: 10px;
      color: #002060;
    }
    header h1 {
      margin: 0px 0 0;
      padding: 0;
      text-align: left;
      line-height: 1.8em;
    }
    .contact header h1 {
      margin: 0px 0 0;
      padding: 0;
    }
    header h1 span {
      display: none;
    }
    .contactHead {
      position: fixed;
      bottom: 0px;
      width: 100%;
      background: #002060;
      z-index: 5;
      padding-bottom: 10px;
    }
   /*    .contactHead .titlePc {
      display: none;
    }
 .contactHead .titleSp {
      color: #fff;
      background: #032e85;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      padding: 10px;
      margin-bottom: 10px;
    } 20250224 */
    .contactHead .titleSp {
      display: block;
      color: #fff;
      background: #032e85;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      padding: 8px;
      margin-bottom: 8px;
    }
    /*.contactHead .tellNumber2 {
      background: url(../img/telNumberSp2.png) no-repeat center center;
      background-size: auto 35px;
      width: 50%;
      height: 45px;
      text-indent: -9999px;
      float: left;
      border-right: 1px solid #ffffff;
    } 20250224 */
    .contactHead .tellNumber3 {
      background: url(../img/tel-sp.png) no-repeat center center;
      background-size: auto 50px;
      width: 50%;
      height: 50px;
      text-indent: -9999px;
      float: right;
      border-left: 1px solid #ffffff;
    }
    .hmessage {
      display: none;
   }/* 20250224 */
    .contactHead a {
      display: block;
      width: 50%;
      float: left;
      margin-right: -1px;
      text-align: center;
      margin-top: 3px;
    }
    .contactHead a img {
      height: 45px;
    }
    .mainImg {
      background: url(../img/backImg.png) no-repeat -50px 10px;
      background-size: 100% auto;
      width: 100%;
      position: relative;
      text-align: center;
    }
    .mainImg h2 {
      padding-top: 40px;
    }
    .mainImg h2 img {
      width: 50%;
      height: auto;
    }
    .mainImg dt {
      padding-top: 40px;
    }
    .mainImg dt img {
      width: 80%;
      height: auto;
    }
    .mainImg dd {
      padding: 40px 10px 20px;
      margin: 0 auto;
      color: #002060;
      font-size: 12px;
      line-height: 2em;
      font-weight: bold;
      text-align: left;
    }
    .mainImg dd span {
      color: #ff0000;
      font-weight: bold;
      font-size: 16px
    }

/*--- ▼salespoint --*/
   .topsales {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 1em;
}
   .topsales h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5em; 
     color: #000066;
}
   .topsales h4{ 
    font-size: 14px;
    font-weight: bold;
     background: #FF0000;
   color: #FFFFFF;
    /*-- color: #FFFFFF; --*/
    margin-bottom: 0.5em;
    padding: 9px 5px 5px 5px; 
    text-align: left;
    line-height: 1.4em;
}
  .topsales p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0.5em;
    color: #FF3300;
    text-align: left;
    line-height: 1.4em;
}



/*-- ▲salespoint --*/




    .itemMenu {
      border-top: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
    }
    .itemMenu .itemBlock {
      position: relative;
      text-align: center;
      border-bottom: 1px solid #cccccc;
    }
    .itemMenu .itemBlock2 { /* ←20240919　特価品追加行 .itemBlock2 */
      position: relative;
      text-align: center;
      border-bottom: 1px solid #cccccc;
      background: url(../img/tsuika_bg.png) ;
    }
    .itemMenu .itemBlock:nth-child(2) {}
    .itemMenu .itemBlock img {
      width: 100%;
    }
    .itemMenu .itemBlock:last-child {
      border-bottom: none;
    }
    .itemMenu .itemBlock .icon,
    .itemMenu .itemBlock .icon-02,
    .itemMenu .itemBlock2 .icon-02 { /* ←20240919　特価品追加行  */
      display: none;
    }
    .icon {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      padding: 5px;
      font-family: 'Roboto Condensed', sans-serif;
      background: #ffc000;
      color: #000000;
      font-weight: bold;
      text-align: center;
      font-size: 24px;
      letter-spacing: -2px;
    }
    .icon span {
      font-size: 16px;
      display: block;
      letter-spacing: 0px;
      line-height: 20px;
      height: 20px;
    }
    .icon-02 {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 50px;
      height: 48px;
      padding: 7px 5px 5px;
      font-family: 'Roboto Condensed', sans-serif;
      background: #ffc000;
      color: #000000;
      font-weight: bold;
      text-align: center;
      font-size: 24px;
      letter-spacing: -2px;
    }
    .icon-02 span {
      font-size: 16px;
      display: block;
      letter-spacing: 0px;
      line-height: 12px;
      height: 12px;
    }
    .itemMenu .itemBlock ul {
      margin-top: 30px;
    }
    .itemMenu .itemBlock2 img { /* ←20240919　特価品追加行 .itemBlock2 img */
      margin-top: 10px;
    }
/*
ここ改修 .bigsale
*/

  .itemMenu .itemBlock .bigsale {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 3px 1px;
    background: url(../img/itemTitleBackRED.gif) repeat-x bottom;
    background-size: auto 24px;
    display: inline-block;
  }

    .itemMenu .itemBlock .price {
      color: #ff0000;
      font-size: 20px;
      font-weight: bold;
      /*margin-bottom: 35px;*/
      background: url(../img/itemTitleBack.gif) repeat-x bottom;
      background-size: auto 12px;
      display: inline-block;
    }
  .tax {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 35px;
  }
    .itemMenu .itemBlock .price span {
      font-size: 14px;
    }
    .itemMenu .itemBlock .itemName{
      padding: 0 10px;
      font-size: 16px;
      line-height: 1.8em;
      font-weight: bold;
      margin: 10px 0;
    }
    .itemMenu .itemBlock .scale {
      padding: 0 10px 5px;
      font-size: 14px;
    }
    .itemMenu ul li img {
      margin-top: 0px;
    }
    .itemMenu .itemBlock .toItem {
      display: block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -20px;
      z-index: 2;
    }
    .itemMenu .itemBlock .toItem img {
      width: 40px
    }
    .itemMenu .itemBlock2 .toItem { /* ←20240919　特価品追加行 .itemBlock2 .toItem */
      display: block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -20px;
      z-index: 2;
    }
    .itemMenu .itemBlock2 .toItem img {
      width: 40px
    }
    /*アイテム詳細*/
    .itemDetail {
      padding: 20px 10px 20px;
      position: relative;
    }
    .itemDetail:nth-child(even) {
      background: #eeeeee;
    }
    .itemPhoto {
      width: 100%;
      height: auto;
    }
    .itemPhoto img {
      height: auto;
      max-width: 100%;
    }
    .itemPhoto .supp {
      font-size: 11px;
      line-height: 1.8em;
      padding-top: 5px;
    }
    .textData {
      border-top: 1px solid #cccccc;
      margin-top: 10px;
      padding-top: 40px;
    }
    .textData h3 {
      font-size: 16px;
      line-height: 1.5em;
      padding: 0px 5px 0;
      font-weight: bold;
      background: url(../img/itemTitleBack.gif) repeat-x bottom;
      background-size: auto 10px;
      display: inline;
    }
    .textData p {
      font-size: 10px;
      line-height: 2em;
      text-align: right;
    }
    .textData ul {
      font-size: 10px;
      line-height: 2em;
    }
    .textData .scale {
      color: #666666;
      font-size: 10px;
      line-height: 2em;
    }
    .textData .priceDown {
      font-size: 14px;
      font-weight: bold;
      padding: 0.5em 0;
    }
/* .palletComment　太字カラー追加　2019061001 */
    .palletComment {
      font-size: 14px;
      color: #0000CD;
      font-weight: bold;
    }
    .textData .priceDown strong {
      color: #ff0000;
    }
    .textData .price {
      background: #ffffff;
      border: 1px solid #000000;
      margin: 10px 0 5px;
      width: 100%;
    }
    .textData .price dl {
      width: 100%;
      display: table;
    }
/*このサイズ？*/
    .textData .price dl dt {
      display: table-cell;
      padding-left: 20px;
      padding-right: 30px;
      vertical-align: middle;
      width: 6em;
    }
    .textData .price dl dt,
    .textData .price dl dd {
      display: table-cell;
      padding: 5px;
      vertical-align: middle;
    }
    .textData .price dl dd.module-triangle-right {
      background: url(../img/priceArrow.gif) no-repeat right center;
      background-size: auto 100%;
      padding: 0;
      width: 4.5em;
/*20210411*/
      padding-right: 25px;
    }
    .textData .price dl dt {
      font-size: 8px;
      line-height: 1.5em;
    }
    .textData .price dl dd {
      font-size: 14px;
    }
    .textData .price dl dd span {
      padding-top: 5px;
      font-size: 10px;
    }
    .textData .priceDown .webPrice {
      font-size: 14px;
      line-height: 18px;
      padding-bottom: 5px;
      color: #ff0000;
      display: inline-block;
    }
    .webPrice {
      font-size: 14px;
      color: #ff0000;
      font-weight: bold;
    }
    .textData .price dl dd.lowPrice {
      font-size: 18px;
      color: #ff0000;
      display: block;
      padding: 10px 10px;
      font-weight: bold;
    }
    .textData .price dl dd.lowPrice p {
      background: url(../img/itemTitleBack.gif) repeat-x bottom;
      background-size: auto 11px;
      display: inline;
      font-size: 18px;
      /*line-height: 24px;*/
      line-height: 18px;
      padding: 0;
    }
  .tax3 {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    padding: 0;
  }
    .textData .price dl dt.otherCost {
      color: #000000;
      font-size: 7px;
      font-weight: normal;
    }
    .textData table {
      width: 100%;
      border-top: 2px solid #000000;
      border-bottom: 1px solid #000000;
      text-align: left;
      margin-top: 15px;
    }
    .textData table tr td {
      padding-top: 5px;
    }
    .textData table tr:first-child th,
    .textData table tr:first-child td {
      padding-top: 15px;
    }
    .textData table th {
      width: 6em;
      padding: 0px 10px 0;
      vertical-align: middle;
      font-size: 11px;
    }
    .textData table td {
      padding: 0px 10px 0;
      vertical-align: middle;
      font-size: 12px;
      line-height: 1.8em;
    }
    .textData table tr:last-child th,
    .textData table tr:last-child td {
      padding: 10px 10px 20px;
    }
    .itemMenuTwoBlock {
      background: #ffffff;
    }
    .itemMenuTwoBlock .icon {
      position: absolute;
      display: block;
      z-index: 1;
      left: 0;
      top: 0;
      width: 40px;
      height: 40px;
      padding: 2px;
      font-family: 'Roboto Condensed', sans-serif;
      background: #ffc000;
      color: #000000;
      font-weight: bold;
      text-align: center;
      font-size: 18px;
      letter-spacing: -2px;
    }
    .itemMenuTwoBlock .icon span {
      font-size: 12px;
      display: block;
      letter-spacing: 0px;
      line-height: 18px;
      height: 18px;
    }
    .itemMenuTwoBlock .itemBlock {
      position: relative;
      padding: 15px 10px;
      border-bottom: 1px solid #cccccc;
    }
    .itemMenuTwoBlock .itemBlock:last-child {
      border-bottom: none;
    }
    .itemMenuTwoBlock .itemBlock .img {
      background: #ffffff;
      text-align: center;
      width: 100%;
    }
    .itemMenuTwoBlock .itemBlock .img img {
      text-align: center;
      margin-top: 20px;
      width: 100%;
    }
    .itemMenuTwoBlock .itemBlock .txtData {
      margin-top: 10px;
    }
    .itemMenuTwoBlock .itemBlock .txtData h3 {
      background: url(../img/itemTitleBack.gif) repeat-x bottom;
      background-size: auto 7px;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5em;
      display: inline;
    }
    .itemMenuTwoBlock .itemBlock p {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1.8em;
      font-weight: bold;
    }
    .itemMenuTwoBlock .itemBlock table {
      font-size: 12px;
      line-height: 1.8em;
      font-weight: bold;
    }
    .itemMenuTwoBlock .itemBlock table th {
      width: 7em;
      text-align: left;
    }
    .itemMenuTwoBlock .itemBlock ul {
      font-weight: bold;
      font-size: 12px;
      line-height: 1.8em;
      list-style: circle outside;
    }
    .itemMenuTwoBlock .itemBlock ul li {
      list-style: circle outside;
      margin-left: 1.5em;
    }
    /*コンタクトエリア*/
    .careae {
      display: none;
    }
    .contactArea {
      background: #002060;
      padding: 20px 0;
      text-align: center;
    }
    .contactArea p span {
      display: none;
    }
    .contactArea h3 {
      font-size: 14px;
      line-height: 1.5em;
      ;
      color: #ffffff;
      font-weight: bold;
      text-align: center;
    }
    .contactArea ul {
      width: 100%;
      display: table;
      margin: 20px auto 0;
    }
    .contactArea ul li {
      display: table-cell;
      width: 50%;
    }
    .contactArea ul li img {
      width: 90%;
    }
    .contactArea ul li p {
      color: #ffffff;
      font-size: 10px;
      padding-top: 10px;
    }
    .contactBtnBox a img {
      width: 95%;
    }
    /*特徴*/
    .characteristic {
      width: 100%;
      padding: 15px 0;
      text-align: center;
    }
    .characteristic h3 img {
      width: 80%;
    }
    .characteristic dl {
      width: 90%;
      margin: 0 auto;
      border-bottom: 1px solid #cccccc;
    }
    .characteristic dl:last-child {
      border: none;
    }
    .characteristic dl:last-child dd {
      padding-bottom: 20px;
    }
    .characteristic dl dt {
      padding: 15px 0;
    }
    .characteristic dl dt img {
      width: 35%;
    }
    .characteristic dl dd {
      padding: 0px 0 15px;
      font-size: 15px;
      color: #002060;
      font-weight: bold;
      line-height: 1.5em;
      text-align: left;
    }
    .characteristic dl dd h4 {
      font-size: 12px;
      line-height: 20px;
      font-weight: bold;
      text-align: left;
    }
    .characteristic dl dd p {
      font-size: 12px;
      font-weight: normal;
      line-height: 20px;
      text-align: left;
    }
    .notes {
      text-align: center;
    }
    .notes h3 {
      font-size: 14px;
      font-weight: bold;
      color: #002060;
      text-align: left;
    }
    .notes p {
      font-size: 12px;
      line-height: 2em;
      width: 90%;
      margin: 0 auto;
      color: #112f6b;
      text-align: left;
    }
    .notes ul {}
    .notes ul li {
      font-size: 16px;
      line-height: 18px;
      color: #112f6b;
      font-weight: bold;
      width: 49%;
      display: inline-block;
      text-align: center;
      padding-bottom: 10px;
    }
    .notes ul li img {
      display: block;
      width: 100%;
    }
    .notes ul li span {
      font-size: 10px;
    }
    .notes ul li:last-child img {
      display: block;
      width: 80%;
      margin: 0 auto;
    }
    .notes ul li:first-child {
      border-bottom: 1px dashed #cccccc;
    }
    .notes ul li:nth-child(2) {
      border-bottom: 1px dashed #cccccc;
      border-left: 1px dashed #cccccc;
    }
    .notes ul li:last-child {
      line-height: 24px;
      border-left: 1px dashed #cccccc;
    }
    .flow {
      border-top: 1px solid #cccccc;
      padding: 0 10px 30px;
    }
    .flow h3 {
      padding: 20px 0;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #002060;
    }
    .flow table {
      margin: 0 auto;
      border: 1px solid #cccccc;
      width: 100%;
    }
    .flow table th {
      width: 40px;
      padding: 10px 10px;
      font-family: 'Roboto Condensed', sans-serif;
      color: #002060;
      font-weight: bold;
      text-align: center;
      font-size: 30px;
      vertical-align: middle;
      border-bottom: 1px solid #cccccc;
    }
    .flow table th span {
      font-size: 18px;
      display: block;
    }
    .flow table td {
      padding: 30px 10px;
      color: #002060;
      font-weight: bold;
      text-align: left;
      vertical-align: middle;
      border-bottom: 1px solid #cccccc;
      width: 100%;
    }
    .flow table td h4 {
      font-size: 18px;
      padding-bottom: 15px;
      font-weight: bold;
    }
    .flow table td p {
      font-size: 12px;
      line-height: 1.8em;
    }
    .flow table tr {
      display: block;
      width: 100%;
      position: relative;
      z-index: 1;
    }
    .flow table tr:nth-child(even) th,
    .flow table tr:nth-child(even) td {
      background: #eeeeee;
    }
    .flow table td:after {
      width: 49px;
      height: 17px;
      content: url(../img/chara/arrow02.png);
      display: block;
      position: absolute;
      left: 50%;
      top: -2px;
      margin-left: -25px;
      z-index: 3;
    }
    .flow table tr:nth-child(odd) td:after {
      content: url(../img/chara/arrow01.png);
    }
    .flow table tr:first-child td:after {
      content: "";
    }
    /*メールフォーム*/
    .mailFormArea {
      background: #eeeeee;
      text-align: center;
      padding: 15px;
    }
    .mailFormArea h3 {
      padding: 15px;
      font-size: 18px;
      line-height: 30px;
      font-weight: bold;
      color: #002060;
    }
    .mailFormArea h3 img {
      width: 35%;
    }
    .mailFormArea p {
      font-size: 12px;
      line-height: 2em;
      color: #002060;
    }
/*　車上渡しfont */

.mailFormArea .syabox {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}

    .mailFormArea dl {
      width: 100%;
      margin: 15px auto;
      padding: 20px 0;
      border-top: 2px solid #002060;
    }
    .mailFormArea dl dt {
      text-align: left;
      color: #002060;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold;
    }
    .mailFormArea dl dt span {
      color: #ff0000;
      font-size: 12px;
      padding-left: 5px;
    }
    .mailFormArea dl dd {
      margin-bottom: 20px;
      text-align: left;
      color: #666;
      font-size: 12px;
      line-height: 2em;
    }
    .mailFormArea dl dd span {
      display: inline-block;
      margin-top: 10px;
    }
    .mailFormArea input[type="radio"] {
      margin-right: 5px;
    }
    .mailFormArea input[type="text"],
    .mailFormArea input[type="email"] {
      width: 90%;
      padding: 10px 5%;
      border: 1px solid #cccccc;
    }
    .mailFormArea input.wide02[type="text"],
    .mailFormArea input.wide02[type="email"] {
      width: 40%;
    }
    .mailFormArea input.wide03[type="text"],
    .mailFormArea input.wide03[type="email"] {
      width: 30%;
    }
    .mailFormArea input.mtNeed {
      margin-top: 10px;
    }
    .mailFormArea textarea {
      width: 100%;
      height: 7em;
    }
    .privacyPolicy h4 {
      font-size: 18px;
      line-height: 36px;
      margin-bottom: 30px;
      color: #002060;
      font-weight: bold;
    }
    .policyText {
      width: 90%;
      height: 310px;
      margin: 0 auto;
      padding: 20px 5%;
      overflow-x: hidden;
      overflow-y: hidden;
      border: 1px solid #002060
    }
    .policyText div {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 310px;
      padding-right: 40px;
      overflow-y: scroll;
      text-align: left;
      font-size: 14px;
      line-height: 32px;
      color: #002060;
    }
    .mailFormArea input[type="button"] {
      display: inline-block;
      background: #ffffff;
      border: 4px solid #002060;
      font-size: 18px;
      font-weight: bold;
      padding: 20px 30px;
      color: #002060;
    }
    .mailFormArea input[type="button"]:disabled {
      opacity: 0.5;
      filter: alpha(opacity=50);
      -ms-filter: "alpha(opacity=50)";
    }
    .mailFormArea p.agree {
      font-size: 14px;
      color: #002060;
      padding: 15px 0 20px;
    }
    .mailFormArea p.agree input {
      margin-right: 5px;
    }
    .companyData {
      background: #002060;
      padding: 20px 15px;
      color: #ffffff;
    }
    .companyData h3 {
      font-size: 14px;
      line-height: 1em;
      font-weight: bold;
    }
    .companyData th,
    .companyData td {
      padding: 10px 0;
      text-align: left;
      font-size: 12px;
      line-height: 20px;
    }
    .companyData h2 {
      font-size: 13px;
      line-height: 1em;
      font-weight: bold;
    }
    .companyData th {
      width: 110px;
      padding-right: 5px;
    }
    .companyData td {
      width: 415px;
      font-size: 11px;
    }
    .questionBtnArea {
      width: 100%;
      display: block;
      text-align: center;
      padding: 0px 0px 20px 0;
      box-sizing: border-box;
    }
    .questionBtnArea a img {
      width: 95%
    }
    footer {
      padding: 0px 0 10px;
      text-align: center;
      margin-bottom: 80px;
    }
    footer.npd {
      padding: 0!important;
      text-align: center;
      margin-bottom: 40px;
    }
    footer ul {
      padding: 20px 0;
    }
    footer li {
      display: inline-block;
      padding: 0px 10px;
      font-size: 14px;
      line-height: 2.8em;
    }
    footer li a:link {
      color: #002060;
      text-decoration: none;
    }
    footer li a:hover {
      color: #0753e9;
    }
    footer p {
      border-top: 1px solid #cccccc;
      padding: 20px 0;
      font-size: 11px;
      color: #002060;
    }
    .btn {
      display: inline-block;
      background: #ffffff;
      border: 4px solid #002060;
      font-size: 18px;
      font-weight: bold;
      padding: 20px 30px;
      color: #002060;
      text-decoration: none!important;
    }
    .thanks {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 40px;
      font-weight: bold;
      color: #002060;
    }
    .thanks_tx {
      padding-top: 50px;
    }
  }