@charset "UTF-8";
/* $main-color-work-0:            #05B79C !default; */
[class*="block-grid-"] {
  margin: 0;
}

body {
  background-color: #FFFFFF;
}
body#jyan article p, body#jyan article li {
  line-height: 1.3rem;
}
body#jyan h2.numbers {
  color: #4BC3EF !important;
  border-top: 0.3rem solid #4BC3EF;
}
body#jyan h2.numbers2 {
  color: #4BC3EF !important;
  border-top: 0.3rem solid #38A91B;
}
body#jyan h2.numbers3 {
  color: white;
  background-color: #4BC3EF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2199c5), color-stop(0, #4BC3EF));
  background: -webkit-linear-gradient(#4BC3EF, #2199c5);
  background: -moz-linear-gradient(#4BC3EF, #2199c5);
  background: -o-linear-gradient(#4BC3EF, #2199c5);
  background: -ms-linear-gradient(#4BC3EF, #2199c5);
  background: linear-gradient(#4BC3EF, #2199c5);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#jyan h2.numbers3 small {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
}
body#jyan h2.numbers3 .red-sub-title {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.1em 0.25em;
  margin: 0 0.5em;
  border-radius: 0.25em;
  font-size: 1.6rem;
}
@media only screen {
  body#jyan h2.numbers3 .red-sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#jyan h2.numbers3 .red-sub-title {
    display: inline-block;
  }
}
body#jyan h3.items {
  color: #2199c5;
  border-right: 2px solid #2199c5;
  border-left: 2px solid #2199c5;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#jyan h3.prices {
  color: white;
  background-color: #2199c5;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#jyan h3.prices small {
  color: #F3F3F3;
}
body#jyan h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#jyan h3.push {
  text-align: center;
  background-color: #2199c5;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#jyan h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #4BC3EF;
}
body#jyan h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #2199c5;
  border-bottom: 1px solid #2199c5;
  padding-left: 0.25rem;
}
body#jyan h5 {
  font-weight: bold;
  background-color: #a9e2f7;
}
body#jyan .all-season small, body#jyan .winter small {
  font-size: 80%;
}
body#poro article p, body#poro article li {
  line-height: 1.3rem;
}
body#poro h2.numbers {
  color: #5178F7 !important;
  border-top: 0.3rem solid #5178F7;
}
body#poro h2.numbers2 {
  color: #5178F7 !important;
  border-top: 0.3rem solid #38A91B;
}
body#poro h2.numbers3 {
  color: white;
  background-color: #5178F7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #274ecd), color-stop(0, #5178F7));
  background: -webkit-linear-gradient(#5178F7, #274ecd);
  background: -moz-linear-gradient(#5178F7, #274ecd);
  background: -o-linear-gradient(#5178F7, #274ecd);
  background: -ms-linear-gradient(#5178F7, #274ecd);
  background: linear-gradient(#5178F7, #274ecd);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#poro h2.numbers3 .red-sub-title {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.1em 0.25em;
  margin: 0 0.5em;
  border-radius: 0.25em;
  font-size: 1.6rem;
}
@media only screen {
  body#poro h2.numbers3 .red-sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#poro h2.numbers3 .red-sub-title {
    display: inline-block;
  }
}
body#poro h2.numbers3 .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25em;
  margin: 0 0.5em;
  border-top: 1px solid #FFFFFF;
  font-size: 1.2rem;
}
@media only screen {
  body#poro h2.numbers3 .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#poro h2.numbers3 .sub-title {
    display: inline-block;
  }
}
body#poro h3.items {
  color: #274ecd;
  border-right: 2px solid #274ecd;
  border-left: 2px solid #274ecd;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#poro h3.prices {
  color: white;
  background-color: #274ecd;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#poro h3.prices small {
  color: #F3F3F3;
}
body#poro h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#poro h3.push {
  text-align: center;
  background-color: #274ecd;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#poro h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #5178F7;
}
body#poro h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #274ecd;
  border-bottom: 1px solid #274ecd;
  padding-left: 0.25rem;
}
body#poro h5 {
  font-weight: bold;
  background-color: #b3c4fb;
}
body#suta h2.numbers {
  color: white;
  background-color: #A668D5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #7c3eab), color-stop(0, #A668D5));
  background: -webkit-linear-gradient(#A668D5, #7c3eab);
  background: -moz-linear-gradient(#A668D5, #7c3eab);
  background: -o-linear-gradient(#A668D5, #7c3eab);
  background: -ms-linear-gradient(#A668D5, #7c3eab);
  background: linear-gradient(#A668D5, #7c3eab);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#suta h2.numbers:hover {
  background-color: #be90e0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #9153c0), color-stop(0, #be90e0));
  background: -webkit-linear-gradient(#be90e0, #9153c0);
  background: -moz-linear-gradient(#be90e0, #9153c0);
  background: -o-linear-gradient(#be90e0, #9153c0);
  background: -ms-linear-gradient(#be90e0, #9153c0);
  background: linear-gradient(#be90e0, #9153c0);
}
body#suta h2.numbers2 {
  color: #A668D5 !important;
  border-top: 0.3rem solid #38A91B;
}
body#suta h3.items {
  color: #7c3eab;
  border-right: 2px solid #7c3eab;
  border-left: 2px solid #7c3eab;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#suta h3.prices {
  color: white;
  background-color: #7c3eab;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#suta h3.prices small {
  color: #F3F3F3;
}
body#suta h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#suta h3.push {
  text-align: center;
  background-color: #7c3eab;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#suta h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #A668D5;
}
body#suta h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #7c3eab;
  border-bottom: 1px solid #7c3eab;
  padding-left: 0.25rem;
}
body#syoubou h2.numbers {
  color: white;
  background-color: #F06060;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c63636), color-stop(0, #F06060));
  background: -webkit-linear-gradient(#F06060, #c63636);
  background: -moz-linear-gradient(#F06060, #c63636);
  background: -o-linear-gradient(#F06060, #c63636);
  background: -ms-linear-gradient(#F06060, #c63636);
  background: linear-gradient(#F06060, #c63636);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#syoubou h2.numbers.sub {
  margin-top: 1rem;
}
body#syoubou h2.numbers:hover {
  background-color: #f48f8f;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #db4b4b), color-stop(0, #f48f8f));
  background: -webkit-linear-gradient(#f48f8f, #db4b4b);
  background: -moz-linear-gradient(#f48f8f, #db4b4b);
  background: -o-linear-gradient(#f48f8f, #db4b4b);
  background: -ms-linear-gradient(#f48f8f, #db4b4b);
  background: linear-gradient(#f48f8f, #db4b4b);
}
body#syoubou h3.items {
  color: #c63636;
  border-right: 2px solid #c63636;
  border-left: 2px solid #c63636;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#syoubou h3.prices {
  color: white;
  background-color: #c63636;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#syoubou h3.prices small {
  color: #F3F3F3;
}
body#syoubou h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#syoubou h3.push {
  text-align: center;
  background-color: #c63636;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#syoubou h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #F06060;
}
body#syoubou h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #c63636;
  border-bottom: 1px solid #c63636;
  padding-left: 0.25rem;
}
body#syoubou p.bold-red {
  font-weight: bold;
  color: #c63636;
}
body#gold h2.numbers {
  color: white;
  background-color: #E5C33C;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #bb9912), color-stop(0, #E5C33C));
  background: -webkit-linear-gradient(#E5C33C, #bb9912);
  background: -moz-linear-gradient(#E5C33C, #bb9912);
  background: -o-linear-gradient(#E5C33C, #bb9912);
  background: -ms-linear-gradient(#E5C33C, #bb9912);
  background: linear-gradient(#E5C33C, #bb9912);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#gold h2.numbers.sub {
  margin-top: 1rem;
}
body#gold h2.numbers:hover {
  background-color: #ebd169;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d0ae27), color-stop(0, #ebd169));
  background: -webkit-linear-gradient(#ebd169, #d0ae27);
  background: -moz-linear-gradient(#ebd169, #d0ae27);
  background: -o-linear-gradient(#ebd169, #d0ae27);
  background: -ms-linear-gradient(#ebd169, #d0ae27);
  background: linear-gradient(#ebd169, #d0ae27);
}
body#gold h3.items {
  color: #bb9912;
  border-right: 2px solid #bb9912;
  border-left: 2px solid #bb9912;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#gold h3.prices {
  color: white;
  background-color: #bb9912;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#gold h3.prices small {
  color: #F3F3F3;
}
body#gold h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#gold h3.push {
  text-align: center;
  background-color: #bb9912;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#gold h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #E5C33C;
}
body#gold h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #bb9912;
  border-bottom: 1px solid #bb9912;
  padding-left: 0.25rem;
}
body#enamel h2.numbers {
  color: #FF9050 !important;
  border-top: 0.3rem solid #FF9050;
}
body#enamel h2.numbers2 {
  color: #FF9050 !important;
  border-top: 0.3rem solid #38A91B;
}
body#enamel h2.numbers3 {
  color: white;
  background-color: #FF9050;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d56626), color-stop(0, #FF9050));
  background: -webkit-linear-gradient(#FF9050, #d56626);
  background: -moz-linear-gradient(#FF9050, #d56626);
  background: -o-linear-gradient(#FF9050, #d56626);
  background: -ms-linear-gradient(#FF9050, #d56626);
  background: linear-gradient(#FF9050, #d56626);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding: 1em 0;
}
body#enamel h3.items {
  color: #d56626;
  border-right: 2px solid #d56626;
  border-left: 2px solid #d56626;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#enamel h3.prices {
  color: white;
  background-color: #d56626;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#enamel h3.prices small {
  color: #F3F3F3;
}
body#enamel h3.push {
  text-align: center;
  background-color: #d56626;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#enamel h4.points {
  font-size: 1.1em;
  color: #d56626;
  border-left: 2px solid;
  padding-left: 0.25rem;
}
body#work article p, body#work article li {
  line-height: 1.3rem;
}
body#work h2.numbers {
  color: #40D0B0 !important;
  border-top: 0.3rem solid #40D0B0;
}
body#work h2.numbers2 {
  color: #40D0B0 !important;
  border-top: 0.3rem solid #38A91B;
}
body#work h2.numbers3 {
  color: white;
  background-color: #40D0B0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #16a686), color-stop(0, #40D0B0));
  background: -webkit-linear-gradient(#40D0B0, #16a686);
  background: -moz-linear-gradient(#40D0B0, #16a686);
  background: -o-linear-gradient(#40D0B0, #16a686);
  background: -ms-linear-gradient(#40D0B0, #16a686);
  background: linear-gradient(#40D0B0, #16a686);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#work h2.numbers3 .red-sub-title {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.1em 0.25em;
  margin: 0 0.5em;
  border-radius: 0.25em;
  font-size: 1.6rem;
}
@media only screen {
  body#work h2.numbers3 .red-sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#work h2.numbers3 .red-sub-title {
    display: inline-block;
  }
}
body#work h2.numbers3 .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25em;
  margin: 0 0.5em;
  border-top: 1px solid #FFFFFF;
  font-size: 1.2rem;
}
@media only screen {
  body#work h2.numbers3 .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#work h2.numbers3 .sub-title {
    display: inline-block;
  }
}
body#work h3.items {
  color: #16a686;
  border-right: 2px solid #16a686;
  border-left: 2px solid #16a686;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#work h3.prices {
  color: white;
  background-color: #16a686;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#work h3.prices small {
  color: #F3F3F3;
}
body#work h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#work h3.sub-push {
  text-align: center;
  font-size: 1.1rem;
  position: relative;
  margin: 0.5rem 0 1rem;
}
body#work h3.push {
  text-align: center;
  background-color: #40D0B0;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#work h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #40D0B0;
}
body#work h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #16a686;
  border-bottom: 1px solid #16a686;
  padding-left: 0.25rem;
}
body#work h5 {
  font-weight: bold;
  background-color: #92e4d2;
}
body#other h2.numbers {
  color: #82DA5F !important;
  border-top: 0.3rem solid #82DA5F;
}
body#other h2.numbers2 {
  color: #82DA5F !important;
  border-top: 0.3rem solid #38A91B;
}
body#other h2.numbers3 {
  color: white;
  background-color: #82DA5F;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #58b035), color-stop(0, #82DA5F));
  background: -webkit-linear-gradient(#82DA5F, #58b035);
  background: -moz-linear-gradient(#82DA5F, #58b035);
  background: -o-linear-gradient(#82DA5F, #58b035);
  background: -ms-linear-gradient(#82DA5F, #58b035);
  background: linear-gradient(#82DA5F, #58b035);
  border-radius: 0.25rem;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) inset, 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0.5em 0;
}
body#other h2.numbers3 small {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
}
body#other h2.numbers3 .red-sub-title {
  color: #F04124;
  background-color: #FFFFFF;
  padding: 0.1em 0.25em;
  margin: 0 0.5em;
  border-radius: 0.25em;
  font-size: 1.6rem;
}
@media only screen {
  body#other h2.numbers3 .red-sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40.063em) {
  body#other h2.numbers3 .red-sub-title {
    display: inline-block;
  }
}
body#other h3.items {
  color: #58b035;
  border-right: 2px solid #58b035;
  border-left: 2px solid #58b035;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1.15rem;
}
body#other h3.prices {
  color: white;
  background-color: #58b035;
  font-size: 1.15rem;
  border-radius: 0 !important;
  text-align: center;
}
body#other h3.prices small {
  color: #F3F3F3;
}
body#other h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.5rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1em 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}
body#other h3.push {
  text-align: center;
  background-color: #58b035;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#other h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #82DA5F;
}
body#other h4.points {
  font-size: 1.0em;
  color: #505050;
  border-left: 5px solid #58b035;
  border-bottom: 1px solid #58b035;
  padding-left: 0.25rem;
}
body#other h5 {
  font-weight: bold;
  background-color: #c3edb2;
}
body#corp {
  /* HEADER AREA */
  /* TOP IMAGE AREA */
  /* MAIN MENU AREA */
  /* CORPORATION */
}
body#corp h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#corp .roots-main-header {
  position: absolute;
  z-index: 999;
  background-color: initial;
  width: 100%;
  padding-top: 0.5em;
  border-bottom: none;
}
body#corp .roots-main-header span {
  font-size: 0.9em;
  color: #e93030;
  text-shadow: 0px 0px 3px white;
}
body#corp .roots-main {
  position: relative;
  background-color: #fff;
  background-image: url("../../img/roots-corp-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
}
body#corp .roots-main h1 {
  margin: 7em 0 0;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main h1 {
    margin: 10em 0 0;
    font-size: 1.1em;
  }
}
body#corp .roots-main p {
  margin: 0.75em 0 13.5em;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  color: #F0F0A0;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9);
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main p {
    font-size: 1.1em;
    margin: 0.75em 0 19em;
  }
}
@media only screen and (max-width: 31em) {
  body#corp .roots-main p {
    font-size: 1.1em;
    margin: 0.75em 0 16em;
  }
}
body#corp .roots-main-navi {
  position: relative;
  top: -15em;
  margin-bottom: -15em;
  z-index: 999;
}
body#corp .roots-main-navi div.collapse {
  margin-bottom: 2em;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
