.menu {
display: flex;
}
.cate3 {
  display: flex;
  font-size: 15px;
}
.cate3a {
}
.cate {
width: 135px;
}
.catea {
  font-size: 15px;
}
.hl{
  text-align: left;
  margin-top: 20px;
  width: 135px;
}
.topnav {
  display: none;
}
.cont1{
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 7px;
}
.cont_f{
  display: flex;
}
.cont2{
  width: 250px;
  margin-right: 20px;
  padding-left: 10px;
}
.container2,
.container2-fluid,
.container2-xxl,
.container2-xl,
.container2-lg,
.container2-md,
.container2-sm {
  width: 100%;
  max-width: 750px;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container2-sm, .container2 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container2-md, .container2-sm, .container2 {
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .container2-lg, .container2-md, .container2-sm, .container2 {
    max-width: 750px;
  }
}
@media (min-width: 1200px) {
  .container2-xl, .container2-lg, .container2-md, .container2-sm, .container2 {
    max-width: 750px;
  }
}
@media (min-width: 1400px) {
  .container2-xxl, .container2-xl, .container2-lg, .container2-md, .container2-sm, .container2 {
    max-width: 750px;
  }
}
.colorbox{
  padding: 20px 0 ;
  display: flex;
  flex-wrap: wrap;
}
.coloritem{
  margin: 2px 0;
  width: 105px;
}
.sizebox{
  padding: 20px 0 ;
  display: flex;
  flex-wrap: wrap;
}
.sizeitem{
  margin: 2px 0;
  width: 105px;
}
.coloritem input[type=checkbox] , .sizeitem input[type=checkbox]{
	display: none;
}
input#l1[type="checkbox"]+label,input#l2[type="checkbox"]+label,input#l3[type="checkbox"]+label,
 input#l4[type="checkbox"]+label,input#l5[type="checkbox"]+label,input#l6[type="checkbox"]+label,
  input#l7[type="checkbox"]+label,input#l8[type="checkbox"]+label,input#l9[type="checkbox"]+label,
   input#l10[type="checkbox"]+label,input#l11[type="checkbox"]+label,input#l12[type="checkbox"]+label,
    input#l13[type="checkbox"]+label,input#l14[type="checkbox"]+label,input#l15[type="checkbox"]+label,
     input#l16[type="checkbox"]+label,input#l17[type="checkbox"]+label,input#l18[type="checkbox"]+label,
     input#size1[type="checkbox"]+label,
     input#size2[type="checkbox"]+label,
     input#size3[type="checkbox"]+label,
     input#size4[type="checkbox"]+label,
     input#size5[type="checkbox"]+label,
     input#size6[type="checkbox"]+label,
     input#size7[type="checkbox"]+label,
     input#size8[type="checkbox"]+label,
     input#size9[type="checkbox"]+label,
     input#size10[type="checkbox"]+label,
     input#size11[type="checkbox"]+label,
     input#size12[type="checkbox"]+label,
     input#size13[type="checkbox"]+label,
     input#size14[type="checkbox"]+label,
     input#size15[type="checkbox"]+label,
     input#size16[type="checkbox"]+label,
     input#size17[type="checkbox"]+label
     {
  position: relative;
  padding-left:18px;
}
input#l1[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: red;
  cursor: pointer;
}
input#l2[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: blue;
  cursor: pointer;
}
input#l3[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: yellow;
  cursor: pointer;
}
input#l4[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: orange;
  cursor: pointer;
}
input#l5[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: green;
  cursor: pointer;
}
input#l6[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: black;
  cursor: pointer;
}
input#l7[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: grey;
  cursor: pointer;
}
input#l8[type="checkbox"]+label::before,
input#size1[type="checkbox"]+label::before,
input#size2[type="checkbox"]+label::before,
input#size3[type="checkbox"]+label::before,
input#size4[type="checkbox"]+label::before,
input#size5[type="checkbox"]+label::before,
input#size6[type="checkbox"]+label::before,
input#size7[type="checkbox"]+label::before,
input#size8[type="checkbox"]+label::before,
input#size9[type="checkbox"]+label::before,
input#size10[type="checkbox"]+label::before,
input#size11[type="checkbox"]+label::before,
input#size12[type="checkbox"]+label::before,
input#size13[type="checkbox"]+label::before,
input#size14[type="checkbox"]+label::before,
input#size15[type="checkbox"]+label::before,
input#size16[type="checkbox"]+label::before,
input#size17[type="checkbox"]+label::before
{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: white;
  border: 1px solid;
  cursor: pointer;
}
input#l9[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: pink;
  cursor: pointer;
}
input#l10[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: navy;
  cursor: pointer;
}
input#l11[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: purple;
  cursor: pointer;
}
input#l12[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: lightblue;
  cursor: pointer;
}
input#l13[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: lightgreen;
  cursor: pointer;
}
input#l14[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #bbb7da;
  cursor: pointer;
}
input#l15[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: linear-gradient(60deg,#c70000,#d28300,#dfd000,#00873c,#005aa0,#181878,#800073);
  cursor: pointer;
}
input#l16[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: brown;
  cursor: pointer;
}
input#l17[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: gold;
  cursor: pointer;
}
input#l18[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: silver;
  cursor: pointer;
}

