@charset "UTF-8";

/* ------------------
under
------------------ */

.under_mv {
  width: 1480px;
  height: 450px;
  margin: 0 auto 20px;
}

.under_mtit {
  color: #444;
  font-size: 240%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.under_mtit span {
  color: #358f58;
}

.under_mtit:before,
.under_mtit:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}

.under_mtit:before {
  margin-right: 0.4em;
}

.under_mtit:after {
  margin-left: 0.4em;
}

.dif_txt {
  margin-bottom: 55px;
}

.dif_txt p {
  margin-bottom: 25px;
}

.sing_img {
  margin-bottom: 30px;
}

.nit_tit {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 5px solid #cc0001;
}

.green_tit {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 5px solid #6d9f50;
}

.base_rl {
  padding: 15px;
  color: #fff;
  background: #c42922;
  font-size: 130%;
  display: inline-block;
  letter-spacing: 2px;
  font-weight: bold;
  position: relative;
  margin-bottom: 25px;
}

.base_rl:after {
  border: 10px solid transparent;
  border-top-color: #c42922;
  border-bottom-width: 0;
  bottom: -10px;
  content: "";
  display: block;
  left: 42%;
  position: absolute;
  width: 0;
}

/* ------------------
gift
------------------ */

.gift_mv {
  background: url(../img/gift_mv.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gift_in {
  width: 1120px;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.gift_in dt {
  font-size: 130%;
  margin-bottom: 20px;
}

.gift_in dd {
  font-size: 240%;
  line-height: 150%;
  font-weight: bold;
}

.numes {
  color: #ece486;
  font-weight: bold;
  font-size: 200%;
  line-height: 150%;
  margin-bottom: 30px;
}

.lidt {
  font-size: 130%;
  line-height: 150%;
  text-align: center;
}

.g_fif {
  text-align: center;
  font-size: 130%;
  margin: 20px 0;
}

.g_fif span {
  font-size: 170%;
  font-weight: bold;
}

.un_fax a {
  display: block;
  background: #6d9f50;
  padding: 15px;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.un_fax a:hover {
  background: #507f34;
}

.chk_cir {
  background: url(../img/gift_seane.jpg) no-repeat center center;
  background-size: cover;
  padding: 5%;
  margin-bottom: 50px;
}

.chk_cir li {
  list-style: none;
  background: url(../img/chk_cir.png) no-repeat left center;
  background-size: 24px 24px;
  padding-left: 34px;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 15px;
}

.href_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.href_b li {
  list-style: none;
  width: 48%;
}

.href_b img {
  width: 100%;
  height: auto;
}

.gift_imtems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.gift_imtems li {
  list-style: none;
  width: 32%;
  margin: 0 2% 2% 0 !important;
}

.gift_imtems li:nth-child(3n) {
  margin-right: 0 !important;
}

.gift_imtems li img {
  width: 100%;
  height: auto;
}

.black_btn {
  max-width: 40%;
  margin: 0 auto 50px;
  text-align: center;
}

.black_btn a {
  display: block;
  padding: 15px;
  border-radius: 25px;
  background: #333;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.black_btn a:hover {
  display: block;
  padding: 15px;
  border-radius: 25px;
  background: #000;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shopts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.shopts .photos {
  position: relative;
  width: 40%;
}

.shopts .photos img {
  width: 100%;
  height: auto;
}

.shopts .photos p:last-child {
  position: absolute;
  bottom: 7px;
  left: 0;
  background: #6d9f50;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 15px;
}

.moos {
  width: 54%;
}

.gred_btn {
  max-width: 40%;
  margin: -30px auto 0px;
  text-align: center;
}

.gred_btn a {
  display: block;
  padding: 15px;
  border-radius: 25px;
  background: #c42922;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.gred_btn a:hover {
  display: block;
  padding: 15px;
  border-radius: 25px;
  background: #93211c;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dod_li {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding: 40px;
  margin-bottom: 50px;
}

.end_fax {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  text-align: center;
}

.end_fax dt {
  background: #000;
  font-weight: bold;
  padding: 10px;
  color: #fff;
}

.end_fax dd {
  padding: 5%;
}

.end_fax dd p:first-child {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 20px;
}

.exa {
  margin-bottom: 35px;
}

.exa dt {
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 15px;
}

/* ------------------
llergy
------------------ */

.allergy_mv {
  background: url(../img/mv_allergy.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.allergy_in {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.alles {
  width: 33%;
}

.subs {
  font-size: 220%;
  color: #6d9f50;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 25px;
}

.noew {
  font-weight: bold;
  margin-bottom: 25px;
}

.alles .black_btn {
  max-width: 100%;
  width: 100%;
}

.not_all {
  width: 70%;
  margin: 0 auto 50px;
}

.not_all dt {
  font-weight: bold;
  font-size: 190%;
  line-height: 150%;
  color: #e93e34;
  text-align: center;
  margin-bottom: 20px;
}

.not_all img {
  width: 100%;
  height: auto;
}

.sings {
  margin-bottom: 30px;
}

.hozon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.hozon li {
  list-style: none;
  width: 32%;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

.hozon li p:first-child {
  margin-bottom: 10px;
}

.hozon li img {
  width: 100%;
  height: auto;
}

.all_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.all_card .dif_txt {
  width: 43%;
  font-size: 120%;
  line-height: 200%;
  margin-right: 7%;
}

.card_a {
  width: 50%;
}

.card_a img {
  width: 100%;
  height: auto;
}

.alal .gred_btn {
  width: 40%;
  margin: 0 auto 60px;
}

.all_card .black_btn {
  max-width: 100%;
}

.black_btn span {
  background: url(../img/dl_icomn.png) no-repeat left center;
  background-size: 24px 24px;
  padding: 5px 0 0 42px;
}

.alegy_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.alegy_list li {
  list-style: none;
  width: 30%;
  margin: 0 5% 5% 0;
}

.alegy_list li:nth-child(3n) {
  margin-right: 0;
}

.alegy_list li img {
  width: 100%;
  height: auto;
}

.alegy_list li p:first-child {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

.alegy_list li a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.alegy_list li a:hover img {
  opacity: 0.5;
}

/* ------------------
preservation
------------------ */

.preservation {
  background: url(../img/preservation_mv.jpg) no-repeat center center;
  background-size: cover;
  padding: 10% 5%;
  margin-bottom: 50px;
}

.preservation div {
  width: 40%;
}

.preservation h2 {
  font-size: 240%;
  line-height: 150%;
  margin-bottom: 30px;
}

.preservation p {
  font-size: 110%;
  line-height: 150%;
}

.prevs_i {
  margin-bottom: 30px;
}

.prevs_i img {
  width: 100%;
  height: auto;
}

.magic p {
  margin-bottom: 20px;
}

.magic p:last-child {
  margin-bottom: 0;
}

.magic {
  margin-bottom: 50px;
}

.magic .blown_btn {
  width: 50%;
  margin: 0 auto 60px;
}

.twos .blown_btn {
  width: 100%;
  margin: 30px auto 60px;
}

.twos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.twos > div {
  width: 48%;
  margin: 0 4% 4% 0;
}

.twos > div:nth-of-type(2n) {
  margin-right: 0;
}

.i_name {
  font-size: 110%;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 15px;
}

.twos a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.twos a:hover img {
  opacity: 0.5;
}

/* ------------------
water
------------------ */

.water_mv {
  background: url(../img/water_bg.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.water_in {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.alles {
  width: 33%;
}

.wasubs {
  font-size: 220%;
  color: #0077c5;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 25px;
}

.noeww {
  font-weight: bold;
  margin-bottom: 25px;
}

.alles .gred_btn {
  margin-top: 0;
  max-width: 100%;
  width: 100%;
}

.water_it {
  margin-top: 15px;
}

.wa_bottle {
  width: 230px;
  padding-top: 140px;
}

.wa_bottle img {
  width: 100%;
  height: auto;
}

.water_tit {
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

.water_tit dt {
  font-size: 150%;
  line-height: 150%;
}

.water_tit dd {
  color: #007ecb;
  font-size: 180%;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.water_tit dd:before,
.water_tit dd:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}

.water_tit dd:before {
  margin-right: 0.4em;
}

.water_tit dd:after {
  margin-left: 0.4em;
}

.g8 {
  text-align: center;
  margin-bottom: 40px;
}

.makers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.makers dl {
  width: 60%;
}

.makers dt {
  font-size: 140%;
  font-weight: bold;
  line-height: 150%;
}

.makers dd {
  margin-top: 25px;
}

.makers .black_btn {
  max-width: 80%;
}

.my_btl {
  width: 40%;
}

.my_btl p {
  width: 198px;
  text-align: center;
  margin: 0 auto;
}

.my_btl img {
  width: 100%;
  height: auto;
}

.reo_btl {
  width: 40%;
}

.reo_btl p {
  width: 270px;
  text-align: center;
  margin: 0 auto;
}

.reo_btl img {
  width: 100%;
  height: auto;
}

.reo_spc {
  width: 60%;
}

.dlicon {
  background: url(../img/dlicon.svg) no-repeat left center;
  background-size: 24px 24px;
  padding-left: 34px;
}

.seibun {
  background: #d9f3ff;
  padding: 5%;
  margin: 50px 0 0;
}

.seibun p {
  color: #0074c2;
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 25px;
}

.seibun ul {
  margin-left: 20px;
}

.safety {
  background: url(../img/safety.jpg) no-repeat center top;
  background-size: cover;
  padding: 5% 10%;
  color: #0056aa;
  margin: 50px auto;
}

.safety dt {
  font-size: 260%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  line-height: 150%;
  color: #007ecb;
}

.safety dd {
  font-size: 120%;
  line-height: 200%;
  max-width: 800px;
}

.onews {
  background: url(../img/onewat.jpg) no-repeat center bottom;
  padding: 10% 5%;
  position: relative;
  color: #007ecb;
  margin-bottom: 80px;
}

.onews dt {
  font-size: 270%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 30px;
}

.onews dd {
  width: 40%;
  color: #000;
}

.one_wbottle {
  position: absolute;
  right: 5%;
  bottom: -20%;
}

.sitei {
  text-align: center;
  color: #fff;
  background: #333;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  padding: 3%;
}

.insekou {
  padding: 3%;
}

.inreds {
  color: #990000;
  font-weight: bold;
  margin-top: 20px;
}

.sekou_fumanlis {
  margin-bottom: 50px;
}

.sekou_fumanlis img {
  width: 100%;
  height: auto;
}

.wate_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}

.wate_point li {
  list-style: none;
  width: 46%;
}

.wate_point img {
  width: 100%;
  height: auto;
}

.wate_point p:first-child {
  margin-bottom: 20px;
}

.os_kumi {
  font-weight: bold;
  font-size: 140%;
  margin-bottom: 20px;
}

.kumis {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 50px;
}

.kumis th {
  background: #f6fbfc;
}

.kumis th,
.kumis td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3%;
  text-align: center;
}

.glays {
  background: #efefef;
}

.send_tebilki {
  margin-bottom: 30px;
}

.send_tebilki dt {
  text-align: center;
  color: #fff;
  background: #c42922;
  font-size: 170%;
  font-weight: bold;
  line-height: 150%;
  padding: 3%;
  margin-bottom: 20px;
}

.send_tebilki dd {
  text-align: center;
  color: #c42922;
  font-size: 170%;
  font-weight: bold;
  line-height: 150%;
}

.wakka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.wakka li {
  list-style: none;
  width: 48%;
}

.wakka li img {
  width: 100%;
  height: auto;
}

.wakka li a {
  text-decoration: none;
}

.wakka li a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wakka li a:hover img {
  opacity: 0.6;
}

.grea {
  font-size: 200%;
  color: #dd0000;
}

.hozon_wa {
  background: url(../img/hokan_bg.jpg) no-repeat center top;
  background-size: 100% auto;
  padding: 240px 5% 0;
  font-size: 170%;
  line-height: 150%;
  margin-bottom: 40px;
}

.hozon_wa dt {
  color: #4281bf;
  font-weight: bold;
  margin-bottom: 40px;
}

.hozon_wa dd {
  background: url(../img/chk_cir.png) no-repeat left center;
  padding-left: 44px;
  margin-bottom: 20px;
}

/* ------------------
group
------------------ */

.group {
  background: url(../img/group_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 10% 5%;
  margin-bottom: 50px;
}

.group div {
  width: 40%;
}

.group h2 {
  font-size: 240%;
  line-height: 150%;
  margin-bottom: 30px;
}

.group p {
  font-size: 110%;
  line-height: 150%;
}

.group_tit {
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

.group_tit dt {
  font-size: 150%;
  line-height: 150%;
}

.group_tit dd {
  color: #358f58;
  font-size: 280%;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.group_tit dd:before,
.group_tit dd:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}

.group_tit dd:before {
  margin-right: 0.4em;
}

.group_tit dd:after {
  margin-left: 0.4em;
}

.stp_usu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.stp_usu li {
  width: 48%;
  list-style: none;
  margin: 0 4% 4% 0;
}

.stp_usu li:nth-child(2n) {
  margin-right: 0;
}

.stp_usu li:last-child {
  width: 100%;
  margin-right: 0;
}

.step_tut {
  font-weight: bold;
  font-size: 130%;
  margin: 20px 0;
}

.stp_usu div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.threes {
  text-align: center;
  margin-bottom: 60px;
  font-size: 200%;
  font-weight: bold;
  line-height: 150%;
}

.makes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.makes li {
  list-style: none;
}

.makes li:first-child {
  width: 44%;
}

.makes li img {
  width: 100%;
  height: auto;
}

.makes li:last-child {
  width: 50%;
  font-size: 120%;
  line-height: 150%;
}

.hinanb_bg {
  background: url(../img/hinanb_bg.jpg) no-repeat center top;
  padding: 5%;
  text-align: center;
}

.hinanb_bg dt {
  color: #d61d4d;
  font-weight: bold;
  font-size: 220%;
  line-height: 150%;
  margin-bottom: 30px;
}

.hinanb_bg dd {
  line-height: 150%;
  font-weight: bold;
  font-size: 120%;
}

.ryukkus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -30px !important;
  margin-bottom: 50px;
}

.ryukkus .photo_s {
  width: 40%;
}

.ryukkus .photo_s img {
  width: 100%;
  height: auto;
}

.ryukkus dl {
  width: 50%;
  font-size: 130%;
  padding-top: 80px;
  line-height: 150%;
}

.ryukkus dt {
  font-weight: bold;
  font-size: 120%;
  line-height: 150%;
  margin-bottom: 20px;
}

.waters_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  margin-bottom: 50px;
}

.waters_box .photo {
  width: 30%;
}

.waters_box .photo img {
  width: 100%;
  height: auto;
}

.waters_box ul {
  width: 66%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.waters_box ul li {
  width: 32%;
  margin: 0 2% 4% 0;
  list-style: none;
}

.waters_box ul li a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.waters_box ul li a:hover img {
  opacity: 0.5;
}

.waters_box ul li:nth-child(3n) {
  margin-right: 0;
}

.waters_box ul li img {
  width: 100%;
  height: auto;
}

.question dt {
  background: url(../img/icon_q.svg) no-repeat left center;
  background-size: 34px 34px;
  padding-left: 44px;
  font-size: 180%;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 15px;
}

.question dd {
  background: url(../img/icon_a.svg) no-repeat left top, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 34px 34px, 4px 1px;
  padding-left: 44px;
  padding-bottom: 30px;
  font-size: 120%;
  line-height: 150%;
  margin-bottom: 30px;
}

.reflet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.reflet li {
  list-style: none;
  width: 49%;
  margin: 0 2% 2% 0;
  text-align: center;
  font-weight: bold;
}

.reflet li a {
  display: block;
  -webkit-box-shadow: 0 0 0 2px #000 inset;
  box-shadow: 0 0 0 2px #000 inset;
  padding: 20px;
  background: url(../img/delta.svg) no-repeat 96% center;
  background-size: 6px 8px;
}

.reflet li:nth-child(2n) {
  margin-right: 0;
}

.bect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bect li {
  width: 46%;
  list-style: none;
}

.bect li img {
  width: 100%;
  height: auto;
}

.bect li dt {
  font-weight: bold;
  font-size: 130%;
  line-height: 150%;
  margin-bottom: 20px;
}

.colorring {
  margin-bottom: 50px;
}

.colorring img {
  width: 100%;
  height: auto;
}

.hokan {
  text-align: center;
  padding: 20px;
  color: #fff;
  font-size: 200%;
  background: #c42922;
  margin: 50px auto 20px;
}

.chks li {
  background: url(../img/chk_cir.png) no-repeat left 3px;
  background-size: 24px 24px;
  padding-left: 34px;
  list-style: none;
  font-size: 140%;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 25px;
}

/* ------------------
earthquake
------------------ */

.earthquake {
  background: url(../img/earthquake_mv.jpg) no-repeat center center;
  background-size: cover;
  padding: 5% 5% 20%;
  margin-bottom: 50px;
}

.earthquake div {
  width: 50%;
}

.earthquake h2 {
  font-size: 240%;
  line-height: 150%;
  margin-bottom: 20px;
}

.earthquake p {
  font-size: 110%;
  line-height: 150%;
  font-weight: bold;
}

.earts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 30px;
}

.earts .photo {
  width: 44%;
  word-break: break-all;
}

.earts .photo img {
  width: 100%;
  height: auto;
}

.zas {
  width: 50%;
}

.zas div {
  background: #f4ffee;
  padding: 5%;
  margin-top: 25px;
}

.enpua_img {
  margin-bottom: 50px;
}

.enpua_img img {
  width: 100%;
  height: auto;
}

.gurat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gurat .photo {
  width: 44%;
}

.gurat .photo img {
  width: 100%;
  height: auto;
}

.gurat div {
  width: 50%;
}

.gratbg {
  background: url(../img/grat_bg.jpg) no-repeat center bottom;
  padding: 8% 8% 42%;
  margin-bottom: 40px;
}

.gratbg dt {
  font-weight: bold;
  font-size: 180%;
  line-height: 150%;
  margin-bottom: 30px;
  text-align: center;
}

/* ------------------
radio
------------------ */

.radio_mv {
  background: url(../img/radio_mv2.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio_in {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}

.allesa {
  width: 42%;
}

.rads {
  font-size: 220%;
  color: #fffbbf;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 15px;
}

.minron {
  font-size: 90%;
}

.radnoew {
  font-size: 200%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 25px;
}

.lifeline {
  margin-bottom: 40px;
}

.lifeline p {
  margin-bottom: 20px;
}

.graffmap {
  width: 80%;
  margin: 0 auto 50px;
}

.graffmap li {
  list-style: none;
  margin-bottom: 40px;
}

.graffmap li img {
  width: 100%;
  height: auto;
}

.graffmap li span {
  color: #990000;
  font-weight: bold;
}

.wind_bg {
  background: url(../img/wind_bg.jpg) no-repeat center top;
  padding: 15% 5% 0;
}

.whitesp {
  padding: 5%;
  background: #fff;
}

.g_tits {
  color: #fff;
  padding: 10px;
  font-size: 140%;
  background: #666;
  margin-bottom: 20px;
}

.wind_data img {
  width: 100%;
  height: auto;
}

.kakyu {
  text-align: center;
  color: #990000;
  font-size: 150%;
  line-height: 150%;
  margin: 30px 0;
}

.lightups {
  background: url(../img/lightups.jpg) no-repeat center center;
  background-size: cover;
  padding: 8%;
  color: #fff;
  font-size: 150%;
  line-height: 250%;
  margin-bottom: 50px;
}

.lightups p {
  width: 54%;
}

.bgblack {
  background: #000 !important;
}

.dod_unline {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 50px;
}

.item_radin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 50px;
  margin-bottom: 50px;
  margin-bottom: 50px;
}

.item_radin .photo {
  width: 40%;
}

.item_radin .photo img {
  width: 100%;
  height: auto;
}

.info_t {
  width: 54%;
}

.info_t table {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  margin-top: 10px;
}

.info_t table td,
.info_t table th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3%;
}

.info_t table th {
  background: #f1fff2;
}

.rantit {
  font-weight: bold;
  font-size: 130%;
  line-height: 150%;
  margin-bottom: 15px;
  text-align: center;
}

.menu_light {
  background: url(../img/menu_light.jpg) no-repeat right bottom;
  background-size: cover;
  padding: 8% 8% 320px;
  color: #fff;
  font-size: 130%;
  line-height: 180%;
  margin-bottom: 50px;
}

.menu_light p {
  width: 100%;
}

.chk_disk {
  width: 80%;
  margin: -40px auto 60px;
}

.chk_disk li {
  list-style: none;
  background: url(../img/chk_cir.png) no-repeat left center;
  background-size: 24px 24px;
  padding-left: 34px;
  font-size: 160%;
  margin-bottom: 20px;
  font-weight: bold;
}

.chip {
  width: 30%;
}

.m_rights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.m_rights .photo {
  width: 30%;
  margin: 0 5% 5% 0;
}

.m_rights .photo:nth-of-type(3n) {
  margin-right: 0;
}

.m_rights .photo img {
  width: 100%;
  height: auto;
}

.m_rights .info_t {
  width: 100%;
}

.m_rights .info_t table {
  margin-bottom: 20px;
}

/* ------------------
mobile
------------------ */

.mobile_mv {
  background: url(../img/mv_mobile.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile_in {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mobile_in .gred_btn {
  width: 30%;
  font-size: 130%;
}

.mobile_in .gred_btn a {
  background: #e60012;
  text-decoration: none;
}

.mobile_in .gred_btn a:hover {
  background: #93211c;
}

.movb {
  width: 50%;
}

.mob_mt {
  font-size: 200%;
  line-height: 150%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}

.mob_mt span {
  font-size: 60%;
}

.ureis {
  font-size: 250%;
  line-height: 150%;
  font-weight: bold;
  color: #fff;
}

.bov_img {
  width: 100%;
  margin-bottom: 30px;
}

.bov_img img {
  width: 100%;
  height: auto;
}

.forpoint {
  background: url(../img/fot_pint.jpg) no-repeat center center;
  background-size: cover;
  padding: 5%;
  margin-bottom: 60px;
}

.forpoint dl {
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.forpoint dt {
  font-size: 130%;
  line-height: 150%;
}

.forpoint dd {
  font-size: 340%;
  line-height: 150%;
}

.forpoint span {
  font-size: 150%;
  color: #bb271a;
}

.forpoint ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.forpoint li {
  list-style: none;
  width: 23%;
}

.forpoint li img {
  width: 100%;
  height: auto;
}

.anpair {
  margin-bottom: 50px;
}

.anpair dt {
  text-align: center;
  font-size: 260%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 0px;
}

.anpair dt span {
  color: #dd0000;
}

.anpair dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 130%;
  line-height: 2em;
}

.anpair .photo {
  width: 40%;
}

.anpair img {
  width: 100%;
  height: auto;
}

.anpair .txt {
  width: 56%;
}

.model_amp {
  font-size: 160%;
  text-align: center;
  margin: 40px 0;
  font-weight: bold;
}

.suptext {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  font-weight: normal;
  top: -0.2em;
}

.model_amp .red {
  color: #dd0000;
  font-size: 170%;
  line-height: 150%;
}

.mbmap {
  margin-bottom: 30px;
}

.mbmap img {
  width: 100%;
  height: auto;
}

.soutei {
  margin-bottom: 50px;
}

.hikaku_mb {
  margin-bottom: 50px;
}

.hikaku_mb .gred_btn {
  margin: 0 auto;
  max-width: 50%;
}

.hikaku_mb .gred_btn a {
  font-weight: bold;
  font-size: 120%;
}

.three_itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 50px;
}

.solor {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.solor p:first-child {
  width: 50%;
}

.solor p:last-child {
  width: 40%;
}

.solor p img {
  width: 100%;
  height: auto;
}

.three_itemlist li {
  list-style: none;
  width: 30%;
  margin: 0 5% 5% 0;
}

.three_itemlist li:nth-child(3n) {
  margin-right: 0;
}

.three_itemlist li img {
  width: 100%;
  height: auto;
}

.pankuzu {
  max-width: 1120px;
  width: 90%;
  margin: 10px auto 30px;
}

/* ------------------
souhou
------------------ */

.mrb30_02 {
  letter-spacing: -0.2px;
}

.mvcov2 {
  background: url(../img/main_bosai01.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mvcon2_soho {
  width: 1120px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.mvcon2_soho h2 {
  font-size: 280%;
}

.mvcon2_soho p {
  margin: 20px 0 0 0;
  font-size: 200%;
  line-height: 150%;
  color: #000;
}

.mvcon2_box {
  width: 1120px;
  margin: 0 auto;
  color: #fff;
}

.mvcon2_btn {
  width: 370px;
  text-align: center;
}

.sankaku {
  background-image: url(../img/sankaku.png);
  background-position: right;
  padding: 0 20px 0 0;
}

.mvcon2_btn a {
  background: #303030;
  padding: 5px 10px;
  display: block;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.goods-conts {
  width: 100%;
  margin: 0 0 40px 0;
}

.goods-tit {
  margin: 0 0 20px 0;
}

.goods-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.goods-list a {
  display: block;
  text-decoration: none;
}

.goods-list a:hover {
  text-decoration: underline;
}

.goods-list li {
  width: 31%;
  list-style: none;
  margin: 0 0 30px 0;
}

.goods-list img {
  width: 100%;
  -webkit-box-shadow: 0 0 25px #d6d6cf;
  box-shadow: 0 0 25px #d6d6cf;
}

.goods-name {
  margin: 5px 0 0 0;
}

.goods-name,
.goods-price {
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
}

.g_tit {
  font-size: 180%;
  line-height: 130%;
  border-bottom: solid 3px #6d9f50;
  padding: 0 0 10px 0;
  margin: 0 0 30px 0;
  font-weight: bold;
}

.bosaicup_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bosaicup p {
  margin: 0 0 20px 0;
  font-weight: bold;
}

.bosaicup_img li {
  width: 25%;
  list-style: none;
}

.bosaicup_img img {
  width: 100%;
}

.bosaicup .bosai_graph {
  text-align: center;
  margin: 50px 0 30px 0;
}

.grey-box {
  padding: 30px 40px;
  background-color: #efefef;
}

.grey-box p {
  font-weight: bold;
}

.font-r {
  text-align: right;
}

.bosaicup2,
.bosaicup3 {
  margin: 0 0 50px 0;
}

.bosaicup2 p,
.bosaicup3 p {
  margin: 0 0 20px 0;
}

.bosaicup2 p:last-child,
.bosaicup3 p:last-child {
  margin: 0;
}

/*goods02.html*/

.mvcov3 {
  background: url(../img/main_bosai02.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mvcon3_soho {
  width: 1120px;
  margin: 0 auto;
}

.mvcon3_soho h2 {
  font-size: 280%;
}

.mvcon3_soho p {
  margin: 20px 0 0 0;
  font-size: 200%;
  line-height: 150%;
}

.mvcon3_box {
  width: 1120px;
  margin: 0 auto;
  color: #fff;
}

.bosai-conts {
  background-image: url(../img/dot-line.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 0 0 30px 0;
  margin: 0 0 50px 0;
}

.bosai-conts p {
  margin: 0 0 20px 0;
}

.bosai-conts p:last-child {
  margin: 0;
}

.bosai-conts a {
  color: #006699;
}

.bosai-set {
  margin: 0 0 50px 0;
}

.bosai-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.bosai-set-r {
  width: 40%;
}

.bosai-set-r img {
  width: 100%;
}

.bosai-set-l {
  width: 55%;
}

.bosai-set-l h3 {
  font-size: 25px;
  margin: 0 0 20px 0;
}

.bosai-set-l h3 a {
  text-decoration: none;
}

.set-table table {
  table-layout: fixed;
  width: 100%;
  white-space: normal;
  border-collapse: collapse;
  border-spacing: 0;
}

.set-table th {
  background-color: #333;
  color: #fff;
}

.set-table td:first-child {
  background-color: #efefef;
}

.set-table th,
.set-table td {
  padding: 10px 10px;
  width: 630px;
  text-align: center;
  border: solid 1px #ccc;
}

.set-table th:first-child,
.set-table td:first-child {
  width: 230px;
}

.set-table tr .t-siro {
  background-color: #fff;
}

.tabu {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
}

.tab-area {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.tab-area li {
  width: calc(95% / 3);
  background: #fff;
  padding: 5px 25px;
  float: left;
  border: solid 1px #000;
  text-align: center;
  list-style: none;
}

.tab-area li.select {
  background: #5ba144;
  color: #fff;
  position: relative;
  border: solid 1px #5ba144;
}

.tab-area li.select:after {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 50%;
}

.tab-area li.select:before {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -11px;
  left: 50%;
}

.tabu .content {
  margin: 20px 0 0 0;
}

.tabu .content table {
  width: 100%;
  border-collapse: collapse;
}

.hide {
  display: none;
}

.tabu .content th {
  background-color: #333;
  color: #fff;
}

.tabu .content td:first-child {
  background-color: #efefef;
}

.tabu .content th,
.tabu .content td {
  padding: 10px 10px;
  width: 630px;
  text-align: center;
  border: solid 1px #ccc;
}

.tabu .content th:first-child,
.tabu .content td:first-child {
  width: 230px;
  min-width: 230px;
}

.tabu .content tr .t-siro {
  background-color: #fff;
}

.tabu2 {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
}

.tab2 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.tab2 li {
  width: calc(95% / 2);
  background: #fff;
  padding: 5px 25px;
  float: left;
  border: solid 1px #000;
  text-align: center;
  list-style: none;
}

.tab2 li.select {
  background: #5ba144;
  color: #fff;
  position: relative;
  border: solid 1px #5ba144;
}

.tab2 li.select:after {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 50%;
}

.tab2 li.select:before {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -11px;
  left: 50%;
}

.tabu2 .content2 {
  margin: 20px 0 0 0;
}

.tabu2 .content2 table {
  width: 100%;
  border-collapse: collapse;
}

.hide {
  display: none;
}

.tabu2 .content2 th {
  background-color: #333;
  color: #fff;
}

.tabu2 .content2 td:first-child {
  background-color: #efefef;
}

.tabu2 .content2 th,
.tabu2 .content2 td {
  padding: 10px 10px;
  width: 630px;
  text-align: center;
  border: solid 1px #ccc;
}

.tabu2 .content2 th:first-child,
.tabu2 .content2 td:first-child {
  width: 230px;
}

.tabu2 .content2 tr .t-siro {
  background-color: #fff;
}

.set-list {
}

.set-list ul {
  list-style: none;
}

.set-list-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.set-list-l li {
  width: 32%;
  margin: 0 2% 0 0;
}

.set-list-l li:nth-child(3n) {
  margin-right: 0;
}

.set-list-l li img {
  width: 100%;
  height: auto;
}

.set-list-r {
  -ms-flex-item-align: center;
  align-self: center;
}

.syosai {
  text-align: right;
}

/*追加*/
.center-img {
  text-align: center;
}

.preservation {
  background: url(../img/preservation_mv2.png) no-repeat right 90%;
  background-size: 60%;
  background-color: #eeefe8;
}

.content2 {
  width: 40%;
}

.content2 .bosai-set-r {
  width: 100%;
}

.tabu {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
}

.tab-basic {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.tab-basic li {
  width: calc(95% / 7);
  background: #fff;
  padding: 5px 0px;
  float: left;
  border: solid 1px #000;
  text-align: center;
  list-style: none;
}

.tab-basic li.select {
  background: #5ba144;
  color: #fff;
  position: relative;
  border: solid 1px #5ba144;
}

.tab-basic li.select:after {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 45%;
}

.tab-basic li.select:before {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -11px;
  left: 45%;
}

.tab-full {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 30px 0;
}

.tab-full li {
  width: calc(95% / 5);
  background: #fff;
  padding: 5px 5px;
  float: left;
  border: solid 1px #000;
  text-align: center;
  list-style: none;
}

.tab-full li.select {
  background: #5ba144;
  color: #fff;
  position: relative;
  border: solid 1px #5ba144;
}

.tab-full li.select:after {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 45%;
}

.tab-full li.select:before {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -11px;
  left: 45%;
}

.tabu .content-basic,
.tabu .content-full {
  margin: 20px 0 0 0;
}

.tabu .content-basic table,
.tabu .content-full table {
  width: 100%;
  border-collapse: collapse;
}

.hide {
  display: none;
}

.tabu .content-basic th,
.tabu .content-full th {
  background-color: #333;
  color: #fff;
}

.tabu .content-basic td:first-child,
.tabu .content-full td:first-child {
  background-color: #efefef;
}

.tabu .content-basic th,
.tabu .content-basic td,
.tabu .content-full th,
.tabu .content-full td {
  padding: 10px 10px;
  width: 630px;
  text-align: center;
  border: solid 1px #ccc;
}

.tabu .content-basic th:first-child,
.tabu .content-basic td:first-child,
.tabu .content-full th:first-child,
.tabu .content-full td:first-child {
  width: 230px;
  min-width: 230px;
}

.tabu .content-basic tr .t-siro,
.tabu .content-full tr .t-siro {
  background-color: #fff;
}

.tab-A4 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
}

.tab-A4 li {
  width: calc(95% / 5);
  background: #fff;
  padding: 5px 0px;
  float: left;
  border: solid 1px #000;
  text-align: center;
  list-style: none;
}

.tab-A4 li.select {
  background: #5ba144;
  color: #fff;
  position: relative;
  border: solid 1px #5ba144;
}

.tab-A4 li.select:after {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 45%;
}

.tab-A4 li.select:before {
  content: "";
  position: absolute;
  border-top: 10px solid #5ba144;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -11px;
  left: 45%;
}

.tabu .content-A4 {
  margin: 20px 0 0 0;
}

.tabu .content-A4 table {
  width: 100%;
  border-collapse: collapse;
}

.tabu .content-A4 th {
  background-color: #333;
  color: #fff;
}

.tabu .content-A4 td:first-child {
  background-color: #efefef;
}

.tabu .content-A4 th,
.tabu .content-A4 td {
  padding: 10px 10px;
  width: 630px;
  text-align: center;
  border: solid 1px #ccc;
}

.tabu .content-A4 th:first-child,
.tabu .content-A4 td:first-child {
  width: 230px;
  min-width: 230px;
}

.tabu .content-A4 tr .t-siro {
  background-color: #fff;
}

.threes2 {
  margin-bottom: 60px;
  font-size: 140%;
  font-weight: bold;
  line-height: 150%;
}

.stp_usu .step3-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.stp_usu .step3-item li {
  width: 24%;
  margin: 0 0 10px 0;
}

.stp_usu .step3-item li a {
  display: block;
}

.stp_usu .step3-item li a:hover {
  opacity: 0.6;
}

.step3-item li img {
  width: 100%;
  height: auto;
}

.photo span {
  font-weight: bold;
  font-size: 120%;
}

.gift_imtems {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gift_imtems li {
  margin: 0 0 20px 0;
}

.gift_imtems a {
  display: block;
}

.gift_imtems a:hover {
  opacity: 0.6;
}

.s_btn {
  display: none;
}

/* ------------------
	IE10+（Edgeも全て含む） ハック
 ------------------ */

_:-ms-lang(x),
.FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
  width: 50px;
}

/* ------------------
	Edgeのみ（Edge全て） ハック
 ------------------ */

@supports (-ms-ime-align: auto) {
}

/* ------------------
	IE11のみ
 ------------------ */

@media all and (-ms-high-contrast: none) {
  /* -  *::-ms-backdrop, .topictab-content li ul li {
    border-bottom: 1px dotted #ccc;
  }- */
  *::-ms-backdrop,
  .layout_table {
    width: 1000px !important;
    margin-right: auto;
    margin-left: auto;
  }

  *::-ms-backdrop,
  .system_content {
    width: 1000px !important;
  }

  *::-ms-backdrop,
  .tempo_s {
    background: #000;
    padding: 5% 10% 5% 3%;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 380px;
  }

  *::-ms-backdrop,
  .tempo_s .mb_txt {
    height: 340px;
    overflow: hidden;
    color: #fff;
    margin-right: 20px;
    margin-top: 20px;
  }
}

/* ------------------
	firefox
 ------------------ */

@-moz-document url-prefix() {
}

/* ------------------
	Chrome
 ------------------ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
    width: 50px;
  }
}

/* ------------------
	tablet css
 ------------------ */

@media screen and (min-width: 767px) and (max-width: 1320px) {
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
}

/* ------------------
	2019/4/15 追記
 ------------------ */

.two_itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.two_itemlist li {
  list-style: none;
  width: 45%;
}

.two_itemlist li img {
  height: auto;
}

/* ------------------
	2021/11/15 追記
 ------------------ */

.flexend {
  justify-content: space-between;
  margin-bottom: 30px;
}

.flexend li {
  width: 47.5%;
}