body#corp .roots-main-navi div.collapse div.jyan {
  border-top: 0.3em solid #4BC3EF;
}
body#corp .roots-main-navi div.collapse div.shirt {
  border-top: 0.3em solid #968060;
}
body#corp .roots-main-navi div.collapse div.hoodie {
  border-top: 0.3em solid #7067e3;
}
body#corp .roots-main-navi div.collapse div.poro {
  border-top: 0.3em solid #5178F7;
}
body#corp .roots-main-navi div.collapse div.suta {
  border-top: 0.3em solid #A668D5;
}
body#corp .roots-main-navi div.collapse div.syoubou {
  border-top: 0.3em solid #F06060;
}
body#corp .roots-main-navi div.collapse div.enamel {
  border-top: 0.3em solid #FF9050;
}
body#corp .roots-main-navi div.collapse div.gold {
  border-top: 0.3em solid #E5C33C;
}
body#corp .roots-main-navi div.collapse div.work {
  border-top: 0.3em solid #69dac1;
}
body#corp .roots-main-navi div.collapse div.color {
  border-top: 0.3em solid #F070B0;
}
body#corp .roots-main-navi div.collapse div.other {
  border-top: 0.3em solid #82DA5F;
}
body#corp .roots-main-navi a {
  display: block;
  width: 100%;
  height: 100%;
  color: #222;
}
body#corp .roots-main-navi a:after {
  content: "\f196";
  position: absolute;
  font-family: "foundation-icons";
  color: #505050;
  opacity: 0.15;
  font-size: 5em;
  bottom: 0.45em;
  right: 0.4em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi a:after {
    font-size: 3em;
    bottom: 0.45em;
    right: 0.5em;
  }
}
body#corp .roots-main-navi h2 {
  margin: 0.35em 0.7em;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi h2 {
    font-size: 0.8em;
  }
}
body#corp .roots-main-navi h2.top-menu-title {
  color: #000000;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.25em;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25em 0;
  margin-bottom: 1em;
}
body#corp .roots-main-navi p {
  margin: 0.7em;
  padding-bottom: 0.7em;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi p {
    font-size: 0.8em;
  }
}
body#corp .roots-sales ul {
  margin: 1em 2em 3em;
  border-top: 1px solid #F3F3F3;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-sales ul {
    margin: 1em 0 3em 1em;
    font-size: 0.8em;
  }
}
body#corp .roots-sales ul li {
  padding: 0.5em 0;
  border-bottom: 1px solid #F3F3F3;
  color: #E5C33C;
}
body#corp .roots-sales ul li span {
  color: #303030;
}
body#corp .roots-main-corporation {
  padding: 3em 0;
  background-color: #f0f0f0;
  z-index: 0;
}
body#corp .roots-main-corporation a:after {
  content: "";
}
body#corp .roots-main-corporation th {
  white-space: nowrap;
}
body#main-contents {
  /* HEADER AREA */
  /* TOP IMAGE AREA */
}
body#main-contents h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-main-header {
  position: absolute;
  z-index: 999;
  background-color: initial;
  width: 100%;
  padding-top: 0.5em;
  border-bottom: none;
}
body#main-contents .roots-main-header span {
  font-size: 0.9em;
  color: #e93030;
  text-shadow: 0px 0px 3px white;
}
body#main-contents .roots-main {
  position: relative;
  background-color: #fff;
  background-image: url("../../img/roots-corp-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  background-attachment: fixed;
}
body#main-contents .roots-main .roots-posts-top h1 {
  margin: 7em 0 0;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 40.063em) {
  body#main-contents .roots-main .roots-posts-top h1 {
    margin: 7em 0 0;
    font-size: 1.1em;
  }
}
body#main-contents .roots-main .roots-posts-top h1.numbers {
  color: #000000;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.25em;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25em 0;
  margin-bottom: 0.25em;
}
body#main-contents .roots-main .roots-posts-top p {
  margin: 0.5em 0 2em;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.25;
  color: #FFFFFF;
  text-shadow: 0px 0px 3px black;
}
@media only screen and (max-width: 40.063em) {
  body#main-contents .roots-main .roots-posts-top p {
    font-size: 0.9em;
    margin: 0.75em 0 2em;
  }
}
@media only screen and (max-width: 31em) {
  body#main-contents .roots-main .roots-posts-top p {
    font-size: 0.9m;
    margin: 0.75em 0 2em;
  }
}
body#main-contents .roots-main .roots-posts-top p span {
  color: #e93030;
  text-shadow: none;
}
body#main-contents .roots-box {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-bottom: 4em;
  z-index: 1;
}
body#main-contents .roots-box .posts-text {
  padding: 0 1em;
}
body#main-contents .roots-box h2 {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 1rem 0 1rem 0.5rem;
  margin: 0;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-box h3 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0 0 0.5em 0.5em;
  margin: 1em 0 0;
  border-bottom: 2px solid #505050;
}
body#main-contents .roots-box h4 {
  border-bottom: 2px solid #fff;
}
body#main-contents .roots-box p {
  font-size: 1em;
  line-height: 1.35em;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  margin-bottom: 1em;
}
body#main-contents .roots-box .nav_contents {
  background-color: transparent;
}
body#main-contents .roots-box .nav_contents ul li {
  padding: 0;
  border: 0;
}
body#main-contents .roots-posts {
  padding-bottom: 3em;
}
body#main-contents .roots-posts .roots-posts-date {
  background-color: rgba(50, 40, 30, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25em 0 0.25em;
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  color: #c6c6c6;
}
body#main-contents .roots-posts .roots-posts-date p {
  margin: 0.5em 0;
}
body#main-contents .roots-posts .roots-posts-date a {
  display: block;
  padding: 0.75em;
  margin: 0.75em 0;
  color: #f0f0f0;
  background-color: rgba(255, 255, 255, 0.1);
}
body#main-contents .roots-posts .roots-posts-date a:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
body#main-contents .roots-posts .roots-posts-one {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25em 0;
  margin-bottom: 2em;
  z-index: 1;
}
body#main-contents .roots-posts h2 {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.5rem 0.5rem;
  margin: 0.25rem 0 0rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-posts h3 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.75rem 0 0.25rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-posts a {
  font-weight: bold;
  text-decoration: underline;
}
body#main-contents .roots-posts .posts-category {
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  padding: 0 0 0.25rem 0.5rem;
  margin-top: 0rem;
  border-left: 5px solid #30B040;
  color: #808080;
  font-weight: normal;
}
body#main-contents .roots-posts .posts-text p {
  font-size: 1em;
  line-height: 1.35em;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  margin-bottom: 1em;
}
body#main-contents .roots-posts .posts-text p img {
  text-align: center;
}
body#main-contents .roots-posts .posts-text a.link-icon:after, body#main-contents .roots-posts .posts-text a > img:after {
  content: "\f196";
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  font-family: "foundation-icons";
  font-size: 3.5em;
  line-height: 1em;
  color: #505050;
  text-shadow: 0px 0px 7px #fff;
}
body#main-contents .roots-posts .posts-text a.link-icon:hover, body#main-contents .roots-posts .posts-text a > img:hover {
  opacity: 0.8;
}
body#main-contents .roots-posts .posts-caption {
  font-size: 0.9em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
body#main-contents .roots-posts .posts-footer p {
  font-size: 0.9em;
  line-height: 1em;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  border-top: 1px solid #303030;
  padding: 1em 0 0;
  margin: 0.75em 0;
  text-align: right;
}
body#main-contents .roots-posts-side .side-container {
  background-color: rgba(170, 160, 150, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-bottom: 2em;
}
body#main-contents .roots-posts-side h2, body#main-contents .roots-posts-side h4 {
  background-color: #32281e;
  padding: 1em;
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  margin: 0;
  font-size: 0.9em;
  line-height: 1em;
  text-shadow: none;
  color: #c6c6c6;
}
body#main-contents .roots-posts-side ul {
  margin: 0;
}
body#main-contents .roots-posts-side ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.1em;
  border-bottom: 1px solid #ccc;
}
body#main-contents .roots-posts-side ul li:last-child {
  border-bottom: none;
}
body#main-contents .roots-posts-side ul li a {
  padding: 0.75em 1em;
  display: block;
  color: #303030;
}
body#main-contents .roots-posts-side ul li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body#main-contents .roots-posts-side ul li a span {
  font-weight: normal;
}
body#main-contents .roots-posts-side .nav_contents {
  background-color: inherit;
}
body#main-contents .roots-posts-side .nav_contents ul {
  margin-bottom: 2em;
}
body#main-contents .roots-posts-side .nav_contents ul li {
  border: 1px solid transparent;
}
body#main-contents .roots-posts-side .nav_contents ul li a {
  padding: 0 0 0.75em;
}
body#main-contents .roots-posts-side .nav_contents ul li a img {
  margin-bottom: 0.75em;
}
body#main-contents .roots-posts-side .nav_contents ul li a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.margin-y-20 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.valign-middle {
  display: table;
}
.valign-middle .columns {
  display: table-cell;
  vertical-align: middle;
}
.valign-middle .columns, .valign-middle > [class*="column"] + [class*="column"]:last-child {
  float: none;
}