input#l1[type=checkbox]:checked+label::after,input#l2[type=checkbox]:checked+label::after,input#l3[type=checkbox]:checked+label::after
,input#l4[type=checkbox]:checked+label::after,input#l5[type=checkbox]:checked+label::after,input#l6[type=checkbox]:checked+label::after
,input#l7[type=checkbox]:checked+label::after,input#l9[type=checkbox]:checked+label::after
,input#l10[type=checkbox]:checked+label::after,input#l11[type=checkbox]:checked+label::after,input#l12[type=checkbox]:checked+label::after
,input#l13[type=checkbox]:checked+label::after,input#l14[type=checkbox]:checked+label::after,input#l15[type=checkbox]:checked+label::after
,input#l16[type=checkbox]:checked+label::after,input#l17[type=checkbox]:checked+label::after,input#l18[type=checkbox]:checked+label::after {
  content: "";
  display: block;
  /* width: 10px;
  height: 6px; */
  width: 18px;
  height: 19px;
  box-sizing: border-box;
  /* border-bottom: 2px solid #fff;
  border-left: 2px solid #fff; */
  border: 1.5px solid #F22B2B;
  position: absolute;
  /*ここから下は位置を調整する*/
  /* top: 40%;
  left: 3px; */
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
  /*箱を斜めに傾けてチェック表示にする*/
  /* -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg) translateY(-50%); */
}
input#l8[type=checkbox]:checked+label::after{
  content: "";
  display: block;
  width: 18px;
  height: 19px;
  box-sizing: border-box;
  border: 2px solid #F22B2B;
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
}
input#size1[type=checkbox]:checked+label::after,
input#size2[type=checkbox]:checked+label::after,
input#size3[type=checkbox]:checked+label::after,
input#size4[type=checkbox]:checked+label::after,
input#size5[type=checkbox]:checked+label::after,
input#size6[type=checkbox]:checked+label::after,
input#size7[type=checkbox]:checked+label::after,
input#size8[type=checkbox]:checked+label::after,
input#size9[type=checkbox]:checked+label::after,
input#size10[type=checkbox]:checked+label::after,
input#size11[type=checkbox]:checked+label::after,
input#size12[type=checkbox]:checked+label::after,
input#size13[type=checkbox]:checked+label::after,
input#size14[type=checkbox]:checked+label::after,
input#size15[type=checkbox]:checked+label::after,
input#size16[type=checkbox]:checked+label::after,
input#size17[type=checkbox]:checked+label::after
 {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  box-sizing: border-box;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #000000;
  position: absolute;
  /*ここから下は位置を調整する*/
  top: 40%;
  left: 3px;
  /*箱を斜めに傾けてチェック表示にする*/
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg) translateY(-50%);
}