.top_caption {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  color: #808080;
  font-size: 1rem;
  line-height: 1.2rem;
}

.main_caption {
  color: #808080;
  margin-top: 0.4rem;
  font-size: 0.8rem;
  line-height: 1.5;
}

.spec_caption {
  color: #808080;
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
  font-size: 0.8rem;
  line-height: 1rem;
}

.attention {
  color: white;
  background-color: #30B040;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.8rem;
  border-radius: 0.6rem;
}

.auto-break {
  display: inline-block;
  white-space: nowrap;
}

h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 1.75rem;
  font-weight: bold;
  margin: 1rem 0;
}
h2 i {
  vertical-align: 1px;
}

.contents h3 {
  font-weight: bold;
  margin-top: 0.5em;
  padding: 0.2em 0.4em;
}
.contents h3.way {
  border-radius: 0;
  margin: 0.5em 0;
  color: white;
  background-color: #808080;
  border-top: 0.2rem double #fff;
  border-bottom: 0.2rem double #fff;
}

.zero {
  margin-bottom: 0;
}

.m-top-zero {
  margin-top: 0;
}

.p-top-zero {
  padding-top: 0;
}

.staff {
  margin-bottom: 0;
  background-color: #FFF6D0;
  line-height: 1.25em;
  padding: 0.5em;
}

.staff2 {
  margin-bottom: 0;
  background-color: #F0E6C0;
  line-height: 1.25em;
  padding: 0.5em;
}

a.link-icon:after {
  content: "\f196";
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  font-family: "foundation-icons";
  font-size: 3.5em;
  line-height: 1em;
  color: #505050;
  text-shadow: 0px 0px 7px #fff;
}
a.link-icon:hover {
  opacity: 0.8;
}

/* a.zoom-in {
	&:after {
		content: "\f219";
		position: absolute;
		bottom: 0.6em;
		right: 0.25em;
		font-family: "foundation-icons";
		font-size: 3em;
		line-height: 1em;
		color: $dark-gray-color;
		text-shadow: 0px 0px 7px #fff;
	}
	&:hover {
		opacity: 0.8;
	}
} */
.cat_color.jyan {
  color: #4BC3EF;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.poro {
  color: #5178F7;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.suta {
  color: #A668D5;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.syoubou {
  color: #F06060;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.gold {
  color: #E5C33C;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.enamel {
  color: #FF9050;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.work {
  color: #40D0B0;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.other {
  color: #82DA5F;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.contents {
  color: #30B040;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cat_color.gray {
  color: #808080;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}

.label.jyan {
  background-color: #4BC3EF;
}
.label.poro {
  background-color: #5178F7;
}
.label.suta {
  background-color: #A668D5;
}
.label.syoubou {
  background-color: #F06060;
}
.label.gold {
  background-color: #E5C33C;
}
.label.enamel {
  background-color: #FF9050;
}
.label.work {
  background-color: #40D0B0;
}
.label.other {
  background-color: #82DA5F;
}
.label.contents {
  background-color: #30B040;
}
.label.gray {
  background-color: #808080;
}

.box {
  background-color: #f2f2f2;
  padding: 1.25rem;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.box2 {
  padding: 0.5rem;
  border: 8px solid #85cfe8;
  border-radius: 1.5rem;
  background-color: #5abee0;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25) inset;
}
.box2 h3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: white;
}

.box3 {
  background-color: #FCFCC0;
  padding: 1.25rem;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}
.box3 p {
  margin-bottom: 0;
}

.kage {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.maru {
  border-radius: 50%;
}

button.gradation, .button.gradation {
  color: #303030;
  background: #e5f0a4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5f0a4 0%, #cfe638 50%, #c1d925 51%, #d9f044 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f0a4), color-stop(50%, #cfe638), color-stop(51%, #c1d925), color-stop(100%, #d9f044));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5f0a4 0%, #cfe638 50%, #c1d925 51%, #d9f044 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5f0a4 0%, #cfe638 50%, #c1d925 51%, #d9f044 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5f0a4 0%, #cfe638 50%, #c1d925 51%, #d9f044 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e5f0a4 0%, #cfe638 50%, #c1d925 51%, #d9f044 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f0a4', endColorstr='#d9f044',GradientType=0 );
  /* IE6-9 */
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  transition: background-color 300ms ease-out 0s;
}
button.gradation:hover, .button.gradation:hover {
  background: #a5f351;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a5f351 0%, #79d80c 50%, #6cbe0e 51%, #83ee08 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5f351), color-stop(50%, #79d80c), color-stop(51%, #6cbe0e), color-stop(100%, #83ee08));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a5f351 0%, #79d80c 50%, #6cbe0e 51%, #83ee08 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a5f351 0%, #79d80c 50%, #6cbe0e 51%, #83ee08 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a5f351 0%, #79d80c 50%, #6cbe0e 51%, #83ee08 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a5f351 0%, #79d80c 50%, #6cbe0e 51%, #83ee08 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f351', endColorstr='#83ee08',GradientType=0 );
  /* IE6-9 */
}

table.respond tr.bold {
  font-weight: bold;
}
table.respond tr.bold td, table.respond tr.bold th {
  font-size: 1rem;
}
table.respond td {
  text-align: right;
}
@media only screen and (max-width: 600px) {
  table.respond thead {
    display: block;
    float: left;
    overflow-x: scroll;
  }
  table.respond th {
    display: block;
    width: auto;
    text-align: center;
  }
  table.respond tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.respond tbody tr {
    display: inline-block;
    margin: 0 -3px;
  }
  table.respond td {
    display: block;
  }
}

.display-flex {
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  flex-wrap: wrap;
}

/* HEADER */
aside.header-bar {
  background-color: #f0f0f0;
}
aside.header-bar p {
  margin: 0;
  padding: 0;
}

header {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #ccc;
}
header.jyan {
  color: #4BC3EF;
}
header.jyan a {
  color: #4BC3EF;
}
header.jyan span.mini {
  font-size: 75%;
}
header.poro {
  color: #5178F7;
}
header.poro a {
  color: #5178F7;
}
header.poro span.mini {
  font-size: 75%;
}
header.suta {
  color: #A668D5;
}
header.suta a {
  color: #A668D5;
}
header.suta span.mini {
  font-size: 75%;
}
header.syoubou {
  color: #F06060;
}
header.syoubou a {
  color: #F06060;
}
header.enamel {
  color: #FF9050;
}
header.enamel a {
  color: #FF9050;
}
header.gold {
  color: #E5C33C;
}
header.gold a {
  color: #E5C33C;
}
header.work {
  color: #40D0B0;
}
header.work a {
  color: #40D0B0;
}
header.other {
  color: #82DA5F;
}
header.other a {
  color: #82DA5F;
}
header.other span.mini {
  font-size: 75%;
}
header.contents {
  color: #30B040;
}
header.contents a {
  color: #30B040;
}
header.contents span.mini {
  font-size: 75%;
}
header h1 {
  line-height: 1;
}
header h1 small {
  font-size: 50%;
}
header h1 span.gray {
  color: #808080;
  font-size: 50%;
}
header h1 span.sub {
  color: #406080;
  font-weight: bold;
}

#vcard {
  background-color: #F3F3F3;
}
#vcard p {
  font-size: 0.9rem;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
}
#vcard .label {
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
#vcard .label.koumoku {
  background-color: #808080;
  color: #F3F3F3;
  font-weight: normal;
  margin-left: 0.2rem;
}
#vcard .label.link1 {
  background-color: #406080;
  color: #FFFFFF;
}
#vcard .label.link1:hover {
  background-color: #517aa2;
}
#vcard .label.link2 {
  background-color: #258831;
  color: #FFFFFF;
}
#vcard .label.link2:hover {
  background-color: #30B040;
}

.top-bar, .contain-to-grid, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-form {
  background: #808080;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}

.top-bar a {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}

.top-bar ul.jyan {
  background-color: #4BC3EF;
}
.top-bar ul.jyan:hover {
  background-color: #7ad3f3;
}
.top-bar ul.poro {
  background-color: #5178F7;
}
.top-bar ul.poro:hover {
  background-color: #829ef9;
}
.top-bar ul.suta {
  background-color: #A668D5;
}
.top-bar ul.suta:hover {
  background-color: #be90e0;
}
.top-bar ul.syoubou {
  background-color: #F06060;
}
.top-bar ul.syoubou:hover {
  background-color: #f48f8f;
}
.top-bar ul.gold {
  background-color: #E5C33C;
}
.top-bar ul.gold:hover {
  background-color: #ebd169;
}
.top-bar ul.enamel {
  background-color: #FF9050;
}
.top-bar ul.enamel:hover {
  background-color: #ffb083;
}
.top-bar ul.work {
  background-color: #40D0B0;
}
.top-bar ul.work:hover {
  background-color: #69dac1;
}
.top-bar ul.other {
  background-color: #82DA5F;
}
.top-bar ul.other:hover {
  background-color: #a2e488;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
  border-right: 1px solid #F3F3F3;
}

.top-bar-section ul li > a.button {
  background: #04b887;
}
.top-bar-section ul li > a.button:hover {
  background: #05eaac;
}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  background: #406080;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
  background: #517aa2;
}

/* ヘッダーの右側高さが足りない場合
#poro {
	div#asks {
		position: relative;
		&>div {
			@media only screen {
				position: relative;
			}
			@media only screen and (min-width: 40.063em) {
				position: absolute;
				bottom: 0;
			}
		}
	}
}*/
/* Drawer */
.drawer-navbar {
  background: rgba(100, 100, 100, 0.2);
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.25);
  border-bottom: none;
}
.drawer-navbar button:hover, .drawer-navbar button:active, .drawer-navbar button:focus {
  background-color: transparent;
}
@media (min-width: 75em) {
  .drawer-navbar .drawer-container {
    max-width: 62.5rem;
  }
}
@media (min-width: 75em) {
  .drawer-navbar .drawer-container {
    max-width: 62.5rem;
  }
}
.drawer-navbar .drawer-container .drawer-navbar-header {
  background: none;
  border-bottom: none;
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand {
  font-size: 1.35rem;
  padding: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  color: white;
}
@media (max-width: 64em) {
  .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand {
    font-size: 1rem;
  }
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand:hover {
  color: white;
}
.drawer-navbar .drawer-container i {
  font-size: 1.5rem;
  vertical-align: -0.2rem;
}
.drawer-navbar .drawer-container .drawer-nav {
  background: none;
}
@media (max-width: 40em) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-caret {
    display: none;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item {
  font-size: 0.95rem;
  font-weight: 700;
  color: white;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  border-right: 1px solid white;
}
@media (max-width: 64em) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item {
    border-right: 0;
    border-bottom: 1px solid white;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:hover, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:active, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:focus {
  text-decoration: none;
  color: white;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active {
  background-color: rgba(100, 100, 100, 0.4);
  color: #cccccc;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:hover, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:active, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:focus {
  background-color: rgba(100, 100, 100, 0.4) !important;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown li:last-child a {
  border-right: 0;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu {
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 40em) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu {
    display: block;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item {
  font-weight: 700;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  color: white;
  text-decoration: none;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu li:last-child a {
  border-bottom: 0;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-phone_number {
  padding: 0.75rem;
  line-height: 3.75rem;
  padding-top: 0;
  padding-bottom: 0;
  color: #30B040;
  font-weight: 700;
  font-size: 1.75rem;
  text-align: center;
}
@media (min-width: 64em) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-phone_number {
    font-size: 2rem;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-phone_number .icon-free-dial {
  vertical-align: top;
  font-size: 1.75rem;
}
@media (min-width: 64em) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-phone_number .icon-free-dial {
    font-size: 2rem;
  }
}

#poro .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #5178F7;
}
@media (max-width: 64em) {
  #poro .drawer-navbar .drawer-container .drawer-nav {
    background-color: #9ab1fa;
  }
}
#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, #poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, #poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #5178F7;
}
#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #9ab1fa;
}
#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #5178F7;
}

/* Swiper */
.under-main_img {
  margin-top: 130%;
}
@media (min-width: 40rem) {
  .under-main_img {
    margin-top: 75%;
  }
}
@media (min-width: 64rem) {
  .under-main_img {
    margin-top: 41%;
  }
}

.swiper-container {
  height: 100%;
  margin-bottom: 2rem;
}
.swiper-container .swiper-slide {
  overflow: visible;
  z-index: 1;
}
.swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}

/* GLOBAL MENU */
#global_menu {
  width: 100%;
  background: #9a9a9a;
}

#global_menu-light {
  width: 100%;
  background: white;
}

#menu-wrap {
  width: 100%;
  box-shadow: 0 1px 4px 0 #404040;
  background: #9a9a9a;
  opacity: 0.9;
}

#menu-wrap-light {
  width: 100%;
  background: white;
  opacity: 0.9;
}

#menu {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu label {
  color: #FFFFFF;
}
@media only screen {
  #menu label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu li:last-child {
  border-right: none;
}
#menu li.now {
  background: #ccc;
}
#menu li.now a:hover {
  background: #ccc;
}
#menu li.no1, #menu li.no1-4 {
  background: #3D9DF2;
}
#menu li.no1 a:hover, #menu li.no1-4 a:hover {
  background: #85c1f7;
}
#menu li.no1.now, #menu li.no1-4.now {
  background: #0d6abc;
}
#menu li.no1.now a:hover, #menu li.no1-4.now a:hover {
  background: #0d6abc;
}
#menu li.no1.now:after, #menu li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0d6abc transparent transparent transparent;
}
#menu li.no1-4.now:after {
  left: 12.5%;
}
#menu li.no2 {
  background: #04D9B2;
}
#menu li.no2 a:hover {
  background: #2efbd6;
}
#menu li.no2.now {
  background: #027560;
}
#menu li.no2.now a:hover {
  background: #027560;
}
#menu li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #027560 transparent transparent transparent;
}
#menu li.no3, #menu li.no2-4 {
  background: #F2BC1B;
}
#menu li.no3 a:hover, #menu li.no2-4 a:hover {
  background: #f6d163;
}
#menu li.no3.now, #menu li.no2-4.now {
  background: #9e7909;
}
#menu li.no3.now a:hover, #menu li.no2-4.now a:hover {
  background: #9e7909;
}
#menu li.no3.now:after, #menu li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #9e7909 transparent transparent transparent;
}
#menu li.no2-4.now:after {
  left: 37.5%;
}
#menu li.no4, #menu li.no3-4 {
  background: #F28705;
}
#menu li.no4 a:hover, #menu li.no3-4 a:hover {
  background: #fbaa48;
}
#menu li.no4.now, #menu li.no3-4.now {
  background: #8e4f03;
}
#menu li.no4.now a:hover, #menu li.no3-4.now a:hover {
  background: #8e4f03;
}
#menu li.no4.now:after, #menu li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #8e4f03 transparent transparent transparent;
}
#menu li.no3-4.now:after {
  left: 62.5%;
}
#menu li.no5, #menu li.no4-4 {
  background: #F22222;
}
#menu li.no5 a:hover, #menu li.no4-4 a:hover {
  background: #f66a6a;
}
#menu li.no5.now, #menu li.no4-4.now {
  background: #a40a0a;
}
#menu li.no5.now a:hover, #menu li.no4-4.now a:hover {
  background: #a40a0a;
}
#menu li.no5.now:after, #menu li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a40a0a transparent transparent transparent;
}
#menu li.no4-4.now:after {
  left: 87.5%;
}
#menu li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li a:hover {
  background: #6f93b7;
}

#menu-jyan {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-jyan label {
  color: #FFFFFF;
}
@media only screen {
  #menu-jyan label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-jyan label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-jyan label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-jyan li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-jyan li i {
  color: #b0e0f0;
}
#menu-jyan li:last-child {
  border-right: none;
}
#menu-jyan li.now {
  background: #ccc;
}
#menu-jyan li.now a:hover {
  background: #ccc;
}
#menu-jyan li.no1, #menu-jyan li.no1-4 {
  background: #4BC3EF;
}
#menu-jyan li.no1 a:hover, #menu-jyan li.no1-4 a:hover {
  background: #91daf5;
}
#menu-jyan li.no1.now, #menu-jyan li.no1-4.now {
  background: #1193c3;
}
#menu-jyan li.no1.now a:hover, #menu-jyan li.no1-4.now a:hover {
  background: #91daf5;
}
#menu-jyan li.no1.now:after, #menu-jyan li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #1193c3 transparent transparent transparent;
}
#menu-jyan li.no1-4.now:after {
  left: 12.5%;
}
#menu-jyan li.no2 {
  background: #4BC3EF;
}
#menu-jyan li.no2 a:hover {
  background: #91daf5;
}
#menu-jyan li.no2.now {
  background: #1193c3;
}
#menu-jyan li.no2.now a:hover {
  background: #91daf5;
}
#menu-jyan li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #1193c3 transparent transparent transparent;
}
#menu-jyan li.no3, #menu-jyan li.no2-4 {
  background: #4BC3EF;
}
#menu-jyan li.no3 a:hover, #menu-jyan li.no2-4 a:hover {
  background: #91daf5;
}
#menu-jyan li.no3.now, #menu-jyan li.no2-4.now {
  background: #1193c3;
}
#menu-jyan li.no3.now a:hover, #menu-jyan li.no2-4.now a:hover {
  background: #91daf5;
}
#menu-jyan li.no3.now:after, #menu-jyan li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #1193c3 transparent transparent transparent;
}
#menu-jyan li.no2-4.now:after {
  left: 37.5%;
}
#menu-jyan li.no4, #menu-jyan li.no3-4 {
  background: #4BC3EF;
}
#menu-jyan li.no4 a:hover, #menu-jyan li.no3-4 a:hover {
  background: #91daf5;
}
#menu-jyan li.no4.now, #menu-jyan li.no3-4.now {
  background: #1193c3;
}
#menu-jyan li.no4.now a:hover, #menu-jyan li.no3-4.now a:hover {
  background: #91daf5;
}
#menu-jyan li.no4.now:after, #menu-jyan li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #1193c3 transparent transparent transparent;
}
#menu-jyan li.no3-4.now:after {
  left: 62.5%;
}
#menu-jyan li.no5, #menu-jyan li.no4-4 {
  background: #4BC3EF;
}
#menu-jyan li.no5 a:hover, #menu-jyan li.no4-4 a:hover {
  background: #91daf5;
}
#menu-jyan li.no5.now, #menu-jyan li.no4-4.now {
  background: #1193c3;
}
#menu-jyan li.no5.now a:hover, #menu-jyan li.no4-4.now a:hover {
  background: #91daf5;
}
#menu-jyan li.no5.now:after, #menu-jyan li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #1193c3 transparent transparent transparent;
}
#menu-jyan li.no4-4.now:after {
  left: 87.5%;
}
#menu-jyan li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-jyan li a:hover {
  background: #91daf5;
}

#menu-poro {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-poro label {
  color: #FFFFFF;
}
@media only screen {
  #menu-poro label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-poro label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-poro label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-poro li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-poro li i {
  color: #b0e0f0;
}
#menu-poro li:last-child {
  border-right: none;
}
#menu-poro li.now {
  background: #ccc;
}
#menu-poro li.now a:hover {
  background: #ccc;
}
#menu-poro li.no1, #menu-poro li.no1-4 {
  background: #5178F7;
}
#menu-poro li.no1 a:hover, #menu-poro li.no1-4 a:hover {
  background: #9ab1fa;
}
#menu-poro li.no1.now, #menu-poro li.no1-4.now {
  background: #0a3ad8;
}
#menu-poro li.no1.now a:hover, #menu-poro li.no1-4.now a:hover {
  background: #9ab1fa;
}
#menu-poro li.no1.now:after, #menu-poro li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0a3ad8 transparent transparent transparent;
}
#menu-poro li.no1-4.now:after {
  left: 12.5%;
}
#menu-poro li.no2 {
  background: #5178F7;
}
#menu-poro li.no2 a:hover {
  background: #9ab1fa;
}
#menu-poro li.no2.now {
  background: #0a3ad8;
}
#menu-poro li.no2.now a:hover {
  background: #9ab1fa;
}
#menu-poro li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0a3ad8 transparent transparent transparent;
}
#menu-poro li.no3, #menu-poro li.no2-4 {
  background: #5178F7;
}
#menu-poro li.no3 a:hover, #menu-poro li.no2-4 a:hover {
  background: #9ab1fa;
}
#menu-poro li.no3.now, #menu-poro li.no2-4.now {
  background: #0a3ad8;
}
#menu-poro li.no3.now a:hover, #menu-poro li.no2-4.now a:hover {
  background: #9ab1fa;
}
#menu-poro li.no3.now:after, #menu-poro li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0a3ad8 transparent transparent transparent;
}
#menu-poro li.no2-4.now:after {
  left: 37.5%;
}
#menu-poro li.no4, #menu-poro li.no3-4 {
  background: #5178F7;
}
#menu-poro li.no4 a:hover, #menu-poro li.no3-4 a:hover {
  background: #9ab1fa;
}
#menu-poro li.no4.now, #menu-poro li.no3-4.now {
  background: #0a3ad8;
}
#menu-poro li.no4.now a:hover, #menu-poro li.no3-4.now a:hover {
  background: #9ab1fa;
}
#menu-poro li.no4.now:after, #menu-poro li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0a3ad8 transparent transparent transparent;
}
#menu-poro li.no3-4.now:after {
  left: 62.5%;
}
#menu-poro li.no5, #menu-poro li.no4-4 {
  background: #5178F7;
}
#menu-poro li.no5 a:hover, #menu-poro li.no4-4 a:hover {
  background: #9ab1fa;
}
#menu-poro li.no5.now, #menu-poro li.no4-4.now {
  background: #0a3ad8;
}
#menu-poro li.no5.now a:hover, #menu-poro li.no4-4.now a:hover {
  background: #9ab1fa;
}
#menu-poro li.no5.now:after, #menu-poro li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #0a3ad8 transparent transparent transparent;
}
#menu-poro li.no4-4.now:after {
  left: 87.5%;
}
#menu-poro li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-poro li a:hover {
  background: #9ab1fa;
}