/* レスポンシブ */
input#rl1[type="checkbox"]+label,input#rl2[type="checkbox"]+label,input#rl3[type="checkbox"]+label,
 input#rl4[type="checkbox"]+label,input#rl5[type="checkbox"]+label,input#rl6[type="checkbox"]+label,
  input#rl7[type="checkbox"]+label,input#rl8[type="checkbox"]+label,input#rl9[type="checkbox"]+label,
   input#rl10[type="checkbox"]+label,input#rl11[type="checkbox"]+label,input#rl12[type="checkbox"]+label,
    input#rl13[type="checkbox"]+label,input#rl14[type="checkbox"]+label,input#rl15[type="checkbox"]+label,
     input#rl16[type="checkbox"]+label,input#rl17[type="checkbox"]+label,input#rl18[type="checkbox"]+label,
     input#size1r[type="checkbox"]+label,
     input#size2r[type="checkbox"]+label,
     input#size3r[type="checkbox"]+label,
     input#size4r[type="checkbox"]+label,
     input#size5r[type="checkbox"]+label,
     input#size6r[type="checkbox"]+label,
     input#size7r[type="checkbox"]+label,
     input#size8r[type="checkbox"]+label,
     input#size9r[type="checkbox"]+label,
     input#size10r[type="checkbox"]+label,
     input#size11r[type="checkbox"]+label,
     input#size12r[type="checkbox"]+label,
     input#size13r[type="checkbox"]+label,
     input#size14r[type="checkbox"]+label,
     input#size15r[type="checkbox"]+label,
     input#size16r[type="checkbox"]+label,
     input#size17r[type="checkbox"]+label
     {
  position: relative;
  padding-left: 18px;
}
input#rl1[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: red;
  cursor: pointer;
}
input#rl2[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: blue;
  cursor: pointer;
}
input#rl3[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: yellow;
  cursor: pointer;
}
input#rl4[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: orange;
  cursor: pointer;
}
input#rl5[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: green;
  cursor: pointer;
}
input#rl6[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: black;
  cursor: pointer;
}
input#rl7[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: grey;
  cursor: pointer;
}
input#rl8[type="checkbox"]+label::before,
input#size1r[type="checkbox"]+label::before,
input#size2r[type="checkbox"]+label::before,
input#size3r[type="checkbox"]+label::before,
input#size4r[type="checkbox"]+label::before,
input#size5r[type="checkbox"]+label::before,
input#size6r[type="checkbox"]+label::before,
input#size7r[type="checkbox"]+label::before,
input#size8r[type="checkbox"]+label::before,
input#size9r[type="checkbox"]+label::before,
input#size10r[type="checkbox"]+label::before,
input#size11r[type="checkbox"]+label::before,
input#size12r[type="checkbox"]+label::before,
input#size13r[type="checkbox"]+label::before,
input#size14r[type="checkbox"]+label::before,
input#size15r[type="checkbox"]+label::before,
input#size16r[type="checkbox"]+label::before,
input#size17r[type="checkbox"]+label::before
{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: white;
  border: 1px solid;
  cursor: pointer;
}
input#rl9[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: pink;
  cursor: pointer;
}
input#rl10[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: navy;
  cursor: pointer;
}
input#rl11[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: purple;
  cursor: pointer;
}
input#rl12[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: lightblue;
  cursor: pointer;
}
input#rl13[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: lightgreen;
  cursor: pointer;
}
input#rl14[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #bbb7da;
  cursor: pointer;
}
input#rl15[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: linear-gradient(60deg,#c70000,#d28300,#dfd000,#00873c,#005aa0,#181878,#800073);
  cursor: pointer;
}
input#rl16[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: brown;
  cursor: pointer;
}
input#rl17[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: gold;
  cursor: pointer;
}
input#rl18[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: silver;
  cursor: pointer;
}

input#rl1[type=checkbox]:checked+label::after,input#rl2[type=checkbox]:checked+label::after,input#rl3[type=checkbox]:checked+label::after
,input#rl4[type=checkbox]:checked+label::after,input#rl5[type=checkbox]:checked+label::after,input#rl6[type=checkbox]:checked+label::after
,input#rl7[type=checkbox]:checked+label::after,input#rl9[type=checkbox]:checked+label::after
,input#rl10[type=checkbox]:checked+label::after,input#rl11[type=checkbox]:checked+label::after,input#rl12[type=checkbox]:checked+label::after
,input#rl13[type=checkbox]:checked+label::after,input#rl14[type=checkbox]:checked+label::after,input#rl15[type=checkbox]:checked+label::after
,input#rl16[type=checkbox]:checked+label::after,input#rl17[type=checkbox]:checked+label::after,input#rl18[type=checkbox]:checked+label::after
,input#rl8[type=checkbox]:checked+label::after {
  content: "";
  display: block;
  width: 18px;
  height: 19px;
  box-sizing: border-box;
  border: 2px solid #F22B2B;
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
}
input#size1r[type=checkbox]:checked+label::after,
input#size2r[type=checkbox]:checked+label::after,
input#size3r[type=checkbox]:checked+label::after,
input#size4r[type=checkbox]:checked+label::after,
input#size5r[type=checkbox]:checked+label::after,
input#size6r[type=checkbox]:checked+label::after,
input#size7r[type=checkbox]:checked+label::after,
input#size8r[type=checkbox]:checked+label::after,
input#size9r[type=checkbox]:checked+label::after,
input#size10r[type=checkbox]:checked+label::after,
input#size11r[type=checkbox]:checked+label::after,
input#size12r[type=checkbox]:checked+label::after,
input#size13r[type=checkbox]:checked+label::after,
input#size14r[type=checkbox]:checked+label::after,
input#size15r[type=checkbox]:checked+label::after,
input#size16r[type=checkbox]:checked+label::after,
input#size17r[type=checkbox]:checked+label::after
 {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  box-sizing: border-box;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #000000;
  position: absolute;
  /*ここから下は位置を調整する*/
  top: 40%;
  left: 3px;
  /*箱を斜めに傾けてチェック表示にする*/
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg) translateY(-50%);
}

.bom1 input[type=submit]{
  text-decoration: none;
  max-width: 215px;
  width: 350px;
  background-color: #1A1D70;
  border: 2px solid #1A1D70;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.bom1 input[type=submit]:hover{
  text-decoration: none;
  max-width: 215px;
  width: 350px;
  background-color: #fff;
  border: 2px solid #1A1D70;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #1A1D70;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.bom2 input[type=button]{
  text-decoration: none;
  max-width: 215px;
  width: 350px;
  background-color: #707070;
  border: 2px solid #707070;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.bom2 input[type=button]:hover{
  text-decoration: none;
  max-width: 215px;
  width: 350px;
  background-color: #fff;
  border: 2px solid #707070;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #707070;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.sel {
  margin-left: auto;
}
.ytopb{
  position: relative;
}
#page-top a {
  position: fixed;
  bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.ytop{
  position: relative;
}
.ytop1{
  position: absolute;
}
#page-top img {
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.ytop1:hover {
	opacity: 0;
}
@media screen and (max-width: 992px) {
       .menu {
         flex-wrap: wrap;
        max-width: 480px;
       }
       .cate3 {
         width: 480px;
         margin-left: auto;
         margin-right: auto;
       }
       .cate3a {
        text-align: center;
       }
       .cate {
       width: 160px;
       }
       .cate2{
         max-width: 480px;
       }
       .cate4{
         padding: 0;
       }
       .hl{
         width: 480px;
         display: flex;
         margin-left: auto;
         margin-right: auto;
       }
       .catea {
       width: 160px;
       text-align: center;
       }
       .topnav {
         display: block;
       }
     }
@media screen and (max-width: 543px) {
  .menu {
    flex-wrap: wrap;
   max-width: 345px;
  }
  .cate3 {
    width: 345px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }
  .cate3a {
   text-align: center;
  }
  .cate {
  width: 115px;
  }
  .cate2{
    max-width: 345px;
  }
  .cate4{
    padding: 0;
  }
  .hl{
    width: 345px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }
  .catea {
  width: 115px;
  text-align: center;
  font-size: 14px;
  }
  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: white;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: #1A1D70;
    border: 0;
    font-size: 12px;
  }
  .cont2{
    display: none;
  }
}
.cont3{
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
}


details summary:after {
  content: "+";
  color: black;
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  margin-top: 0.55rem;
  right: 3px;
  color: #fff;
  transform-origin: center 17%;
  font-size: 2rem;
  display:inline-block;
  height:1rem;
}
details[open] summary:after {
  transform: rotate(45deg);
}

details summary::-webkit-details-marker {
  display: none;
}

details summary {
  width: 100%;
  padding: 0.3rem 0;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  background-color: #1A1D70;
  color: #fff;
  text-align: center;
  list-style: none;
  margin-bottom: 10px;
}

details summary {
  outline: 0;
}