#menu-suta {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-suta label {
  color: #FFFFFF;
}
@media only screen {
  #menu-suta label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-suta label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-suta label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-suta li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-suta li i {
  color: #fde7e3;
}
#menu-suta li:last-child {
  border-right: none;
}
#menu-suta li.now {
  background: #ccc;
}
#menu-suta li.now a:hover {
  background: #ccc;
}
#menu-suta li.no1, #menu-suta li.no1-4 {
  background: #A668D5;
}
#menu-suta li.no1 a:hover, #menu-suta li.no1-4 a:hover {
  background: #c9a4e6;
}
#menu-suta li.no1.now, #menu-suta li.no1-4.now {
  background: #742fa8;
}
#menu-suta li.no1.now a:hover, #menu-suta li.no1-4.now a:hover {
  background: #c9a4e6;
}
#menu-suta li.no1.now:after, #menu-suta li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #742fa8 transparent transparent transparent;
}
#menu-suta li.no1-4.now:after {
  left: 12.5%;
}
#menu-suta li.no2 {
  background: #A668D5;
}
#menu-suta li.no2 a:hover {
  background: #c9a4e6;
}
#menu-suta li.no2.now {
  background: #742fa8;
}
#menu-suta li.no2.now a:hover {
  background: #c9a4e6;
}
#menu-suta li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #742fa8 transparent transparent transparent;
}
#menu-suta li.no3, #menu-suta li.no2-4 {
  background: #A668D5;
}
#menu-suta li.no3 a:hover, #menu-suta li.no2-4 a:hover {
  background: #c9a4e6;
}
#menu-suta li.no3.now, #menu-suta li.no2-4.now {
  background: #742fa8;
}
#menu-suta li.no3.now a:hover, #menu-suta li.no2-4.now a:hover {
  background: #c9a4e6;
}
#menu-suta li.no3.now:after, #menu-suta li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #742fa8 transparent transparent transparent;
}
#menu-suta li.no2-4.now:after {
  left: 37.5%;
}
#menu-suta li.no4, #menu-suta li.no3-4 {
  background: #A668D5;
}
#menu-suta li.no4 a:hover, #menu-suta li.no3-4 a:hover {
  background: #c9a4e6;
}
#menu-suta li.no4.now, #menu-suta li.no3-4.now {
  background: #742fa8;
}
#menu-suta li.no4.now a:hover, #menu-suta li.no3-4.now a:hover {
  background: #c9a4e6;
}
#menu-suta li.no4.now:after, #menu-suta li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #742fa8 transparent transparent transparent;
}
#menu-suta li.no3-4.now:after {
  left: 62.5%;
}
#menu-suta li.no5, #menu-suta li.no4-4 {
  background: #A668D5;
}
#menu-suta li.no5 a:hover, #menu-suta li.no4-4 a:hover {
  background: #c9a4e6;
}
#menu-suta li.no5.now, #menu-suta li.no4-4.now {
  background: #742fa8;
}
#menu-suta li.no5.now a:hover, #menu-suta li.no4-4.now a:hover {
  background: #c9a4e6;
}
#menu-suta li.no5.now:after, #menu-suta li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #742fa8 transparent transparent transparent;
}
#menu-suta li.no4-4.now:after {
  left: 87.5%;
}
#menu-suta li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-suta li a:hover {
  background: #c9a4e6;
}

#menu-syoubou {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-syoubou label {
  color: #FFFFFF;
}
@media only screen {
  #menu-syoubou label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-syoubou label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-syoubou label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-syoubou li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-syoubou li i {
  color: #fde7e3;
}
#menu-syoubou li:last-child {
  border-right: none;
}
#menu-syoubou li.now {
  background: #ccc;
}
#menu-syoubou li.now a:hover {
  background: #ccc;
}
#menu-syoubou li.no1, #menu-syoubou li.no1-4 {
  background: #F06060;
}
#menu-syoubou li.no1 a:hover, #menu-syoubou li.no1-4 a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no1.now, #menu-syoubou li.no1-4.now {
  background: #d61414;
}
#menu-syoubou li.no1.now a:hover, #menu-syoubou li.no1-4.now a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no1.now:after, #menu-syoubou li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #d61414 transparent transparent transparent;
}
#menu-syoubou li.no1-4.now:after {
  left: 12.5%;
}
#menu-syoubou li.no2 {
  background: #F06060;
}
#menu-syoubou li.no2 a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no2.now {
  background: #d61414;
}
#menu-syoubou li.no2.now a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #d61414 transparent transparent transparent;
}
#menu-syoubou li.no3, #menu-syoubou li.no2-4 {
  background: #F06060;
}
#menu-syoubou li.no3 a:hover, #menu-syoubou li.no2-4 a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no3.now, #menu-syoubou li.no2-4.now {
  background: #d61414;
}
#menu-syoubou li.no3.now a:hover, #menu-syoubou li.no2-4.now a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no3.now:after, #menu-syoubou li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #d61414 transparent transparent transparent;
}
#menu-syoubou li.no2-4.now:after {
  left: 37.5%;
}
#menu-syoubou li.no4, #menu-syoubou li.no3-4 {
  background: #F06060;
}
#menu-syoubou li.no4 a:hover, #menu-syoubou li.no3-4 a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no4.now, #menu-syoubou li.no3-4.now {
  background: #d61414;
}
#menu-syoubou li.no4.now a:hover, #menu-syoubou li.no3-4.now a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no4.now:after, #menu-syoubou li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #d61414 transparent transparent transparent;
}
#menu-syoubou li.no3-4.now:after {
  left: 62.5%;
}
#menu-syoubou li.no5, #menu-syoubou li.no4-4 {
  background: #F06060;
}
#menu-syoubou li.no5 a:hover, #menu-syoubou li.no4-4 a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no5.now, #menu-syoubou li.no4-4.now {
  background: #d61414;
}
#menu-syoubou li.no5.now a:hover, #menu-syoubou li.no4-4.now a:hover {
  background: #f7a6a6;
}
#menu-syoubou li.no5.now:after, #menu-syoubou li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #d61414 transparent transparent transparent;
}
#menu-syoubou li.no4-4.now:after {
  left: 87.5%;
}
#menu-syoubou li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-syoubou li a:hover {
  background: #f7a6a6;
}

#menu-enamel {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-enamel label {
  color: #FFFFFF;
}
@media only screen {
  #menu-enamel label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-enamel label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-enamel label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-enamel li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-enamel li i {
  color: #fde7e3;
}
#menu-enamel li:last-child {
  border-right: none;
}
#menu-enamel li.now {
  background: #ccc;
}
#menu-enamel li.now a:hover {
  background: #ccc;
}
#menu-enamel li.no1, #menu-enamel li.no1-4 {
  background: #FF9050;
}
#menu-enamel li.no1 a:hover, #menu-enamel li.no1-4 a:hover {
  background: #ffc19d;
}
#menu-enamel li.no1.now, #menu-enamel li.no1-4.now {
  background: #e95500;
}
#menu-enamel li.no1.now a:hover, #menu-enamel li.no1-4.now a:hover {
  background: #ffc19d;
}
#menu-enamel li.no1.now:after, #menu-enamel li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #e95500 transparent transparent transparent;
}
#menu-enamel li.no1-4.now:after {
  left: 12.5%;
}
#menu-enamel li.no2 {
  background: #FF9050;
}
#menu-enamel li.no2 a:hover {
  background: #ffc19d;
}
#menu-enamel li.no2.now {
  background: #e95500;
}
#menu-enamel li.no2.now a:hover {
  background: #ffc19d;
}
#menu-enamel li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #e95500 transparent transparent transparent;
}
#menu-enamel li.no3, #menu-enamel li.no2-4 {
  background: #FF9050;
}
#menu-enamel li.no3 a:hover, #menu-enamel li.no2-4 a:hover {
  background: #ffc19d;
}
#menu-enamel li.no3.now, #menu-enamel li.no2-4.now {
  background: #e95500;
}
#menu-enamel li.no3.now a:hover, #menu-enamel li.no2-4.now a:hover {
  background: #ffc19d;
}
#menu-enamel li.no3.now:after, #menu-enamel li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #e95500 transparent transparent transparent;
}
#menu-enamel li.no2-4.now:after {
  left: 37.5%;
}
#menu-enamel li.no4, #menu-enamel li.no3-4 {
  background: #FF9050;
}
#menu-enamel li.no4 a:hover, #menu-enamel li.no3-4 a:hover {
  background: #ffc19d;
}
#menu-enamel li.no4.now, #menu-enamel li.no3-4.now {
  background: #e95500;
}
#menu-enamel li.no4.now a:hover, #menu-enamel li.no3-4.now a:hover {
  background: #ffc19d;
}
#menu-enamel li.no4.now:after, #menu-enamel li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #e95500 transparent transparent transparent;
}
#menu-enamel li.no3-4.now:after {
  left: 62.5%;
}
#menu-enamel li.no5, #menu-enamel li.no4-4 {
  background: #FF9050;
}
#menu-enamel li.no5 a:hover, #menu-enamel li.no4-4 a:hover {
  background: #ffc19d;
}
#menu-enamel li.no5.now, #menu-enamel li.no4-4.now {
  background: #e95500;
}
#menu-enamel li.no5.now a:hover, #menu-enamel li.no4-4.now a:hover {
  background: #ffc19d;
}
#menu-enamel li.no5.now:after, #menu-enamel li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #e95500 transparent transparent transparent;
}
#menu-enamel li.no4-4.now:after {
  left: 87.5%;
}
#menu-enamel li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-enamel li a:hover {
  background: #ffc19d;
}

#menu-gold {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-gold label {
  color: #FFFFFF;
}
@media only screen {
  #menu-gold label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-gold label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-gold label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-gold li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-gold li i {
  color: #fde7e3;
}
#menu-gold li:last-child {
  border-right: none;
}
#menu-gold li.now {
  background: #ccc;
}
#menu-gold li.now a:hover {
  background: #ccc;
}
#menu-gold li.no1, #menu-gold li.no1-4 {
  background: #E5C33C;
}
#menu-gold li.no1 a:hover, #menu-gold li.no1-4 a:hover {
  background: #eed880;
}
#menu-gold li.no1.now, #menu-gold li.no1-4.now {
  background: #a58816;
}
#menu-gold li.no1.now a:hover, #menu-gold li.no1-4.now a:hover {
  background: #eed880;
}
#menu-gold li.no1.now:after, #menu-gold li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a58816 transparent transparent transparent;
}
#menu-gold li.no1-4.now:after {
  left: 12.5%;
}
#menu-gold li.no2 {
  background: #E5C33C;
}
#menu-gold li.no2 a:hover {
  background: #eed880;
}
#menu-gold li.no2.now {
  background: #a58816;
}
#menu-gold li.no2.now a:hover {
  background: #eed880;
}
#menu-gold li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a58816 transparent transparent transparent;
}
#menu-gold li.no3, #menu-gold li.no2-4 {
  background: #E5C33C;
}
#menu-gold li.no3 a:hover, #menu-gold li.no2-4 a:hover {
  background: #eed880;
}
#menu-gold li.no3.now, #menu-gold li.no2-4.now {
  background: #a58816;
}
#menu-gold li.no3.now a:hover, #menu-gold li.no2-4.now a:hover {
  background: #eed880;
}
#menu-gold li.no3.now:after, #menu-gold li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a58816 transparent transparent transparent;
}
#menu-gold li.no2-4.now:after {
  left: 37.5%;
}
#menu-gold li.no4, #menu-gold li.no3-4 {
  background: #E5C33C;
}
#menu-gold li.no4 a:hover, #menu-gold li.no3-4 a:hover {
  background: #eed880;
}
#menu-gold li.no4.now, #menu-gold li.no3-4.now {
  background: #a58816;
}
#menu-gold li.no4.now a:hover, #menu-gold li.no3-4.now a:hover {
  background: #eed880;
}
#menu-gold li.no4.now:after, #menu-gold li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a58816 transparent transparent transparent;
}
#menu-gold li.no3-4.now:after {
  left: 62.5%;
}
#menu-gold li.no5, #menu-gold li.no4-4 {
  background: #E5C33C;
}
#menu-gold li.no5 a:hover, #menu-gold li.no4-4 a:hover {
  background: #eed880;
}
#menu-gold li.no5.now, #menu-gold li.no4-4.now {
  background: #a58816;
}
#menu-gold li.no5.now a:hover, #menu-gold li.no4-4.now a:hover {
  background: #eed880;
}
#menu-gold li.no5.now:after, #menu-gold li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #a58816 transparent transparent transparent;
}
#menu-gold li.no4-4.now:after {
  left: 87.5%;
}
#menu-gold li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-gold li a:hover {
  background: #eed880;
}