@media screen and (min-width: 543px) {
  .cont3{
    display: none;
  }
}
@media screen and (max-width: 543px) {
.bom1 input[type=submit]{
  text-decoration: none;
  max-width: 350px;
  background-color: #1A1D70;
  border: 2px solid #1A1D70;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.bom1 input[type=submit]:hover{
  text-decoration: none;
  max-width: 350px;
  background-color: #fff;
  border: 2px solid #1A1D70;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #1A1D70;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.bom2 input[type=button]{
  text-decoration: none;
  max-width: 350px;
  background-color: #707070;
  border: 2px solid #707070;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.bom2 input[type=button]:hover{
  text-decoration: none;
  max-width: 350px;
  background-color: #fff;
  border: 2px solid #707070;
  padding: 0px;
  cursor: pointer;
  display: block;
  color: #707070;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
}

.top{
  margin: 0px;
  border: 1px solid #8c8b8b;
}
.iro{
  color: #1A1D70;
}
.iro:hover{
  color: #1A1D70;
}
.ba1{
  background-color: #EDEDF3;
}
.news1{
  display: block;
  margin: auto 0;
}
.news2{
  display :inline-block;
  padding: 3rem;
}
.news3{
  border-left: solid 1px;
  border-color: #707070;
  padding-left: 2rem;
}
.full-img {
  max-width: 316px;
  width: 100%;
}
.full{
  display: inline-block;
  background-color: #FFD91D;
  padding: 1rem 2rem;
}
a{
  text-decoration: none;
  color: #1A1D70;
}
a:hover{
  color: #1A1D70;
  text-decoration: underline;
}
.c_i{
  color: #1A1D70;
  text-decoration: underline;
}
.full:hover{
  color: #1A1D70;
  text-decoration: underline;
}
.pick-img {
  max-width: 490px;
  width: 100%;
}
.full-a:hover{
  text-decoration: none;
}
.syo1{
  font-size: 14px;
}

.new{width: 40px;}

.pag{
  padding: 5px;
}

.nn{
  background-color: red;
  padding-right: 3px;
  padding-left: 3px;
  color: white;
  margin-right: 5px;
}

.n{
  text-decoration: none;
}

.text{
	white-space: pre-wrap;
}

.icon{
  margin: 10px 30px 10px 10px;
}
.icon2{
  display: none;
}
.icon_s{
  display: none;
}
.pad {
  display: none;
}
.cct{
  display: none;
  font-size: 20px;
  font-weight: bold;
  padding-left: 15px;
  padding-bottom: 8px;
  color: #1A1D70;
}
.orpdf{
  display: none;
}
.oryel{
  display: none;
}
.hehr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

.ordericon{
  width: 100px;
  margin-bottom: -10px;
}
.ct {
  display: block;
}
.k1{
  margin-top: 5px;
}
.k2{
  width: 25px;
  height: 25px;
  margin-bottom: -5px;
}
.ct input[type=text]{
  width: 80%;
  font-size: 16px;
  border: solid 1px #000000;
  height: 30px;
  padding-left: 10px;
}
@media (max-width: 992px) {
  .ct{
    display: none;
  }
  .ctc input[type=text]{
    width: 85%;
    font-size: 16px;
    border: solid 1px #000000;
    height: 30px;
    padding-left: 10px;
  }
  .ordericon{
    width: 100px;
    margin-bottom: 0px;
    display: none;
  }
  .icon{
    display: none;
  }
  .icon2{
    display: flex;
    margin: 10px 30px 10px 10px;
  }
  .icon_s{
    display: inline-block;
    margin: 10px 15px 10px 10px;
    width: 25px;
  }
  .img-responsive{
    width: 180px;
  }
  .cen {
    margin-left: auto;
    margin-right:auto;
  }
  .pad {
    display: block;
    font-size: 20px;
  }
  .cct{
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 15px;
    margin:10px 0 5px 0;
    background-color: #1A1D70;
    color: white;
  }
  .orpdf{
    display: block;
    padding: 8px 15px;
  }
  .oryel{
    display: block;
    padding: 15px 15px;
    background-color: #FFD91D;
    color: #1A1D70;
    width: 100%;
    text-align: center;
  }
  .k1{
    margin-top: 5px;
    margin-bottom: 10px;
    width: 85%;
    max-width: 500px;
  }
  .k2{
    width: 25px;
    height: 25px;
    margin-bottom: -5px;
  }
}

@media (max-width: 620px) {
  .icon_s{
    display: inline-block;
    margin: 10px 5px 10px 10px;
    width: 22px;
  }
}

.navbar2{
  background-color: #1A1D70;
}
.navbar2 ul li a {
  color: white;

}
.navbar2 ul li a:hover {
  color: white;
}
.navbar2 ul li a:focus{
  color: white;
}
.navbar2 ul li ul li a{
  color: white;
}
.navbar2 ul li ul li a:hover{
  color: white;
}

@media (max-width: 992px)  {
  .navbar2 {
    background-color: white;
  }
  .navbar2 ul li a {
    color: black;
  }
  .navbar2 ul li a:hover {
    color: black;
  }
  .navbar2 ul li a:focus{
    color: black;
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 543px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
    img { max-width: 100%; }
}