#menu-work {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-work label {
  color: #FFFFFF;
}
@media only screen {
  #menu-work label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-work label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-work label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-work li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-work li:last-child {
  border-right: none;
}
#menu-work li.now {
  background: #ccc;
}
#menu-work li.now a:hover {
  background: #ccc;
}
#menu-work li.no1, #menu-work li.no1-4 {
  background: #40D0B0;
}
#menu-work li.no1 a:hover, #menu-work li.no1-4 a:hover {
  background: #7ddfc9;
}
#menu-work li.no1.now, #menu-work li.no1-4.now {
  background: #7ddfc9;
}
#menu-work li.no1.now a:hover, #menu-work li.no1-4.now a:hover {
  background: #7ddfc9;
}
#menu-work li.no1.now:after, #menu-work li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #7ddfc9 transparent transparent transparent;
}
#menu-work li.no1-4.now:after {
  left: 12.5%;
}
#menu-work li.no2 {
  background: #40D0B0;
}
#menu-work li.no2 a:hover {
  background: #7ddfc9;
}
#menu-work li.no2.now {
  background: #7ddfc9;
}
#menu-work li.no2.now a:hover {
  background: #7ddfc9;
}
#menu-work li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #7ddfc9 transparent transparent transparent;
}
#menu-work li.no3, #menu-work li.no2-4 {
  background: #40D0B0;
}
#menu-work li.no3 a:hover, #menu-work li.no2-4 a:hover {
  background: #7ddfc9;
}
#menu-work li.no3.now, #menu-work li.no2-4.now {
  background: #7ddfc9;
}
#menu-work li.no3.now a:hover, #menu-work li.no2-4.now a:hover {
  background: #7ddfc9;
}
#menu-work li.no3.now:after, #menu-work li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #7ddfc9 transparent transparent transparent;
}
#menu-work li.no2-4.now:after {
  left: 37.5%;
}
#menu-work li.no4, #menu-work li.no3-4 {
  background: #40D0B0;
}
#menu-work li.no4 a:hover, #menu-work li.no3-4 a:hover {
  background: #7ddfc9;
}
#menu-work li.no4.now, #menu-work li.no3-4.now {
  background: #7ddfc9;
}
#menu-work li.no4.now a:hover, #menu-work li.no3-4.now a:hover {
  background: #7ddfc9;
}
#menu-work li.no4.now:after, #menu-work li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #7ddfc9 transparent transparent transparent;
}
#menu-work li.no3-4.now:after {
  left: 62.5%;
}
#menu-work li.no5, #menu-work li.no4-4 {
  background: #40D0B0;
}
#menu-work li.no5 a:hover, #menu-work li.no4-4 a:hover {
  background: #7ddfc9;
}
#menu-work li.no5.now, #menu-work li.no4-4.now {
  background: #7ddfc9;
}
#menu-work li.no5.now a:hover, #menu-work li.no4-4.now a:hover {
  background: #7ddfc9;
}
#menu-work li.no5.now:after, #menu-work li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #7ddfc9 transparent transparent transparent;
}
#menu-work li.no4-4.now:after {
  left: 87.5%;
}
#menu-work li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-work li a:hover {
  background: #7ddfc9;
}

#menu-sonota {
  list-style-type: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
  box-sizing: border-box;
}
#menu-sonota label {
  color: #FFFFFF;
}
@media only screen {
  #menu-sonota label {
    font-size: 0.55rem;
    line-height: 0.7rem;
  }
}
@media only screen and (min-width: 40.063em) {
  #menu-sonota label {
    font-size: 0.65rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64.063em) {
  #menu-sonota label {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
#menu-sonota li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ccc;
}
#menu-sonota li i {
  color: #e3f7db;
}
#menu-sonota li:last-child {
  border-right: none;
}
#menu-sonota li.now {
  background: #ccc;
}
#menu-sonota li.now a:hover {
  background: #ccc;
}
#menu-sonota li.no1, #menu-sonota li.no1-4 {
  background: #82DA5F;
}
#menu-sonota li.no1 a:hover, #menu-sonota li.no1-4 a:hover {
  background: #b3e89d;
}
#menu-sonota li.no1.now, #menu-sonota li.no1-4.now {
  background: #4dab28;
}
#menu-sonota li.no1.now a:hover, #menu-sonota li.no1-4.now a:hover {
  background: #b3e89d;
}
#menu-sonota li.no1.now:after, #menu-sonota li.no1-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 10%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #4dab28 transparent transparent transparent;
}
#menu-sonota li.no1-4.now:after {
  left: 12.5%;
}
#menu-sonota li.no2 {
  background: #82DA5F;
}
#menu-sonota li.no2 a:hover {
  background: #b3e89d;
}
#menu-sonota li.no2.now {
  background: #4dab28;
}
#menu-sonota li.no2.now a:hover {
  background: #b3e89d;
}
#menu-sonota li.no2.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 30%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #4dab28 transparent transparent transparent;
}
#menu-sonota li.no3, #menu-sonota li.no2-4 {
  background: #82DA5F;
}
#menu-sonota li.no3 a:hover, #menu-sonota li.no2-4 a:hover {
  background: #b3e89d;
}
#menu-sonota li.no3.now, #menu-sonota li.no2-4.now {
  background: #4dab28;
}
#menu-sonota li.no3.now a:hover, #menu-sonota li.no2-4.now a:hover {
  background: #b3e89d;
}
#menu-sonota li.no3.now:after, #menu-sonota li.no2-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #4dab28 transparent transparent transparent;
}
#menu-sonota li.no2-4.now:after {
  left: 37.5%;
}
#menu-sonota li.no4, #menu-sonota li.no3-4 {
  background: #82DA5F;
}
#menu-sonota li.no4 a:hover, #menu-sonota li.no3-4 a:hover {
  background: #b3e89d;
}
#menu-sonota li.no4.now, #menu-sonota li.no3-4.now {
  background: #4dab28;
}
#menu-sonota li.no4.now a:hover, #menu-sonota li.no3-4.now a:hover {
  background: #b3e89d;
}
#menu-sonota li.no4.now:after, #menu-sonota li.no3-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 70%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #4dab28 transparent transparent transparent;
}
#menu-sonota li.no3-4.now:after {
  left: 62.5%;
}
#menu-sonota li.no5, #menu-sonota li.no4-4 {
  background: #82DA5F;
}
#menu-sonota li.no5 a:hover, #menu-sonota li.no4-4 a:hover {
  background: #b3e89d;
}
#menu-sonota li.no5.now, #menu-sonota li.no4-4.now {
  background: #4dab28;
}
#menu-sonota li.no5.now a:hover, #menu-sonota li.no4-4.now a:hover {
  background: #b3e89d;
}
#menu-sonota li.no5.now:after, #menu-sonota li.no4-4.now:after {
  content: "";
  position: absolute;
  bottom: -0.75em;
  left: 90%;
  margin-left: -0.75em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: #4dab28 transparent transparent transparent;
}
#menu-sonota li.no4-4.now:after {
  left: 87.5%;
}
#menu-sonota li a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-sonota li a:hover {
  background: #b3e89d;
}

.button-group a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

/* BODY - main image */
#main_image, #main_image2, #main_image3, #main_image4 {
  background-color: #F3F3F3;
}
#main_image h2.product, #main_image2 h2.product, #main_image3 h2.product, #main_image4 h2.product {
  font-family: inherit;
}
#main_image p, #main_image2 p, #main_image3 p, #main_image4 p {
  line-height: 1rem !important;
}
#main_image div.sales-point, #main_image2 div.sales-point, #main_image3 div.sales-point, #main_image4 div.sales-point {
  padding: 0.75rem;
  font-size: 2rem;
  background-color: white;
  line-height: 2rem;
  display: inline-block;
}
#main_image span.other-items, #main_image2 span.other-items, #main_image3 span.other-items, #main_image4 span.other-items {
  font-size: 0.9rem;
}

#main_img {
  position: absolute;
  top: 0;
  margin: 0 auto;
}

.main_img-box {
  position: relative;
  margin-bottom: 2rem;
}
.main_img-box .main_catch-box {
  position: absolute;
  margin: 0 auto;
  top: 36%;
  width: 100%;
}
@media (min-width: 40em) {
  .main_img-box .main_catch-box {
    top: 35%;
  }
}
@media (min-width: 64em) {
  .main_img-box .main_catch-box {
    top: 30%;
  }
}
.main_img-box .main_catch-box .main_catch {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.05);
}
@media (min-width: 40em) {
  .main_img-box .main_catch-box .main_catch {
    padding: 1rem;
  }
}
.main_img-box .main_catch-box .main_catch h1 {
  color: white;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 1rem;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.9);
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: center;
}
@media (min-width: 40em) {
  .main_img-box .main_catch-box .main_catch h1 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 64em) {
  .main_img-box .main_catch-box .main_catch h1 {
    text-align: left;
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.main_img-box .main_catch-box .main_catch .sub_catch {
  color: #f0f0f0;
  font-weight: bold;
  line-height: 1.4rem;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.9);
  margin-bottom: 0;
}

/* BODY - main contents */
.body {
  background-color: #FFFFFF;
}

span.red {
  color: #F04124;
}
span.chip {
  font-weight: bold;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 0.5em;
  margin: 0 0.25em;
  display: inline-block;
}

.sub-nav a:before {
  content: '\71';
  font-family: "fontello";
  margin-right: 0.3rem;
}

article h4 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 0.5rem;
}
article p {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
article .price h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 1.5rem;
  color: #808080;
}
article .price .subscription {
  margin: 0.5rem 0 0;
}
article .price .subscription p {
  margin-bottom: 0.2rem;
  line-height: 1rem;
}
article .price table {
  width: 100%;
}
article .price table thead td, article .price table tfoot td {
  font-weight: normal;
}
article .price table tbody td {
  font-size: 105%;
  font-weight: bold;
  color: #F04124;
}
article .price table th {
  color: #808080;
}
article i.small {
  font-size: 1.7rem;
}
article i.gray {
  color: #808080;
}
article i.black {
  color: #303030;
}
article i.green {
  color: #38A91B;
}

.futo {
  border: outset;
}

.jirei {
  border-top: 0.15rem solid;
  padding-top: 0.5rem;
}

.case h3 {
  color: #406080;
  border-left: 0.35rem solid #406080;
  font-size: 1.4rem;
  line-height: 2rem;
  padding-left: 0.5rem;
  margin-top: 1rem;
}
.case .sub h3 {
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.kakomi {
  border-radius: 0.5em;
  border: 4px solid #b0e0f0;
  margin-bottom: 1em;
}
.kakomi .title {
  background-color: #b0e0f0;
  margin: 0 0 1em;
}
.kakomi .title > div {
  display: table;
}
.kakomi .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
.kakomi .title h3 {
  background-color: #b0e0f0;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
.kakomi .text {
  margin: 0.5em;
}
.kakomi .text span {
  font-weight: bold;
  color: #F04124;
}

.google-maps {
  position: relative;
  padding-bottom: 86.25%;
  padding-top: 30px;
  margin-bottom: 0.5em;
  height: 0;
  overflow: hidden;
}
.google-maps iframe, .google-maps object, .google-maps embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sample-cell {
  background-color: #85cfe8;
}

#jyan .kakomi-jyan {
  border-radius: 0.5em;
  border: 4px solid #4BC3EF;
  margin-bottom: 1em;
}
#jyan .kakomi-jyan .title {
  background-color: #4BC3EF;
  margin: 0 0 1em;
}
#jyan .kakomi-jyan .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#jyan .kakomi-jyan .title h3 {
  background-color: #4BC3EF;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#jyan .kakomi-jyan .text {
  margin: 0.5em;
}
#jyan .kakomi-jyan .text span {
  font-weight: bold;
  color: #F04124;
}
#jyan .kakomi-jyan2 {
  border-radius: 0.5em;
  border: 4px solid #0d7094;
  margin-bottom: 1em;
}
#jyan .kakomi-jyan2 .title {
  background-color: #0d7094;
  margin: 0 0 1em;
}
#jyan .kakomi-jyan2 .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#jyan .kakomi-jyan2 .title h3 {
  background-color: #0d7094;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#jyan .kakomi-jyan2 .text {
  margin: 0.5em;
}
#jyan .kakomi-jyan2 .text span {
  font-weight: bold;
  color: #F04124;
}
#jyan .jirei_cap {
  color: #4BC3EF;
  font-weight: bold;
}
#jyan .button-group.radius a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background: #4BC3EF;
}
#jyan .button-group.radius a:hover {
  background: #91daf5;
}
#jyan .button-group.radius a.now {
  background: #1193c3;
}

#poro .kakomi-poro {
  border-radius: 0.5em;
  border: 4px solid #5178F7;
  margin-bottom: 1em;
}
#poro .kakomi-poro .title {
  background-color: #5178F7;
  margin: 0 0 1em;
}
#poro .kakomi-poro .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#poro .kakomi-poro .title h3 {
  background-color: #5178F7;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#poro .kakomi-poro .text {
  margin: 0.5em;
}
#poro .kakomi-poro .text span {
  font-weight: bold;
  color: #5178F7;
}
#poro .kakomi-poro2 {
  border-radius: 0.5em;
  border: 4px solid #07278f;
  margin-bottom: 1em;
}
#poro .kakomi-poro2 .title {
  background-color: #07278f;
  margin: 0 0 1em;
}
#poro .kakomi-poro2 .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#poro .kakomi-poro2 .title h3 {
  background-color: #07278f;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#poro .kakomi-poro2 .text {
  margin: 0.5em;
}
#poro .kakomi-poro2 .text span {
  font-weight: bold;
  color: #07278f;
}
#poro .jirei_cap {
  color: #5178F7;
  font-weight: bold;
}

#suta .button-group.radius a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background: #A668D5;
}
#suta .button-group.radius a:hover {
  background: #c9a4e6;
}
#suta .button-group.radius a.now {
  background: #742fa8;
}

#syoubou .jirei_cap {
  color: #F06060;
  font-weight: bold;
}

#gold .jirei_cap {
  color: #E5C33C;
  font-weight: bold;
}

#work .kakomi-work {
  border-radius: 0.5em;
  border: 4px solid #40D0B0;
  margin-bottom: 1em;
}
#work .kakomi-work .title {
  background-color: #40D0B0;
  margin: 0 0 1em;
}
#work .kakomi-work .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#work .kakomi-work .title h3 {
  background-color: #40D0B0;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#work .kakomi-work .text {
  margin: 0.5em;
}
#work .kakomi-work .text span {
  font-weight: bold;
  color: #40D0B0;
}
#work .kakomi-work h4 {
  font-size: 1.2rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-color: #40D0B0;
}
#work .kakomi-work2 {
  border-radius: 0.5em;
  border: 4px solid #228872;
  margin-bottom: 1em;
}
#work .kakomi-work2 .title {
  background-color: #228872;
  margin: 0 0 1em;
}
#work .kakomi-work2 .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#work .kakomi-work2 .title h3 {
  background-color: #228872;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#work .kakomi-work2 .text {
  margin: 0.5em;
}
#work .kakomi-work2 .text span {
  font-weight: bold;
  color: #228872;
}
#work .kakomi-work2 h4 {
  font-size: 1.2rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-color: #228872;
}
#work .sample-kit {
  margin: 1rem 0 0;
  padding: 0 1rem 2rem;
  background-color: white;
  border-radius: 0.5rem;
}
#work .sample-kit h3 {
  text-align: center;
  font-size: 1.25rem;
}
#work .jirei_cap {
  color: #40D0B0;
  font-weight: bold;
}
#work .button-group.radius a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background: #40D0B0;
}
#work .button-group.radius a:hover {
  background: #92e4d2;
}
#work .button-group.radius a.now {
  background: #7ddfc9;
}

#other .kakomi-other {
  border-radius: 0.5em;
  border: 4px solid #82DA5F;
  margin-bottom: 1em;
}
#other .kakomi-other .title {
  background-color: #82DA5F;
  margin: 0 0 1em;
}
#other .kakomi-other .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#other .kakomi-other .title h3 {
  background-color: #82DA5F;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#other .kakomi-other .text {
  margin: 0.5em;
}
#other .kakomi-other .text span {
  font-weight: bold;
  color: #F04124;
}
#other .kakomi-other2 {
  border-radius: 0.5em;
  border: 4px solid #316d19;
  margin-bottom: 1em;
}
#other .kakomi-other2 .title {
  background-color: #316d19;
  margin: 0 0 1em;
}
#other .kakomi-other2 .title img {
  border-radius: 50%;
  margin: 0.25em 0;
  display: table-cell;
  vertical-align: middle;
}
#other .kakomi-other2 .title h3 {
  background-color: #316d19;
  color: white;
  border-radius: 0;
  margin: 0.25em 0;
  padding: initial;
  vertical-align: middle;
}
#other .kakomi-other2 .text {
  margin: 0.5em;
}
#other .kakomi-other2 .text span {
  font-weight: bold;
  color: #F04124;
}
#other .jirei_cap {
  color: #82DA5F;
  font-weight: bold;
}
#other .button-group.radius a {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background: #82DA5F;
}
#other .button-group.radius a:hover {
  background: #b3e89d;
}
#other .button-group.radius a.now {
  background: #4dab28;
}

.contents caption {
  background-color: #808080;
  color: #fff;
  padding: 0.5em;
}
.contents .hyo th {
  text-align: center;
}
.contents .hyo td {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.contents .hyo td:first-child {
  text-align: right;
  font-size: inherit;
  font-weight: normal;
}

.points {
  list-style: none;
  margin-left: 0;
}
.points li {
  background-color: #e8f6fb;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  margin-bottom: 0.25em;
  font-size: 0.95em;
  line-height: 1.25em;
}
.points span {
  font-weight: bold;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 0.5em;
  margin: 0 0.25em;
  display: inline-block;
}

.points2 {
  margin-top: 1.5em;
}
.points2 ul {
  list-style: none;
  margin-bottom: 0;
  font-size: 0;
  text-align: right;
}
.points2 ul li {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0.1em;
  padding: 0.1em 0.5em;
  border-radius: 0.25em;
  background-color: #b0e0f0;
}
@media only screen and (max-width: 40.063em) {
  .points2 ul li {
    font-size: 1rem;
  }
}
.points2 ul li.non {
  background-color: inherit;
}

.pricing-table .title {
  font-size: 0.9rem;
}
.pricing-table .price {
  font-size: 1.1rem;
}

.pricing-table_roots {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 1.25rem;
  list-style: none;
  line-height: 1;
}
.pricing-table_roots li {
  line-height: 1.25em !important;
}
.pricing-table_roots .title {
  background-color: #bb260d;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #eee;
  font-weight: normal;
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
@media only screen and (max-width: 40.063em) {
  .pricing-table_roots .title {
    font-size: 1.2rem;
  }
}
.pricing-table_roots .price {
  background-color: #fde7e3;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #F04124;
  font-weight: bold;
  font-size: 3rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
@media only screen and (max-width: 40.063em) {
  .pricing-table_roots .price {
    font-size: 1.5rem;
  }
}

.icon-mega {
  font-size: 3rem;
  color: #bb260d;
}

.product {
  font-size: 3.5em;
  line-height: 1em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 40.063em) {
  .product {
    font-size: 2.5em;
  }
}
.product span {
  font-size: 0.35em;
  line-height: 0.5em;
  padding: 0.1em 0.25em;
  border-radius: 0.25em;
  color: white;
  background-color: #808080;
}

.product-copy {
  color: #4BC3EF;
  font-size: 1.4rem;
}

.product-list {
  color: #303030;
  list-style-type: none;
  display: block;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.5em;
}
.product-list li {
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  border-bottom: 1px dotted #b3b3b3;
}
.product-list li:before {
  content: "★";
  display: block;
  float: left;
  margin-left: -1.15em;
  width: 1.15em;
  color: #4BC3EF;
  text-align: center;
}
.product-list li:last-child {
  border-bottom: none;
}

.product-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.25em;
  font-size: 0.8em;
  line-height: 1.5em;
  text-align: center;
}
.product-container a {
  color: #505050;
  display: block;
  line-height: 1.5em;
}

.cards-title .standard {
  background-color: #b0e0f0;
  border-radius: 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  margin-left: 0.25em;
  height: 100%;
}
.cards-title .standard h3 {
  margin: 0;
  padding: 0.5em;
  border-bottom: 2px solid white;
  border-radius: 0.5em 0.5em 0 0;
}
.cards-title .standard p {
  padding: 1em;
}
.cards-title .extra {
  background-color: #9dcdf8;
  border-radius: 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  margin-left: 0.25em;
  height: 100%;
}
.cards-title .extra h3 {
  margin: 0;
  padding: 0.5em;
  border-bottom: 2px solid white;
  border-radius: 0.5em 0.5em 0 0;
}
.cards-title .extra p {
  padding: 1em;
}

.cards {
  list-style: none;
  background-color: #e8f6fb;
  border-radius: 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  margin-left: 0.25em;
}
.cards li {
  padding: 0.5em 1em;
  display: block;
}
.cards li a {
  display: inline-block;
}
.cards li ul li {
  padding: 0 0.1rem !important;
}
.cards li:first-child {
  /* background-color: $kakomi-color;
  font-weight: bold; */
  text-align: center;
  /* border-bottom: 3px double white; */
  border-radius: 0.5em 0.5em 0 0;
}
.cards li:last-child {
  padding-top: 0;
  padding-bottom: 1em;
}
.cards span {
  font-weight: bold;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 0.5em;
  margin: 0 0.25em;
  display: inline-block;
}
.cards span.items {
  font-size: 0.8rem;
  border-radius: 0.1rem;
  line-height: 1.2rem;
  background-color: #b0e0f0;
  margin: 0 0 0.25rem;
  padding: 0.25rem 0.4rem;
  font-weight: normal;
}
.cards span.notice {
  font-size: 0.8rem;
  border-radius: 0.1rem;
  line-height: 1.2rem;
  background-color: #dbf1f8;
  margin: 0 0 0.25rem;
  padding: 0.25rem 0.4rem;
  font-weight: normal;
}
.cards.extra {
  background-color: #e4f2fd;
}

#poro .cards2 {
  background: #5178F7;
}

.cards2 {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
.cards2 img, .cards2 p.item_copy {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.cards2:hover {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.6);
}
.cards2:hover img {
  opacity: 0.6;
}
.cards2:hover p.item_copy {
  background-color: rgba(255, 255, 255, 0.6);
}
.cards2 .item_info {
  position: absolute;
  top: 0.75rem;
}
.cards2 .item_info .item_name {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.9rem;
  display: inline-block;
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 40.063em) {
  .cards2 .item_info .item_name {
    font-size: 1.4rem;
  }
}
.cards2 .item_info .item_price {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000050;
  text-shadow: 0 0 5px white;
}
.cards2 .item_copy {
  line-height: 1.25rem;
  color: #404040;
  background-color: #f0f0f0;
  margin: 0;
  padding: 0.75rem;
}

.aside_flow {
  margin-bottom: 2rem;
  padding: 1rem 0;
  background-color: #f0f0f0;
}

.cards2, .flow-cards2 {
  margin: 0.15rem;
  position: relative;
  display: inline-block;
}
.cards2 span, .flow-cards2 span {
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  font-size: 0.8rem;
}
.cards2 .photo_info, .flow-cards2 .photo_info {
  position: absolute;
  top: 0;
}
.cards2 .photo_info .photo_label, .flow-cards2 .photo_info .photo_label {
  display: inline-block;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 1.1rem;
  border-radius: 0 0rem 2rem 0;
}
@media (min-width: 40em) {
  .cards2 .photo_info .photo_label, .flow-cards2 .photo_info .photo_label {
    font-size: 1.3rem;
  }
}
@media (min-width: 64em) {
  .cards2 .photo_info .photo_label, .flow-cards2 .photo_info .photo_label {
    font-size: 1.4rem;
  }
}
.cards2 .photo_copy, .flow-cards2 .photo_copy {
  line-height: 1.25rem;
  color: #404040;
  background-color: white;
  margin: 0;
  padding: 0.75rem;
  border-top: 1px solid #f0f0f0;
}

.sub-menu {
  margin-bottom: 1rem;
}
.sub-menu li {
  margin: 0;
  display: inline-block;
}
.sub-menu li .button {
  border-bottom: 1px solid;
  display: block;
  margin-bottom: 0;
  padding: 1rem 0;
}
.sub-menu li a {
  font-size: 1em;
}
.sub-menu.button-group a {
  text-align: left;
  padding-left: 1rem;
}

.accordion dd > a {
  padding: 0.5em;
  font-size: 0.9em;
  background-color: #e3f4fa;
  border-bottom: 1px solid;
  border-color: white;
  border-left: 4px solid #b0e0f0;
}
.accordion dd > a:hover {
  background-color: #b0e0f0;
}
.accordion dd div.content {
  padding: 0.5em;
  font-size: 0.9em;
}
.accordion dd div.content.active {
  background-color: #f9f9f9;
}

.js-lazy-image.is-ready {
  opacity: 0;
}

.js-lazy-image.is-loaded {
  opacity: 1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

/* ORDER FLOW */
.flow .numbers {
  margin: 0 0 2rem;
}

img.all_radius {
  border-radius: 0.5rem;
}

img.under_radius {
  border-radius: 0 0 0.5rem 0.5rem;
}

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

.kei {
  border: 4px solid #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out 0s;
}

i {
  font-size: 2rem;
  vertical-align: -0.3rem;
}

button.flow, .button.flow {
  background-color: #04b887;
  border-color: #28fac1;
  color: white;
}
button.flow i, .button.flow i {
  color: #9CFF00;
}

button.flow:hover, button.flow:focus, .button.flow:hover, .button.flow:focus {
  background-color: #5afbcf;
}
button.flow:hover i, button.flow:focus i, .button.flow:hover i, .button.flow:focus i {
  color: #7dcc00;
}

button.flow:hover, button.flow:focus, .button.flow:hover, .button.flow:focus {
  color: white;
}

/* COMMENT */
.comments, .comments-jyan, .comments-poro, .comments-suta, .comments-syoubou, .comments-enamel, .comments-gold, .comments-work, .comments-other, .comments-staff {
  position: relative;
  display: inline-block;
  padding: 9px;
  margin-bottom: -8px;
  margin-left: 8px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.comments:before, .comments-jyan:before, .comments-poro:before, .comments-suta:before, .comments-syoubou:before, .comments-enamel:before, .comments-gold:before, .comments-work:before, .comments-other:before, .comments-staff:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 13px transparent solid;
  border-right-width: 0;
  position: absolute;
  top: 25px;
  left: 15px;
  transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
}

.comments-jyan {
  background-color: #4BC3EF;
}
.comments-jyan:before {
  border-left-color: #4BC3EF;
}

.comments-poro {
  background-color: #5178F7;
}
.comments-poro:before {
  border-left-color: #5178F7;
}

.comments-suta {
  background-color: #A668D5;
}
.comments-suta:before {
  border-left-color: #A668D5;
}

.comments-syoubou {
  background-color: #F06060;
}
.comments-syoubou:before {
  border-left-color: #F06060;
}

.comments-enamel {
  background-color: #FF9050;
}
.comments-enamel:before {
  border-left-color: #FF9050;
}

.comments-gold {
  background-color: #E5C33C;
}
.comments-gold:before {
  border-left-color: #E5C33C;
}

.comments-work {
  background-color: #40D0B0;
}
.comments-work:before {
  border-left-color: #40D0B0;
}

.comments-other {
  background-color: #82DA5F;
}
.comments-other:before {
  border-left-color: #82DA5F;
}

.comments-staff {
  background-color: #406080;
}
.comments-staff:before {
  border-left-color: #406080;
}

#jyan .panel, #poro .panel, #suta .panel, #syoubou .panel, #enamel .panel, #gold .panel, #work .panel, #other .panel {
  border-radius: 0.5em;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.panel h3 {
  color: #CC0000;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: white;
  border-radius: 0.5em;
  margin: 0.5em 0;
  padding: 0.2em 0.4em;
}
.panel.jyan {
  background-color: #d8f2fb;
}
.panel.jyan h3 {
  color: #4BC3EF;
}
.panel.poro {
  background-color: #e3e9fe;
}
.panel.poro h3 {
  color: #5178F7;
}
.panel.suta {
  background-color: #ede0f6;
}
.panel.suta h3 {
  color: #A668D5;
}
.panel.syoubou {
  background-color: #fbd5d5;
}
.panel.syoubou h3 {
  color: #F06060;
}
.panel.enamel {
  background-color: #fff1e9;
}
.panel.enamel h3 {
  color: #FF9050;
}
.panel.gold {
  background-color: #f7edc3;
}
.panel.gold h3 {
  color: #E5C33C;
}
.panel.work {
  background-color: #ecfaf7;
}
.panel.work h3 {
  color: #40D0B0;
}
.panel.other {
  background-color: #e3f7db;
}
.panel.other h3 {
  color: #82DA5F;
}

.price-table {
  border-top: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  border-left: none;
  width: 100%;
}
.price-table caption {
  background-color: white;
  padding: 0 0 0.5rem 0;
  text-align: left;
  font-size: 0.8rem;
  color: inherit;
}
.price-table caption:before {
  content: '●';
  margin-right: 0.25rem;
}
.price-table .products td {
  font-weight: bold;
  font-size: 1rem;
}
.price-table .products td:nth-child(2) {
  text-align: right;
}
.price-table .options td:nth-child(2) {
  text-align: right;
}
.price-table .total td {
  text-align: center;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
  background-color: white;
}
.price-table .total td span {
  font-weight: bold;
  color: red;
}
.price-table tfoot td {
  color: #999;
  background-color: white;
  font-weight: normal !important;
  font-size: 0.8rem !important;
  padding: 0.5rem 0 0 0;
}

/* CONTENTS MENU */
.nav_contents {
  background-color: #F3F3F3;
}
.nav_contents .items {
  color: #FFFFFF;
  text-align: center;
  border-right: 0.1rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  border-left: 0.1rem solid #FFFFFF;
}
.nav_contents h2 {
  color: #303030;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  margin: 1rem 0 0;
  border-bottom: 0.2rem solid #808080;
}
.nav_contents a {
  color: #FFFFFF;
  font-size: 0.7rem;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  padding: 0 0 1rem 0;
  width: 100%;
  height: 100% !important;
  transition: background-color 300ms ease-out 0s;
}
.nav_contents a img {
  margin-bottom: 1rem;
}
.nav_contents a.jyan {
  display: inline-block;
  background-color: #4BC3EF;
}
.nav_contents a.jyan:hover {
  background-color: #7ad3f3;
}
.nav_contents a.shirt {
  display: inline-block;
  background-color: #968060;
}
.nav_contents a.shirt:hover {
  background-color: #ac997d;
}
.nav_contents a.poro {
  display: inline-block;
  background-color: #5178F7;
}
.nav_contents a.poro:hover {
  background-color: #829ef9;
}
.nav_contents a.hoodie {
  display: inline-block;
  background-color: #7067e3;
}
.nav_contents a.hoodie:hover {
  background-color: #9992eb;
}
.nav_contents a.suta {
  display: inline-block;
  background-color: #A668D5;
}
.nav_contents a.suta:hover {
  background-color: #be90e0;
}
.nav_contents a.syoubou {
  display: inline-block;
  background-color: #F06060;
}
.nav_contents a.syoubou:hover {
  background-color: #f48f8f;
}
.nav_contents a.enamel {
  display: inline-block;
  background-color: #FF9050;
}
.nav_contents a.enamel:hover {
  background-color: #ffb083;
}
.nav_contents a.gold {
  display: inline-block;
  background-color: #E5C33C;
}
.nav_contents a.gold:hover {
  background-color: #ebd169;
}
.nav_contents a.work {
  display: inline-block;
  background-color: #69dac1;
}
.nav_contents a.work:hover {
  background-color: #92e4d2;
}
.nav_contents a.color {
  display: inline-block;
  background-color: #f59eca;
}
.nav_contents a.color:hover {
  background-color: #facce3;
}
.nav_contents a.other {
  display: inline-block;
  background-color: #82DA5F;
}
.nav_contents a.other:hover {
  background-color: #a2e488;
}
.nav_contents a.conetnts {
  display: inline-block;
  background-color: #30B040;
}
.nav_contents a.conetnts:hover {
  background-color: #46cd57;
}
.nav_contents li {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
  color: #FFFFFF;
  text-align: center;
  border-right: 0.1rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  border-left: 0.1rem solid #FFFFFF;
  font-size: 0.8em;
  line-height: 1em;
}

/* NAVIGATION */
.nav_under h3 {
  color: #303030;
  font-weight: bold;
  font-size: 1.2rem;
  border-bottom: 1px solid;
}
.nav_under a {
  color: #FFFFFF;
  text-decoration: underline;
}
.nav_under a:hover {
  text-decoration: none;
}
.nav_under .now {
  color: #303030;
  font-weight: bold;
}
.nav_under .now:before {
  content: '\00f10b';
  font-family: "foundation-icons";
  margin-right: 0.3rem;
}
.nav_under ul {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.nav_under li {
  line-height: 1.8rem;
}
@media only screen and (max-width: 40.063em) {
  .nav_under li:first-child {
    border-top: 1px solid #FFFFFF;
  }
  .nav_under li a {
    color: #303030;
    display: block;
    padding: 0.8rem;
    background-color: #dedede;
    border-bottom: 1px solid #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nav_under li a:hover {
    color: #303030;
    font-weight: bold;
  }
}
.nav_under.jyan {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #4BC3EF;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.jyan li a {
    background-color: #70cff2;
  }
  .nav_under.jyan li a:hover {
    background-color: #1cb3eb;
  }
}
.nav_under.poro {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #5178F7;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.poro li a {
    background-color: #7896f9;
  }
  .nav_under.poro li a:hover {
    background-color: #2052f5;
  }
}
.nav_under.suta {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #A668D5;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.suta li a {
    background-color: #b988de;
  }
  .nav_under.suta li a:hover {
    background-color: #8e40ca;
  }
}
.nav_under.syoubou {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #F06060;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.syoubou li a {
    background-color: #f48585;
  }
  .nav_under.syoubou li a:hover {
    background-color: #ec3131;
  }
}
.nav_under.enamel {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #FF9050;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.enamel li a {
    background-color: #ffaa79;
  }
  .nav_under.enamel li a:hover {
    background-color: #ff701d;
  }
}
.nav_under.gold {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #E5C33C;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.gold li a {
    background-color: #eace60;
  }
  .nav_under.gold li a:hover {
    background-color: #d2ad1c;
  }
}
.nav_under.work {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #40D0B0;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.work li a {
    background-color: #61d8be;
  }
  .nav_under.work li a:hover {
    background-color: #92e4d2;
  }
}
.nav_under.color {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #F070B0;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.color li a {
    background-color: #f495c4;
  }
  .nav_under.color li a:hover {
    background-color: #facce3;
  }
}
.nav_under.other {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #82DA5F;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.other li a {
    background-color: #9ce280;
  }
  .nav_under.other li a:hover {
    background-color: #62d036;
  }
}
.nav_under.contents {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #30B040;
}
@media only screen and (max-width: 40.063em) {
  .nav_under.contents li a {
    background-color: #3eca50;
  }
  .nav_under.contents li a:hover {
    background-color: #258831;
  }
}

/* FOOTER */
footer.jyan {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #4BC3EF;
}
footer.poro {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #5178F7;
}
footer.suta {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #A668D5;
}
footer.syoubou {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #F06060;
}
footer.enamel {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #FF9050;
}
footer.gold {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #E5C33C;
}
footer.work {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #40D0B0;
}
footer.color {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #F070B0;
}
footer.other {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #82DA5F;
}
footer.contents {
  background-color: #FFFFFF;
  border-bottom: 0.2rem solid #30B040;
}